[
    {
        "id": 26680,
        "label": "Nome do app",
        "name": "APP_NAME",
        "value": "",
        "type": "STRING",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 26681,
        "label": "Logo do app",
        "name": "APP_LOGO",
        "value": "https://i.ibb.co/Z8pPY0p/487f7b22f68312d2c1bbc93b1aea445b-1701086222211.gif",
        "type": "IMAGE",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 26682,
        "label": "Imagem de fundo",
        "name": "APP_BACKGROUND_IMAGE",
        "value": "",
        "type": "IMAGE",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3810,
        "label": "Tipo do fundo do app",
        "name": "APP_BACKGROUND_TYPE",
        "value": {
            "options": [
                {
                    "label": "Imagem",
                    "value": "IMAGE"
                },
                {
                    "label": "Cor",
                    "value": "COLOR"
                }
            ],
            "selected": "COLOR"
        },
        "type": "SELECT",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3811,
        "label": "Cor de fundo",
        "name": "APP_BACKGROUND_COLOR",
        "value": "#d3d8dba8",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3812,
        "label": "Cor do card inicial",
        "name": "APP_CARD_COLOR",
        "value": "#00000000",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7979,
        "label": "Raio do card inicial",
        "name": "APP_CARD_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7980,
        "label": "Cor do card de status",
        "name": "APP_CARD_STATUS_COLOR",
        "value": "#1d242e8f",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7981,
        "label": "Raio do card de status",
        "name": "APP_CARD_STATUS_RADIUS",
        "value": 10,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3813,
        "label": "Cor do card de configura莽玫es",
        "name": "APP_CARD_CONFIG_COLOR",
        "value": "#00000047",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3814,
        "label": "Cor do fundo dos dialogs",
        "name": "APP_DIALOG_BACKGROUND_COLOR",
        "value": "#000000b0",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 11850,
        "label": "Cor do fundo do dialog de log",
        "name": "APP_DIALOG_LOGGER_COLOR",
        "value": "#00000005",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3815,
        "label": "Cor das bordas",
        "name": "APP_BORDER_COLOR",
        "value": "#000000d1",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7982,
        "label": "Cor dos inputs",
        "name": "APP_INPUT_COLOR",
        "value": "#000000cc",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7983,
        "label": "Raio dos inputs",
        "name": "APP_INPUT_RADIUS",
        "value": 10,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3816,
        "label": "Cor dos textos",
        "name": "APP_TEXT_COLOR",
        "value": "#ffffffde",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3817,
        "label": "Cor dos bot玫es",
        "name": "APP_BUTTON_COLOR",
        "value": "#000000e6",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7984,
        "label": "Raio dos bot玫es",
        "name": "APP_BUTTON_RADIUS",
        "value": 10,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3818,
        "label": "Cor dos icones",
        "name": "APP_ICON_COLOR",
        "value": "#ffffffff",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3819,
        "label": "Exibir modo de conex茫o",
        "name": "APP_SHOW_CONNECTION_MODE",
        "value": "true",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 22784,
        "label": "Atualizar automaticamente as configura莽玫es ao lan莽ar uma atualiza莽茫o.",
        "name": "APP_CONFIG_AUTO_UPDATE",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 4922,
        "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
        "name": "APP_AUTO_START",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 7985,
        "label": "Usar limiter de conex茫o",
        "name": "APP_CONNECTION_LIMITER",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 12836,
        "label": "Usar bot茫o de atualiza莽玫es",
        "name": "APP_BTN_UPDATE_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 12837,
        "label": "Usar bot茫o de registros",
        "name": "APP_BTN_LOGGER_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 12838,
        "label": "Usar bot茫o de pagina webview",
        "name": "APP_BTN_PAGE_ENABLED",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 14425,
        "label": "Ativar dialog de erros",
        "name": "APP_DIALOG_ERROR_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 14426,
        "label": "Ativar dialog de checkuser",
        "name": "APP_CHECKUSER_DIALOG_ENABLED",
        "value": "false",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 14427,
        "label": "Ativar toast de sucesso",
        "name": "APP_SUCCESS_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 14428,
        "label": "Ativar toast de erro",
        "name": "APP_ERROR_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 14429,
        "label": "Usar layout webview",
        "name": "APP_LAYOUT_WEBVIEW_ENABLED",
        "value": "true",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3820,
        "label": "Mensagem",
        "name": "APP_MESSAGE",
        "value": "Bem vindo ao 饾檵饾櫑饾櫎饾櫉饾櫄饾櫓饾櫎 饾檵饾櫒饾檭饾櫎饾櫒饾櫓 饾檸饾檸饾檭",
        "type": "TEXT",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3822,
        "label": "URL de atualiza莽茫o do aplicativo",
        "name": "APP_UPDATE_URL",
        "value": null,
        "type": "URL",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3821,
        "label": "Tipo de mensagem",
        "name": "APP_MESSAGE_TYPE",
        "value": {
            "options": [
                {
                    "label": "Alerta",
                    "value": "ALERT"
                },
                {
                    "label": "Informa莽茫o",
                    "value": "INFO"
                },
                {
                    "label": "Boas vindas",
                    "value": "WELCOME"
                },
                {
                    "label": "Sem mensagem",
                    "value": "NONE"
                }
            ],
            "selected": "ALERT"
        },
        "type": "SELECT",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 14430,
        "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_LAYOUT_WEBVIEW",
        "value": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\" />\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n\r\n    <title>2057426255 - @contecbr | @alexdsgmoura</title>\r\n\r\n    <style>\r\n        :root {\r\n\r\n            --cor-fundo: #000000;\r\n\r\n            --cor-fundo2: #000000;\r\n            --fundo-img: url();\r\n\r\n            /*LOGO e PORCENTAGEM DE TAMANHO*/\r\n            --logo--app: url(https://i.ibb.co/Z8pPY0p/487f7b22f68312d2c1bbc93b1aea445b-1701086222211.gif);\r\n            --porcent-logo: 40%;\r\n            /*---------------------------------------------------------------------------------------------------------------*/\r\n            font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;\r\n            line-height: 1.5;\r\n            font-weight: 400;\r\n            font-synthesis: none;\r\n            text-rendering: optimizeLegibility;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            text-size-adjust: 100%;\r\n            -webkit-text-size-adjust: 100%;\r\n\r\n            --space-status-bar: 10px;\r\n            --space-nav-bar: 33px;\r\n\r\n\r\n            /*lihas coloridas Botao de iniciar*/\r\n            --default-background-color: linear-gradient(135deg,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff);\r\n            /*---------------------------------------------------------------------------------------------------------------*/\r\n            /*lihas coloridas parte de baixo*/\r\n            --default-background-color2: linear-gradient(135deg,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff,\r\n                    #ff3d2f,\r\n                    #d3760b,\r\n                    #001aff);\r\n            /*---------------------------------------------------------------------------------------------------------------*/\r\n\r\n            /*CORES DOS BOTOES DE CONFIG*/\r\n            --cor-gradiente-bt-incial: radial-gradient(circle, #0b18d3, #ff5f2f 85%);\r\n            --cor-text1:#ffffff;\r\n            --cor-text2:#ffffff;\r\n            --cor-carregando-version:#ffffff;\r\n\r\n            /*---------------------------------------------------------------------------------------------------------------*/\r\n\r\n            /*CORES DOS BOTOES DE Start vpn*/\r\n\r\n            --cor-gradiente-bt-start: radial-gradient(circle, #ff5f2f, #0b18d3 85%);\r\n            --cor-icone-start:#ffffff;\r\n\r\n            /*---------------------------------------------------------------------------------------------------------------*/\r\n\r\n\r\n            --connected-background-color: linear-gradient(135deg,\r\n                    #05b76d,\r\n                    #01ac66,\r\n                    #008e52,\r\n                    #30704b,\r\n                    #00ff00,\r\n                    #29ab87,\r\n                    #00a86b,\r\n                    #2e8b57,\r\n                    #3f7046,\r\n                    #3f7,\r\n                    #008e52,\r\n                    #30704b,\r\n                    #00ff00,\r\n                    #29ab87,\r\n                    #00a86b,\r\n                    #2e8b57,\r\n                    #3f7046,\r\n                    #3f7);\r\n            --connecting-background-color: linear-gradient(135deg,\r\n                    #ffc823,\r\n                    #f4b007,\r\n                    #fff14a,\r\n                    #eaa700,\r\n                    #fc9200,\r\n                    #ffcb05,\r\n                    #feb308,\r\n                    #ecc218,\r\n                    #ffc823,\r\n                    #f4b007,\r\n                    #fff14a,\r\n                    #eaa700,\r\n                    #fc9200,\r\n                    #ffcb05,\r\n                    #feb308,\r\n                    #ecc218);\r\n            --error-background-color: linear-gradient(135deg,\r\n                    #e20807,\r\n                    #d40000,\r\n                    #9a001a,\r\n                    #65100d,\r\n                    #e20807,\r\n                    #d40000,\r\n                    #9a001a,\r\n                    #65100d,\r\n                    #e20807,\r\n                    #d40000,\r\n                    #9a001a,\r\n                    #65100d,\r\n                    #FFFFFF,\r\n                    #ff0000,\r\n                    #9a001a,\r\n                    #e20807,\r\n                    #65100d);\r\n        }\r\n\r\n        @keyframes ButtonStartVpnAnimation {\r\n            0% {\r\n                background-position: 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 300%;\r\n            }\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            100% {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        *,\r\n        *::after,\r\n        *::before {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html,\r\n        body {\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        body {\r\n            height: 100%;\r\n            max-width: 465px;\r\n            background: var(--fundo-img);\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            background-size: cover;\r\n            background-color: var(--cor-fundo);\r\n            padding-bottom: var(--space-nav-bar);\r\n        }\r\n\r\n        main {\r\n            width: auto;\r\n            height: 89%;\r\n\r\n            display: flex;\r\n\r\n            position: relative;\r\n\r\n            padding: 0 0 0 0;\r\n\r\n            overflow: hidden;\r\n        }\r\n\r\n        section.home {\r\n            width: 100vw;\r\n            min-width: 100%;\r\n            height: 100%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n\r\n            opacity: 0;\r\n            transform: translateX(100%);\r\n\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n\r\n            overflow: hidden;\r\n        }\r\n\r\n        section.home header {\r\n            width: var(--porcent-logo);\r\n            display: block;\r\n            margin-top: 20px;\r\n            margin-bottom: -10px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            content: var(--logo--app);\r\n        }\r\n\r\n        section.home span#version {\r\n            position: absolute;\r\n            bottom: 3%;\r\n            left: 3%;\r\n\r\n            color: var(--cor-carregando-version);\r\n        }\r\n\r\n        section.container-carrier-selector-button,\r\n        section.status-connection {\r\n            width: 100%;\r\n            height: 10%;\r\n            max-height: 60px;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            margin: 10% 0 0 0;\r\n        }\r\n\r\n        section.container-carrier-selector-button button,\r\n        section.status-connection span {\r\n            width: 90%;\r\n            height: 65%;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 5px;\r\n\r\n            position: relative;\r\n\r\n            border: 0px;\r\n            border-radius: 20px;\r\n\r\n            background: var(--cor-gradiente-bt-incial);\r\n            background-size: 300%;\r\n\r\n            animation: 8s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.container-carrier-selector-button button svg {\r\n            color: #ffffff;\r\n        }\r\n\r\n        section.container-carrier-selector-button button span {\r\n            color: var(--cor-text2);\r\n            font-size: 12px;\r\n        }\r\n\r\n        section.container-button-start-stop-vpn {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            margin: 20% 0 0 0;\r\n        }\r\n\r\n        section.container-button-start-stop-vpn button {\r\n            width: 150px;\r\n            height: 150px;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            position: relative;\r\n\r\n            border: 0;\r\n            border-radius: 50%;\r\n\r\n            background: var(--cor-gradiente-bt-start);\r\n        }\r\n\r\n        section.container-button-start-stop-vpn button svg {\r\n            width: 50%;\r\n            height: 50%;\r\n\r\n            color: var(--cor-icone-start);\r\n        }\r\n\r\n        section.container-button-start-stop-vpn button::before,\r\n        section.container-button-start-stop-vpn button::after {\r\n            width: calc(100% + 10px);\r\n            height: calc(100% + 10px);\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            z-index: -1;\r\n\r\n            border-radius: 50%;\r\n\r\n            background: var(--default-background-color);\r\n            background-size: 300%;\r\n\r\n            animation: 8s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.container-button-start-stop-vpn button::after {\r\n            filter: blur(30px);\r\n        }\r\n\r\n        section.status-connection span {\r\n            width: 75%;\r\n            color: var(--cor-text1);\r\n        }\r\n\r\n        section.renew-alert {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: none;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            margin: auto 0 auto 0;\r\n        }\r\n\r\n        section.renew-alert.active {\r\n            display: flex;\r\n        }\r\n\r\n        section.renew-alert button {\r\n            padding: 2.5% 10%;\r\n\r\n            border: 0;\r\n            border-radius: 60px;\r\n\r\n            background: radial-gradient(circle, #001AFF, #d3760b 85%);\r\n            background-size: 300%;\r\n\r\n            animation: 8s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.renew-alert button span {\r\n            color: #ffffff;\r\n        }\r\n\r\n        section.profile,\r\n        section.carrier-list,\r\n        section.container-tools,\r\n        section.container-logs,\r\n        section.container-error {\r\n            width: 100%;\r\n            min-width: 100%;\r\n            height: 100%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n\r\n            padding: var(--space-status-bar) 0 0 0;\r\n\r\n            opacity: 0;\r\n\r\n            transform: translateX(100%);\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        section.carrier-list {\r\n            height: 97%;\r\n        }\r\n\r\n        section.container-tools {\r\n            gap: 1px;\r\n        }\r\n\r\n        section.loading,\r\n        section.checkuser,\r\n        section.clean-data-app,\r\n        section.hotspot-container,\r\n        section.terms-container {\r\n            width: 100%;\r\n            min-width: 100%;\r\n            height: 100%;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 999999999;\r\n\r\n            padding-top: 15%;\r\n\r\n            background: rgba(0, 0, 0, 0.3);\r\n\r\n            opacity: 0;\r\n            transform: scale(0);\r\n            transform-origin: center;\r\n\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        section.hotspot-container {\r\n            padding-top: 0;\r\n        }\r\n\r\n        section.loading.active,\r\n        section.checkuser.active,\r\n        section.clean-data-app.active,\r\n        section.hotspot-container.active,\r\n        section.terms-container.active {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n        section.loading section,\r\n        section.checkuser section,\r\n        section.clean-data-app section,\r\n        section.hotspot-container section,\r\n        section.terms-container section {\r\n            width: 80%;\r\n            height: auto;\r\n            min-height: 50%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n\r\n            border-radius: 10px;\r\n\r\n            background: #051D40;\r\n\r\n            overflow: hidden;\r\n        }\r\n\r\n        section.loading section header,\r\n        section.checkuser section header,\r\n        section.clean-data-app section header,\r\n        section.hotspot-container section header,\r\n        section.terms-container section header {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            position: relative;\r\n\r\n            padding: 4% 2% 4% 2%;\r\n\r\n            border-bottom: 2px solid #03142d;\r\n        }\r\n\r\n        section.loading section header h1,\r\n        section.checkuser section header h1,\r\n        section.clean-data-app section header h1,\r\n        section.hotspot-container section header h1,\r\n        section.terms-container section header h1 {\r\n            margin-left: auto;\r\n\r\n            color: #FFFFFF;\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        @media (max-width: 280px) {\r\n            section.clean-data-app section header h1 {\r\n                font-size: 0.7rem;\r\n            }\r\n        }\r\n\r\n        section.loading section header svg,\r\n        section.checkuser section header svg,\r\n        section.clean-data-app section header svg,\r\n        section.hotspot-container section header svg,\r\n        section.terms-container section header svg {\r\n            margin-left: auto;\r\n\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.terms-container section p {\r\n            width: 95%;\r\n            height: auto;\r\n            max-height: 350px;\r\n\r\n            padding: 5% 0;\r\n\r\n            color: #FFFFFF;\r\n            text-align: center;\r\n\r\n            overflow: auto;\r\n        }\r\n\r\n        section.loading section div.loading {\r\n            width: 150px;\r\n            height: 150px;\r\n\r\n            margin-top: auto;\r\n            margin-bottom: auto;\r\n\r\n            border-top: 4px solid #FFFFFF;\r\n            border-right: 4px solid #FFFFFF;\r\n            border-bottom: 4px solid #FFFFFF;\r\n            border-left: 4px solid transparent;\r\n            border-radius: 50%;\r\n\r\n            background-color: transparent;\r\n\r\n            animation: spin 1s linear infinite;\r\n        }\r\n\r\n        section.checkuser section section {\r\n            width: 100%;\r\n            height: auto;\r\n            min-height: 100%;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            margin: auto 0 auto 0;\r\n            padding: 3% 0;\r\n\r\n            border-radius: 0;\r\n        }\r\n\r\n        section.checkuser section section div:first-child {\r\n            margin: 0;\r\n        }\r\n\r\n        section.checkuser section section div {\r\n            width: 90%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n\r\n            margin: 5% 0 0 0;\r\n            padding: 3% 3%;\r\n\r\n            border-radius: 10px;\r\n\r\n            background: radial-gradient(circle, #001AFF, #d3760b 85%);\r\n            background-size: 300%;\r\n\r\n            animation: 8s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.checkuser section section div svg,\r\n        section.checkuser section section div span {\r\n            color: #ffffff;\r\n        }\r\n\r\n        section.checkuser section section div span {\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        section.clean-data-app section section,\r\n        section.hotspot-container section section {\r\n            width: 100%;\r\n            height: auto;\r\n            min-height: 100%;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            margin: auto 0 auto 0;\r\n            padding: 8% 0;\r\n\r\n            border-radius: 0;\r\n        }\r\n\r\n        section.clean-data-app section section svg,\r\n        section.hotspot-container section section svg {\r\n            width: 30%;\r\n            height: auto;\r\n\r\n            color: #ffff00;\r\n            font-size: 8rem;\r\n        }\r\n\r\n        section.hotspot-container section section svg {\r\n            width: 20%;\r\n            height: auto;\r\n\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.clean-data-app section section h1,\r\n        section.hotspot-container section section h1 {\r\n            color: #FFFFFF;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        section.clean-data-app section section p,\r\n        section.hotspot-container section section p {\r\n            margin: 5% 0 8% 0;\r\n            padding: 0 3%;\r\n\r\n            color: #FFFFFF;\r\n            text-align: center;\r\n            font-family: Arial, sans-serif;\r\n        }\r\n\r\n        section.hotspot-container section section p {\r\n            width: 100%;\r\n            height: 10%;\r\n            max-height: 300px;\r\n\r\n            overflow: auto;\r\n        }\r\n\r\n        section.clean-data-app section section button,\r\n        section.hotspot-container section section button {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            padding: 4% 10%;\r\n\r\n            border: 0;\r\n            border-radius: 60px;\r\n\r\n            background: radial-gradient(circle, #001AFF, #d3760b 85%);\r\n            background-size: 300%;\r\n\r\n            animation: 8s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.clean-data-app section section button span,\r\n        section.hotspot-container section section button span {\r\n            color: #ffffff;\r\n        }\r\n\r\n        section.profile header,\r\n        section.carrier-list header,\r\n        section.container-tools header,\r\n        section.container-logs header,\r\n        section.container-error header {\r\n            width: 100%;\r\n            height: 10%;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            position: relative;\r\n\r\n            padding: 0 20px 0 20px;\r\n\r\n            background: #051D40;\r\n        }\r\n\r\n        section.profile header::before,\r\n        section.profile header::after,\r\n        section.carrier-list header::before,\r\n        section.carrier-list header::after,\r\n        section.container-tools header::before,\r\n        section.container-tools header::after,\r\n        section.container-logs header::before,\r\n        section.container-logs header::after,\r\n        section.container-error header::before,\r\n        section.container-error header::after {\r\n            width: calc(100% + 2px);\r\n            height: calc(100% + 2px);\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            z-index: -1;\r\n\r\n            background: var(--default-background-color);\r\n            background-size: 300%;\r\n\r\n            animation: 15s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.profile header::after,\r\n        section.carrier-list header::after,\r\n        section.container-tools header::after,\r\n        section.container-logs header::after,\r\n        section.container-error header::after {\r\n            filter: blur(5px);\r\n        }\r\n\r\n        section.profile header svg,\r\n        section.carrier-list header svg,\r\n        section.container-tools header svg,\r\n        section.container-logs header svg,\r\n        section.container-error header svg {\r\n            width: 20px;\r\n            height: 20px;\r\n\r\n            margin: 0 auto 0 0;\r\n\r\n            fill: url(#grad);\r\n        }\r\n\r\n        section.profile header h1,\r\n        section.carrier-list header h1,\r\n        section.container-tools header h1,\r\n        section.container-logs header h1,\r\n        section.container-error header h1 {\r\n            margin: 0 auto 0 0;\r\n\r\n            color: #FFFFFF;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        section.profile form {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            padding: 0px 10px;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        section.profile form fieldset {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            position: relative;\r\n\r\n            margin: 0% 0px;\r\n            padding: 5px 10px;\r\n\r\n            border: 0px solid #00ff00;\r\n            border-radius: 5px;\r\n\r\n            background: #051D40;\r\n        }\r\n\r\n        section.profile form fieldset::before,\r\n        section.profile form fieldset::after {\r\n            width: calc(100% + 2px);\r\n            height: calc(100% + 17px);\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            top: -16px;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: -1px;\r\n            z-index: -1;\r\n\r\n            border-radius: 5px;\r\n\r\n            background: radial-gradient(circle, #ff3d2f, #d3760b, #001aff, #ff3d2f, #d3760b, #001aff, #ff3d2f, #d3760b, #001aff, #ff3d2f, #d3760b, #001aff, #ff3d2f, #d3760b);\r\n            background-size: 300%;\r\n\r\n            animation: 20s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.profile form fieldset::after {\r\n            filter: blur(3px);\r\n        }\r\n\r\n        section.profile form fieldset legend {\r\n            padding: 0px 7px 0px 5px;\r\n            background: #051D40;\r\n        }\r\n\r\n        section.profile form fieldset legend svg {\r\n            width: auto;\r\n            height: 1.563rem;\r\n\r\n            fill: url(#grad);\r\n        }\r\n\r\n        section.profile form fieldset p {\r\n            color: #FFFFFF;\r\n            font-size: 0.9rem;\r\n            font-style: italic;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) {\r\n            margin-top: 5%;\r\n\r\n            padding: 0px 10px 20px 10px;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2)::after,\r\n        section.profile form fieldset:nth-child(2)::before {\r\n            height: calc(100% + 15px);\r\n            top: -14px;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) legend {\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) label {\r\n            margin-right: auto;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) label.hidden {\r\n            display: none;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) div {\r\n            width: 100%;\r\n            height: 40px;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            margin: 0 0 0 auto;\r\n\r\n            border: 1px solid #dddddd;\r\n            border-radius: 5px;\r\n\r\n            overflow: hidden;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) div.hidden {\r\n            display: none;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) div svg {\r\n            width: 15%;\r\n            max-width: 40px;\r\n            height: 100%;\r\n            max-height: 40px;\r\n\r\n            padding: 3%;\r\n\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) div svg.hidden {\r\n            display: none;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) div input {\r\n            width: 100%;\r\n            height: 100%;\r\n\r\n            padding: 0px 5px;\r\n\r\n            border: 0px;\r\n            border-left: 1px solid #dddddd;\r\n            outline: none;\r\n\r\n            color: #FFFFFF;\r\n\r\n            background: transparent;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) label[for=\"passworddiv\"] {\r\n            margin-top: 4%;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) label[for=\"uuiddiv\"] {\r\n            margin-top: 4%;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) button {\r\n            width: 80%;\r\n            min-width: 200px;\r\n            height: 20%;\r\n            min-height: 30px;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n\r\n            margin: 6% auto 0px auto;\r\n\r\n            border: 0px;\r\n            border-radius: 20px;\r\n\r\n            background: radial-gradient(circle, #001AFF, #d3760b 85%);\r\n            background-size: 300%;\r\n\r\n            animation: 5s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) button svg {\r\n            color: #ffffff;\r\n\r\n            filter: drop-shadow(1px 1px 2px rgba(72, 79, 87, 0.5));\r\n        }\r\n\r\n        section.profile form fieldset:nth-child(2) button span {\r\n            color: #ffffff;\r\n            font-family: Arial, sans-serif;\r\n            font-weight: 500;\r\n\r\n            text-shadow: 1px 1px 2px rgba(72, 79, 87, 0.5);\r\n        }\r\n\r\n        section.carrier-list section {\r\n            width: 100%;\r\n            height: 90%;\r\n\r\n            overflow-y: auto;\r\n        }\r\n\r\n        section.carrier-list section div:first-child {\r\n            margin: 0;\r\n        }\r\n\r\n        section.carrier-list section div {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        section.carrier-list section div h1 {\r\n            width: 100%;\r\n            height: 50px;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            padding: 0px 3%;\r\n\r\n            color: #FFFFFF;\r\n            font-size: 0.9rem;\r\n\r\n            background: #051D40;\r\n        }\r\n\r\n        section.carrier-list section div ul {\r\n            width: 100%;\r\n            height: auto;\r\n            list-style: none;\r\n        }\r\n\r\n        section.carrier-list section div ul li {\r\n            width: 100%;\r\n            height: 60px;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n\r\n            position: relative;\r\n\r\n            margin: 1% 0;\r\n            padding: 0 2%;\r\n\r\n            background: #051D40;\r\n\r\n            color: #FFFFFF;\r\n\r\n            /* overflow: hidden; */\r\n            /* REMOVER CASO QUEIRA A BORDA ANIMADA E COLORIDA */\r\n        }\r\n\r\n        section.carrier-list section div ul li::before,\r\n        section.carrier-list section div ul li::after {\r\n            width: 100%;\r\n            height: calc(100% + 2px);\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: -1;\r\n\r\n            background: radial-gradient(circle, #001AFF, #d3760b, #231d34);\r\n            background-size: 300%;\r\n\r\n            animation: 15s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.carrier-list section div ul li img {\r\n            width: 30px;\r\n        }\r\n\r\n        section.carrier-list section div ul li span {\r\n            width: calc(100% - 30px);\r\n\r\n            white-space: nowrap;\r\n            overflow: auto;\r\n        }\r\n\r\n        section.carrier-list section div ul li svg {\r\n            width: 30px;\r\n\r\n            display: none;\r\n        }\r\n\r\n        section.carrier-list section div ul li.active svg {\r\n            display: block;\r\n        }\r\n\r\n        section.container-tools section {\r\n            width: 100%;\r\n            height: 89%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n\r\n            margin: 0 auto 0 auto;\r\n            padding: 2% 0 0 0;\r\n\r\n            background: transparent;\r\n\r\n            overflow: auto;\r\n        }\r\n\r\n        section.container-tools section button {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n\r\n            padding: 10px;\r\n\r\n            border: 0px solid transparent;\r\n            border-bottom: 1px solid #ddd;\r\n\r\n            background: transparent;\r\n        }\r\n\r\n        section.container-tools section button svg:first-child {\r\n            width: 20px;\r\n            height: 100%;\r\n\r\n            margin: 0 10px 0 0;\r\n\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.container-tools section button div {\r\n            max-width: 83%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 5px;\r\n        }\r\n\r\n        section.container-tools section button div h3 {\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.container-tools section button div p {\r\n            color: #FFFFFF;\r\n            text-align: left;\r\n        }\r\n\r\n        section.container-tools section button svg:last-child {\r\n            width: 16px;\r\n            height: 100%;\r\n\r\n            margin: 0 0 0 auto;\r\n\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        section.container-logs section {\r\n            width: 100%;\r\n            height: 85%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        section.container-logs section p {\r\n            width: 100%;\r\n            height: 90%;\r\n\r\n            padding: 3% 2% 0 2%;\r\n            outline: none;\r\n\r\n            border: 0;\r\n\r\n            color: #FFFFFF;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 0.7rem;\r\n\r\n            overflow: auto;\r\n        }\r\n\r\n        section.container-logs section button {\r\n            width: auto;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n\r\n            padding: 3% 7%;\r\n\r\n            position: relative;\r\n\r\n            border: 0px;\r\n            border-radius: 20px;\r\n\r\n            background: radial-gradient(circle, #001AFF, #d3760b 85%);\r\n            background-size: 300%;\r\n\r\n            animation: 8s infinite ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.container-logs section button svg {\r\n            color: #ffffff;\r\n        }\r\n\r\n        section.container-logs section button span {\r\n            color: #ffffff;\r\n        }\r\n\r\n        section.container-error section {\r\n            width: 100%;\r\n            height: 85%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        section.container-error section h1 {\r\n            margin: 1% 0 0 0;\r\n            color: #FFFFFF;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        section.container-error section p {\r\n            margin: 3% 0 0 0;\r\n            padding: 0 3%;\r\n\r\n            color: #FFFFFF;\r\n            text-align: center;\r\n            font-size: 0.8rem;\r\n            font-family: Arial, sans-serif;\r\n            overflow: auto;\r\n        }\r\n\r\n        section.active {\r\n            opacity: 1;\r\n            transform: translateX(0%);\r\n        }\r\n\r\n        section.container-menu {\r\n            width: 100%;\r\n            height: 10%;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n\r\n            position: relative;\r\n\r\n            margin: auto 0px 0px 0px;\r\n            padding: 0px 10px;\r\n\r\n            background-color: var(--cor-fundo2);\r\n        }\r\n\r\n        section.container-menu::before,\r\n        section.container-menu::after {\r\n            width: calc(100%);\r\n            height: calc(100% + 4px);\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: -2px;\r\n            z-index: -1;\r\n\r\n            background: var(--default-background-color2);\r\n            background-size: 300%;\r\n\r\n            animation: 4s infinite alternate-reverse ButtonStartVpnAnimation;\r\n        }\r\n\r\n        section.container-menu::after {\r\n            filter: blur(10px);\r\n        }\r\n\r\n        section.container-menu button {\r\n            flex: 1;\r\n            width: 60px;\r\n            height: 50%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 8px;\r\n\r\n            position: relative;\r\n            z-index: 5;\r\n\r\n            border: 0px;\r\n\r\n            background: transparent;\r\n        }\r\n\r\n        section.container-menu button:nth-child(2) {\r\n            margin-right: 10px;\r\n        }\r\n\r\n        section.container-menu button:nth-child(3) {\r\n            margin-right: 10px;\r\n        }\r\n\r\n        section.container-menu button:last-child {\r\n            margin-right: 5px;\r\n        }\r\n\r\n        section.container-menu button svg {\r\n            color: var(--cor-text1);\r\n        }\r\n\r\n        section.container-menu button span {\r\n            color: var(--cor-text1);\r\n            text-transform: uppercase;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        section.container-toast {\r\n            width: 100%;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 2.5%;\r\n            right: 0;\r\n            z-index: 99999999;\r\n\r\n            padding: 10px 10px;\r\n\r\n            transform: scale(0);\r\n        }\r\n\r\n        section.container-toast div.toast {\r\n            width: auto;\r\n            height: auto;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            position: relative;\r\n\r\n            padding: 0px 5px 0px 0px;\r\n\r\n            border: 1px solid #cccccc;\r\n            border-radius: 10px;\r\n\r\n            overflow: hidden;\r\n\r\n            background: #051D40;\r\n        }\r\n\r\n        section.container-toast div.toast.error {\r\n            border: 1px solid #ff0000;\r\n        }\r\n\r\n        section.container-toast div.toast div.icon {\r\n            width: auto;\r\n            height: 100%;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            padding: 5px 4px 5px 7px;\r\n\r\n            overflow: hidden;\r\n\r\n            background: #051D40;\r\n        }\r\n\r\n        section.container-toast div.toast.error div.icon {\r\n            border-right: 1px solid #ff0000;\r\n        }\r\n\r\n        section.container-toast div.toast div.icon img {\r\n            width: auto;\r\n            height: 100%;\r\n            min-height: 30px;\r\n        }\r\n\r\n        section.container-toast div.toast span {\r\n            margin-left: 5px;\r\n\r\n            color: #FFFFFF;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 0.8rem;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 280px) {\r\n            section.container-menu button {\r\n                flex: 1;\r\n                width: 60px;\r\n                max-width: 60px;\r\n                height: 50%;\r\n\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                align-items: center;\r\n                gap: 8px;\r\n\r\n                position: relative;\r\n                z-index: 5;\r\n\r\n                border: 0px;\r\n\r\n                background: transparent;\r\n            }\r\n\r\n            section.container-menu button:last-child {\r\n                margin-right: 10px;\r\n            }\r\n\r\n            section.container-menu button span {\r\n                font-size: 0.5rem;\r\n            }\r\n        }\r\n\r\n        @media only screen and (max-width: 576px) {\r\n            section.container-menu button {\r\n                flex: 1;\r\n                width: 60px;\r\n                max-width: 60px;\r\n                height: 50%;\r\n\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                align-items: center;\r\n                gap: 8px;\r\n\r\n                position: relative;\r\n                z-index: 5;\r\n\r\n                border: 0px;\r\n\r\n                background: transparent;\r\n            }\r\n\r\n            section.container-menu button:last-child {\r\n                margin-right: 10px;\r\n            }\r\n\r\n            section.container-menu button span {\r\n                font-size: 0.5rem;\r\n            }\r\n        }\r\n\r\n        .spaceInDown {\r\n            -webkit-animation-name: spaceInDown;\r\n            animation-name: spaceInDown;\r\n        }\r\n\r\n        @-webkit-keyframes spaceInDown {\r\n            0% {\r\n                opacity: 0;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(0.2) translate(0%, 200%);\r\n            }\r\n\r\n            100% {\r\n                opacity: 1;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(1) translate(0%, 0%);\r\n            }\r\n        }\r\n\r\n        @keyframes spaceInDown {\r\n            0% {\r\n                opacity: 0;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(0.2) translate(0%, 200%);\r\n            }\r\n\r\n            100% {\r\n                opacity: 1;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(1) translate(0%, 0%);\r\n            }\r\n        }\r\n\r\n        .spaceOutDown {\r\n            -webkit-animation-name: spaceOutDown;\r\n            animation-name: spaceOutDown;\r\n        }\r\n\r\n        @-webkit-keyframes spaceOutDown {\r\n            0% {\r\n                opacity: 1;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(1) translate(0%, 0%);\r\n            }\r\n\r\n            100% {\r\n                opacity: 0;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(0.2) translate(0%, 200%);\r\n            }\r\n        }\r\n\r\n        @keyframes spaceOutDown {\r\n            0% {\r\n                opacity: 1;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(1) translate(0%, 0%);\r\n            }\r\n\r\n            100% {\r\n                opacity: 0;\r\n                transform-origin: 50% 100%;\r\n                transform: scale(0.2) translate(0%, 200%);\r\n            }\r\n        }\r\n\r\n        .masterSshAnimatedTime {\r\n            -webkit-animation-duration: 1s;\r\n            animation-duration: 1s;\r\n            -webkit-animation-fill-mode: both;\r\n            animation-fill-mode: both;\r\n        }\r\n\r\n        @media (print),\r\n        (prefers-reduced-motion) {\r\n            .masterSshAnimatedTime {\r\n                -webkit-animation: unset !important;\r\n                animation: unset !important;\r\n                transition: none !important;\r\n            }\r\n        }\r\n    </style>\r\n</head>\r\n\r\n<body>\r\n    <main>\r\n        <section class=\"home active\">\r\n            <header>\r\n\r\n            </header>\r\n\r\n            <section class=\"container-carrier-selector-button\">\r\n                <button type=\"button\" id=\"carrier-list-button\">\r\n                    <span id=\"value-of-carrier-list-button\">SELECIONE UMA CONFIGURA脟脙O</span>\r\n                </button>\r\n            </section>\r\n\r\n            <section class=\"container-button-start-stop-vpn\">\r\n                <button type=\"button\" title=\"Iniciar ou Parar conex茫o VPN\" id=\"start-stop-vpn-button\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-power\" viewBox=\"0 0 16 16\">\r\n                        <path d=\"M7.5 1v7h1V1h-1z\" />\r\n                        <path\r\n                            d=\"M3 8.812a4.999 4.999 0 0 1 2.578-4.375l-.485-.874A6 6 0 1 0 11 3.616l-.501.865A5 5 0 1 1 3 8.812z\" />\r\n                    </svg>\r\n                </button>\r\n            </section>\r\n\r\n            <section class=\"status-connection\">\r\n                <span id=\"status-connection\">LBL_DISCONNECTED</span>\r\n            </section>\r\n\r\n            <section class=\"renew-alert\">\r\n                <button type=\"button\" id=\"renew-button\">\r\n                    <span>RENOVAR</span>\r\n                </button>\r\n            </section>\r\n\r\n            <span id=\"version\">Carregando vers茫o...</span>\r\n        </section>\r\n\r\n        <section class=\"carrier-list\">\r\n            <header>\r\n                <svg id=\"back-carrier-container\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                    fill=\"currentColor\" class=\"bi bi-arrow-return-left\" viewBox=\"0 0 16 16\">\r\n                    <path fill-rule=\"evenodd\"\r\n                        d=\"M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z\" />\r\n                </svg>\r\n\r\n                <h1>SELECIONE UMA OP脟脙O</h1>\r\n            </header>\r\n\r\n            <section></section>\r\n        </section>\r\n\r\n        <section class=\"profile\">\r\n            <header>\r\n                <svg id=\"back-profile-container\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                    fill=\"currentColor\" class=\"bi bi-arrow-return-left\" viewBox=\"0 0 16 16\">\r\n                    <path fill-rule=\"evenodd\"\r\n                        d=\"M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z\" />\r\n                </svg>\r\n\r\n                <h1>PERFIL</h1>\r\n            </header>\r\n\r\n            <form>\r\n                <fieldset>\r\n                    <legend>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-person-exclamation\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm.256 7a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z\" />\r\n                            <path\r\n                                d=\"M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\" />\r\n                        </svg>\r\n                    </legend>\r\n\r\n                    <p>\r\n                        Insira suas credenciais nos campos abaixo e clique no bot茫o\r\n                        \"Salvar credenciais\". Isso o levar谩 de volta 脿 p谩gina inicial do\r\n                        aplicativo, onde voc锚 poder谩 se conectar e desfrutar da conex茫o.\r\n                    </p>\r\n                </fieldset>\r\n\r\n                <fieldset>\r\n                    <legend>Informe suas credenciais</legend>\r\n\r\n                    <label for=\"usernamediv\">Nome de usu谩rio</label>\r\n\r\n                    <div id=\"usernamediv\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-person\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z\" />\r\n                        </svg>\r\n\r\n                        <input id=\"username\" type=\"text\" name=\"username\" placeholder=\"Usu谩rio\" />\r\n                    </div>\r\n\r\n                    <label for=\"passworddiv\">Senha</label>\r\n\r\n                    <div id=\"passworddiv\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-key\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z\" />\r\n                            <path d=\"M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\r\n                        </svg>\r\n\r\n                        <input id=\"password\" type=\"password\" name=\"password\" placeholder=\"Senha\" />\r\n\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-eye-slash hidden\" id=\"eye-not-view\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z\" />\r\n                            <path\r\n                                d=\"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z\" />\r\n                            <path\r\n                                d=\"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z\" />\r\n                        </svg>\r\n\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-eye\" id=\"eye-view\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z\" />\r\n                            <path\r\n                                d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\" />\r\n                        </svg>\r\n                    </div>\r\n\r\n                    <label for=\"uuiddiv\" class=\"hidden\">UUID</label>\r\n\r\n                    <div id=\"uuiddiv\" class=\"hidden\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-fingerprint\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M8.06 6.5a.5.5 0 0 1 .5.5v.776a11.5 11.5 0 0 1-.552 3.519l-1.331 4.14a.5.5 0 0 1-.952-.305l1.33-4.141a10.5 10.5 0 0 0 .504-3.213V7a.5.5 0 0 1 .5-.5Z\" />\r\n                            <path\r\n                                d=\"M6.06 7a2 2 0 1 1 4 0 .5.5 0 1 1-1 0 1 1 0 1 0-2 0v.332c0 .409-.022.816-.066 1.221A.5.5 0 0 1 6 8.447c.04-.37.06-.742.06-1.115V7Zm3.509 1a.5.5 0 0 1 .487.513 11.5 11.5 0 0 1-.587 3.339l-1.266 3.8a.5.5 0 0 1-.949-.317l1.267-3.8a10.5 10.5 0 0 0 .535-3.048A.5.5 0 0 1 9.569 8Zm-3.356 2.115a.5.5 0 0 1 .33.626L5.24 14.939a.5.5 0 1 1-.955-.296l1.303-4.199a.5.5 0 0 1 .625-.329Z\" />\r\n                            <path\r\n                                d=\"M4.759 5.833A3.501 3.501 0 0 1 11.559 7a.5.5 0 0 1-1 0 2.5 2.5 0 0 0-4.857-.833.5.5 0 1 1-.943-.334Zm.3 1.67a.5.5 0 0 1 .449.546 10.72 10.72 0 0 1-.4 2.031l-1.222 4.072a.5.5 0 1 1-.958-.287L4.15 9.793a9.72 9.72 0 0 0 .363-1.842.5.5 0 0 1 .546-.449Zm6 .647a.5.5 0 0 1 .5.5c0 1.28-.213 2.552-.632 3.762l-1.09 3.145a.5.5 0 0 1-.944-.327l1.089-3.145c.382-1.105.578-2.266.578-3.435a.5.5 0 0 1 .5-.5Z\" />\r\n                            <path\r\n                                d=\"M3.902 4.222a4.996 4.996 0 0 1 5.202-2.113.5.5 0 0 1-.208.979 3.996 3.996 0 0 0-4.163 1.69.5.5 0 0 1-.831-.556Zm6.72-.955a.5.5 0 0 1 .705-.052A4.99 4.99 0 0 1 13.059 7v1.5a.5.5 0 1 1-1 0V7a3.99 3.99 0 0 0-1.386-3.028.5.5 0 0 1-.051-.705ZM3.68 5.842a.5.5 0 0 1 .422.568c-.029.192-.044.39-.044.59 0 .71-.1 1.417-.298 2.1l-1.14 3.923a.5.5 0 1 1-.96-.279L2.8 8.821A6.531 6.531 0 0 0 3.058 7c0-.25.019-.496.054-.736a.5.5 0 0 1 .568-.422Zm8.882 3.66a.5.5 0 0 1 .456.54c-.084 1-.298 1.986-.64 2.934l-.744 2.068a.5.5 0 0 1-.941-.338l.745-2.07a10.51 10.51 0 0 0 .584-2.678.5.5 0 0 1 .54-.456Z\" />\r\n                            <path\r\n                                d=\"M4.81 1.37A6.5 6.5 0 0 1 14.56 7a.5.5 0 1 1-1 0 5.5 5.5 0 0 0-8.25-4.765.5.5 0 0 1-.5-.865Zm-.89 1.257a.5.5 0 0 1 .04.706A5.478 5.478 0 0 0 2.56 7a.5.5 0 0 1-1 0c0-1.664.626-3.184 1.655-4.333a.5.5 0 0 1 .706-.04ZM1.915 8.02a.5.5 0 0 1 .346.616l-.779 2.767a.5.5 0 1 1-.962-.27l.778-2.767a.5.5 0 0 1 .617-.346Zm12.15.481a.5.5 0 0 1 .49.51c-.03 1.499-.161 3.025-.727 4.533l-.07.187a.5.5 0 0 1-.936-.351l.07-.187c.506-1.35.634-2.74.663-4.202a.5.5 0 0 1 .51-.49Z\" />\r\n                        </svg>\r\n\r\n                        <input id=\"uuid\" type=\"text\" placeholder=\"UUID\" />\r\n                    </div>\r\n\r\n                    <button id=\"save-creds\" type=\"button\" title=\"Salvar informa莽玫es de usuario e senha\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-save\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z\" />\r\n                        </svg>\r\n\r\n                        <span>Salvar credenciais</span>\r\n                    </button>\r\n                </fieldset>\r\n            </form>\r\n        </section>\r\n\r\n        <section class=\"container-tools\">\r\n            <header>\r\n                <svg id=\"back-tools-container\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                    fill=\"currentColor\" class=\"bi bi-arrow-return-left\" viewBox=\"0 0 16 16\">\r\n                    <path fill-rule=\"evenodd\"\r\n                        d=\"M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z\" />\r\n                </svg>\r\n\r\n                <h1>FERRAMENTAS</h1>\r\n            </header>\r\n\r\n            <section>\r\n                <button type=\"button\" id=\"register-button\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-list-columns\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M0 .5A.5.5 0 0 1 .5 0h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 0 .5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 2h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 4h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 6h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>REGISTRO</h3>\r\n                        <p>\r\n                            Verifica todos os detalhes do que acontece ao abrir e conectar\r\n                            no app.\r\n                        </p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"speedtest-tool\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-activity\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>SPEEDTEST</h3>\r\n                        <p>Teste a velocidade da sua conex茫o</p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"hotspot-button-tools\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-broadcast\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>HOTSPOT</h3>\r\n                        <p>\r\n                            Aqui voc锚 pode compartilar sua conex茫o VPN usando o roteador do\r\n                            seu celular.\r\n                        </p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"apn-tool\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-broadcast-pin\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>CONFIGURAR APN</h3>\r\n                        <p>Aqui voc锚 pode fazer ajustes no APN</p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"battery-tool\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-battery-charging\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M9.585 2.568a.5.5 0 0 1 .226.58L8.677 6.832h1.99a.5.5 0 0 1 .364.843l-5.334 5.667a.5.5 0 0 1-.842-.49L5.99 9.167H4a.5.5 0 0 1-.364-.843l5.333-5.667a.5.5 0 0 1 .616-.09z\" />\r\n                        <path\r\n                            d=\"M2 4h4.332l-.94 1H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.38l-.308 1H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\" />\r\n                        <path\r\n                            d=\"M2 6h2.45L2.908 7.639A1.5 1.5 0 0 0 3.313 10H2V6zm8.595-2-.308 1H12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9.276l-.942 1H12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.405z\" />\r\n                        <path\r\n                            d=\"M12 10h-1.783l1.542-1.639c.097-.103.178-.218.241-.34V10zm0-3.354V6h-.646a1.5 1.5 0 0 1 .646.646zM16 8a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>OTIMIZA脟脙O DE BATERIA</h3>\r\n                        <p>\r\n                            Aqui voc锚 consegue desativar a otimiza莽茫o de bateria que acaba\r\n                            encerrando o aplicativo sem a sua permiss茫o!\r\n                        </p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"checkuser-tool\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-person-lines-fill\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>DETALHES DO LOGIN</h3>\r\n                        <p>\r\n                            Aqui voc锚 consegue visualizar alguns detalhes do seu perfil.\r\n                        </p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"button-open-clear-data-app\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-trash\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z\" />\r\n                        <path\r\n                            d=\"M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>LIMPAR DADOS</h3>\r\n                        <p>\r\n                            Aqui voc锚 pode fazer a limpeza do cache e dados do aplicativo.\r\n                        </p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n\r\n                <button type=\"button\" id=\"button-open-terms-app\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-journal-medical\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M8 4a.5.5 0 0 1 .5.5v.634l.549-.317a.5.5 0 1 1 .5.866L9 6l.549.317a.5.5 0 1 1-.5.866L8.5 6.866V7.5a.5.5 0 0 1-1 0v-.634l-.549.317a.5.5 0 1 1-.5-.866L7 6l-.549-.317a.5.5 0 0 1 .5-.866l.549.317V4.5A.5.5 0 0 1 8 4zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z\" />\r\n                        <path\r\n                            d=\"M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z\" />\r\n                        <path\r\n                            d=\"M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z\" />\r\n                    </svg>\r\n\r\n                    <div>\r\n                        <h3>TERMOS DE USO</h3>\r\n                        <p>\r\n                            Aqui voc锚 consegue ler os termos de uso e licen莽a do aplicativo.\r\n                        </p>\r\n                    </div>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\r\n                        <path fill-rule=\"evenodd\"\r\n                            d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" />\r\n                    </svg>\r\n                </button>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"container-logs\">\r\n            <header>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                    class=\"bi bi-arrow-return-left\" viewBox=\"0 0 16 16\">\r\n                    <path fill-rule=\"evenodd\"\r\n                        d=\"M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z\" />\r\n                </svg>\r\n\r\n                <h1>REGISTRO</h1>\r\n            </header>\r\n\r\n            <section>\r\n                <p></p>\r\n\r\n                <button type=\"button\" id=\"clear-logs\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-trash\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z\" />\r\n                        <path\r\n                            d=\"M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z\" />\r\n                    </svg>\r\n\r\n                    <span>LIMPAR REGISTRO</span>\r\n                </button>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"loading\">\r\n            <section>\r\n                <header>\r\n                    <h1>CARREGANDO INFORMA脟脮ES</h1>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-x-lg\" id=\"loading-container-close\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z\" />\r\n                    </svg>\r\n                </header>\r\n\r\n                <div class=\"loading\"></div>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"checkuser\">\r\n            <section>\r\n                <header>\r\n                    <h1>DETALHES DO USU脕RIO</h1>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-x-lg\" id=\"checkuser-close\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z\" />\r\n                    </svg>\r\n                </header>\r\n\r\n                <section>\r\n                    <div>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-person-fill\" viewBox=\"0 0 16 16\">\r\n                            <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" />\r\n                        </svg>\r\n\r\n                        <span id=\"checkuser-name\">USU脕RIO: ALEX</span>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-calendar-fill\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16V4H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5z\" />\r\n                        </svg>\r\n\r\n                        <span id=\"checkuser-expires\">EXPIRA EM: 25/09/2023</span>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-clock-fill\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z\" />\r\n                        </svg>\r\n\r\n                        <span id=\"checkuser-remaing-days\">RESTA: 30 DIAS</span>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                            class=\"bi bi-phone-fill\" viewBox=\"0 0 16 16\">\r\n                            <path\r\n                                d=\"M3 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V2zm6 11a1 1 0 1 0-2 0 1 1 0 0 0 2 0z\" />\r\n                        </svg>\r\n\r\n                        <span id=\"checkuser-total-conection\">CONEX脮ES: 1/10</span>\r\n                    </div>\r\n                </section>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"clean-data-app\">\r\n            <section>\r\n                <header>\r\n                    <h1>DESEJA CONFIRMAR ESSA A脟脙O ?</h1>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-x-lg\" id=\"hidden-clear-data-app\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z\" />\r\n                    </svg>\r\n                </header>\r\n\r\n                <section>\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-exclamation-lg\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M7.005 3.1a1 1 0 1 1 1.99 0l-.388 6.35a.61.61 0 0 1-1.214 0L7.005 3.1ZM7 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z\" />\r\n                    </svg>\r\n\r\n                    <h1>TEM CERTEZA DA A脟脙O ?</h1>\r\n\r\n                    <p>\r\n                        Ao efetuar a a莽茫o de limpar os dados do aplicativo, ser谩 poss铆vel\r\n                        carregar somente as configura莽玫es mais recentes mediante uma\r\n                        conex茫o ativa com a internet.\r\n                    </p>\r\n\r\n                    <button type=\"button\" id=\"confirm-clean-data-app\">\r\n                        <span>CONFIRMAR</span>\r\n                    </button>\r\n                </section>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"hotspot-container\">\r\n            <section>\r\n                <header>\r\n                    <h1>ROTEADOR WIFI - HOTSPOT</h1>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-x-lg\" id=\"hidden-hotspot-container\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z\" />\r\n                    </svg>\r\n                </header>\r\n\r\n                <section>\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-router-fill\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z\" />\r\n                        <path\r\n                            d=\"M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707Z\" />\r\n                        <path\r\n                            d=\"M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm4.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm1.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z\" />\r\n                        <path d=\"M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\" />\r\n                    </svg>\r\n\r\n                    <h1 id=\"title-hotspot\">ROTEAMENTO DESLIGADO</h1>\r\n\r\n                    <p>\r\n                        Ao ativar o hotspot com compartilhamento de VPN do seu celular, um\r\n                        IP local 茅 gerado no seu dispositivo. Este IP 茅 usado como proxy\r\n                        no dispositivo conectado 脿 sua rede Wi-Fi.\r\n                        <br />\r\n                        <br />\r\n\r\n                        <b>SIGA ESTES PASSOS IMPORTANTES</b>\r\n\r\n                        <br />\r\n                        <br />\r\n                        1 - Ligue o roteador do celular primeiro.\r\n                        <br /><br />\r\n                        2 - Ative o compartilhamento de VPN.\r\n                        <br /><br />\r\n                        3 - Use o bot茫o para controlar o roteador.\r\n                        <br /><br />\r\n                        4 - Encontre o segundo IP na barra de notifica莽玫es.\r\n                        <br /><br />\r\n                        5 - Copie o segundo IP e use como proxy no dispositivo conectado 脿\r\n                        rede.\r\n                        <br />\r\n                        <br />\r\n\r\n                        Lembre-se: O segundo IP 茅 seu proxy. Isso garantir谩 o correto\r\n                        funcionamento do compartilhamento de VPN via hotspot do celular.\r\n                    </p>\r\n\r\n                    <button type=\"button\" id=\"enable-hotspot\">\r\n                        <span id=\"value-button-hotspot\">LIGAR HOTSPOT</span>\r\n                    </button>\r\n                </section>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"terms-container\">\r\n            <section>\r\n                <header>\r\n                    <h1>TERMOS DE USO</h1>\r\n\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                        class=\"bi bi-x-lg\" id=\"hidden-terms-container\" viewBox=\"0 0 16 16\">\r\n                        <path\r\n                            d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z\" />\r\n                    </svg>\r\n                </header>\r\n\r\n                <p>\r\n                    Importante: Ao utilizar o nosso aplicativo, 茅 fundamental que voc锚\r\n                    esteja ciente e concorde com os seguintes pontos:\r\n\r\n                    <br /><br /><br />\r\n\r\n                    1掳 - Nosso suporte est谩 dispon铆vel para ajudar clientes que\r\n                    enfrentam problemas como dificuldades de conex茫o, informa莽玫es\r\n                    incorretas, ou se o aplicativo n茫o est谩 instalado corretamente.\r\n\r\n                    <br /><br />\r\n\r\n                    2掳 - N茫o somos respons谩veis por quest玫es relacionadas 脿 manuten莽茫o\r\n                    da sua operadora, quedas na conex茫o causadas por fatores externos ou\r\n                    problemas clim谩ticos que possam afetar a velocidade da sua internet\r\n                    atrav茅s da VPN.\r\n\r\n                    <br /><br />\r\n\r\n                    3掳 - Caso haja uma interrup莽茫o no servi莽o devido 脿 operadora, n茫o\r\n                    efetuamos reembolsos. No entanto, os dias em que o servi莽o ficar\r\n                    indispon铆vel ser茫o compensados quando a situa莽茫o se normalizar,\r\n                    visto que h谩 custos associados 脿 manuten莽茫o dos servidores.\r\n\r\n                    <br /><br />\r\n\r\n                    4掳 - N茫o nos responsabilizamos por sites e jogos que impe莽am o uso\r\n                    da nossa VPN.\r\n\r\n                    <br /><br />\r\n\r\n                    5掳 - 脡 permitido usar apenas o n煤mero de dispositivos estipulado no\r\n                    seu contrato com o revendedor autorizado.\r\n\r\n                    <br /><br />\r\n\r\n                    6掳 - 脡 estritamente proibido o uso de aplicativos torrent ou P2P,\r\n                    pois eles podem prejudicar o desempenho dos nossos servidores.\r\n\r\n                    <br /><br />\r\n\r\n                    7掳 - 脡 importante que, independentemente da sua operadora, voc锚 fa莽a\r\n                    uma recarga a cada 2 meses para garantir um servi莽o cont铆nuo.\r\n\r\n                    <br /><br />\r\n\r\n                    8掳 - Mantenha o aplicativo sempre atualizado, pois as atualiza莽玫es\r\n                    s茫o necess谩rias para garantir o bom funcionamento do servi莽o.\r\n\r\n                    <br /><br /><br /><br />\r\n\r\n                    Agradecemos por escolher o nosso aplicativo e desejamos a voc锚 uma\r\n                    贸tima experi锚ncia de navega莽茫o!\r\n                </p>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"container-error\">\r\n            <header>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                    class=\"bi bi-arrow-return-left\" viewBox=\"0 0 16 16\">\r\n                    <path fill-rule=\"evenodd\"\r\n                        d=\"M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z\" />\r\n                </svg>\r\n\r\n                <h1>ERROR</h1>\r\n            </header>\r\n\r\n            <section>\r\n                <h1 id=\"error-title\"></h1>\r\n\r\n                <p id=\"error-log\"></p>\r\n            </section>\r\n        </section>\r\n\r\n        <section class=\"container-toast masterSshAnimatedTime\">\r\n            <div class=\"toast\">\r\n                <div class=\"icon\">\r\n                    <img src=\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 135.77 164.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_11);%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_11' x1='24.19' y1='15.77' x2='118.09' y2='127.68' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230bb1d3'/%3E%3Cstop offset='1' stop-color='%239f2fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath class='cls-1' d='m67.53.02c14.32-.32,27.61,3.97,39.58,12.31,7.85,5.47,14.13,12.5,19.04,20.75,4.29,7.21,7.23,14.9,8.65,23.17,2.16,12.59.71,24.74-4.1,36.58-2.13,5.24-4.66,10.23-7.96,14.78-5.44,7.5-12.09,13.7-20.18,18.33-5.52,3.16-11.24,5.8-17.47,7.21-1.43.32-1.83,1.05-1.81,2.43.07,4.86.12,9.72.03,14.58-.12,6.79-4.78,12.64-11.12,14.04-3.59.79-7.23.65-10.61-.71-4.94-1.99-7.53-6.02-8.67-11.12-1.2-5.38-.23-10.79-.29-16.18-.02-2.37.02-2.41-2.17-3.02-6.27-1.76-12.26-4.16-17.85-7.53-6.56-3.96-12.21-8.95-17.08-14.87-7.12-8.65-11.79-18.46-14.03-29.42-1.14-5.57-1.71-11.21-1.39-16.89.26-4.6.97-9.15,2.15-13.61,2.16-8.15,5.69-15.68,10.58-22.52C23.34,13.62,37.48,4.46,55.25.99,59.19.22,63.17-.04,67.53.02Zm-14.33,123.77c-.1,2.03.1,4.56-.13,7.09-.17,1.82.29,2.24,2.12,2.24,7.39,0,14.78,0,22.17,0,1.16,0,2.33-.02,3.49.09,2.05.2,2.09.21,2.11-1.79.06-5.06-.41-10.11-.27-15.17.17-6.12,2.19-11.11,7.85-14.25,4.37-2.42,7.77-6.05,10.71-9.98,6.23-8.33,8.68-17.83,7.78-28.17-.26-3.02-.71-6.02-1.75-8.91-1.87-5.18-4.37-9.95-7.95-14.21-4.1-4.87-9.01-8.57-14.76-11.14-6.35-2.83-13.07-3.88-20.01-3.43-4.69.3-9.21,1.4-13.48,3.36-6.06,2.79-11.22,6.76-15.5,11.92-5.04,6.06-8,13.11-8.95,20.76-.94,7.53,0,15.02,3.26,22.1,3.43,7.4,8.25,13.64,15.3,17.76,5.8,3.38,8.18,8.23,8.02,14.69-.06,2.18,0,4.35,0,7.03Z'/%3E%3C/svg%3E\"\r\n                        alt=\"Icone do toast\" />\r\n                </div>\r\n\r\n                <span class=\"text\">Procurando atualiza莽玫es</span>\r\n            </div>\r\n        </section>\r\n    </main>\r\n\r\n    <section class=\"container-menu\">\r\n        <button id=\"home\" type=\"button\" title=\"Inicio\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-house\"\r\n                viewBox=\"0 0 16 16\">\r\n                <defs>\r\n                    <linearGradient id=\"grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n                        <stop offset=\"0%\" stop-color=\"#0bb1d3\" />\r\n                        <stop offset=\"100%\" stop-color=\"#9f2fff\" />\r\n                    </linearGradient>\r\n                </defs>\r\n                <path\r\n                    d=\"M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z\" />\r\n            </svg>\r\n\r\n            <span>Inicio</span>\r\n        </button>\r\n\r\n        <button id=\"login\" type=\"button\" title=\"Login\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-person\"\r\n                viewBox=\"0 0 16 16\">\r\n                <path\r\n                    d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z\" />\r\n            </svg>\r\n\r\n            <span>Perfil</span>\r\n        </button>\r\n\r\n        <button id=\"tools\" type=\"button\" title=\"Ferramentas\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-nut\"\r\n                viewBox=\"0 0 16 16\">\r\n                <path\r\n                    d=\"m11.42 2 3.428 6-3.428 6H4.58L1.152 8 4.58 2h6.84zM4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1H4.58z\" />\r\n                <path\r\n                    d=\"M6.848 5.933a2.5 2.5 0 1 0 2.5 4.33 2.5 2.5 0 0 0-2.5-4.33zm-1.78 3.915a3.5 3.5 0 1 1 6.061-3.5 3.5 3.5 0 0 1-6.062 3.5z\" />\r\n            </svg>\r\n\r\n            <span>Ferramentas</span>\r\n        </button>\r\n\r\n        <button id=\"update\" type=\"button\" title=\"Atualizar\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                class=\"bi bi-arrow-clockwise\" viewBox=\"0 0 16 16\">\r\n                <path fill-rule=\"evenodd\" d=\"M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z\" />\r\n                <path\r\n                    d=\"M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z\" />\r\n            </svg>\r\n\r\n            <span>Atualizar</span>\r\n        </button>\r\n    </section>\r\n\r\n    <!-- FUN脟脮ES DO APP -->\r\n    <script>\r\n        const appGetStatusbarHeightSize = () => DtGetStatusBarHeight.execute()\r\n        const appGetNavbarHeightSize = () => DtGetNavigationBarHeight.execute()\r\n\r\n        const appTranslateText = (label) => DtTranslateText.execute(label)\r\n        const appGetConfigLabel = (label) => DtGetAppConfig.execute(label)\r\n\r\n        const AppUpdate = () => DtStartAppUpdate.execute()\r\n\r\n        const appAllConfigs = () => DtGetConfigs.execute()\r\n        const appSetConfig = (id) => DtSetConfig.execute(id)\r\n        const appGetDefaultConfig = () => DtGetDefaultConfig.execute()\r\n        const appGetConfigVersion = () =>\r\n            `${DtGetLocalConfigVersion.execute() ?? \"1.0\"}`\r\n\r\n        const appGetUsername = () => DtUsername.get()\r\n        const appSetUsername = (username) => DtUsername.set(username)\r\n        const appGetPassword = () => DtPassword.get()\r\n        const appSetPassword = (password) => DtPassword.set(password)\r\n        const appGetUUID = () => DtUuid.get()\r\n        const appSetUUID = (uuid) => DtUuid.set(uuid)\r\n\r\n        const appGetConnectionState = () => DtGetVpnState.execute()\r\n        const appStartConnection = () => DtExecuteVpnStart.execute()\r\n        const appStopConnection = () => DtExecuteVpnStop.execute()\r\n\r\n        const appGetStatusHotspot = () => DtGetStatusHotSpotService.execute()\r\n        const appStartHotspot = () => DtStartHotSpotService.execute()\r\n        const appStopHotspot = () => DtStopHotSpotService.execute()\r\n\r\n        const appGetLogs = () => DtGetLogs.execute()\r\n        const appCleanLogs = () => DtClearLogs.execute()\r\n\r\n        const appBatteryOptimize = () => DtIgnoreBatteryOptimizations.execute()\r\n        const appApnConfiguration = () => DtStartApnActivity.execute()\r\n        const appStartCheckUser = () => DtStartCheckUser.execute()\r\n        const appIntoBrowser = (url) => DtStartWebViewActivity.execute(url)\r\n        const appClearData = () => DtCleanApp.execute()\r\n    </script>\r\n\r\n    <!-- VARIAVEIS LET -->\r\n    <script>\r\n        let timeoutId\r\n    </script>\r\n\r\n    <!-- DOM WRAPPER -->\r\n    <script>\r\n        const Dom = (selector) => {\r\n            const _elements = document.querySelectorAll(selector)\r\n\r\n            const wrapper = {\r\n                on(listeners) {\r\n                    for (const [event, listener] of Object.entries(listeners)) {\r\n                        _elements.forEach((element) => {\r\n                            element.addEventListener(event, listener)\r\n                        })\r\n                    }\r\n\r\n                    return wrapper\r\n                },\r\n                addClass: (...tokens) => {\r\n                    _elements.forEach((element) => {\r\n                        element.classList.add(...tokens)\r\n                    })\r\n\r\n                    return wrapper\r\n                },\r\n                removeClass: (...tokens) => {\r\n                    _elements.forEach((element) => {\r\n                        element.classList.remove(...tokens)\r\n                    })\r\n\r\n                    return wrapper\r\n                },\r\n                toggleClass: (token, force) => {\r\n                    _elements.forEach((element) => {\r\n                        element.classList.toggle(token, force)\r\n                    })\r\n\r\n                    return wrapper\r\n                },\r\n                style(styles) {\r\n                    for (const [property, value] of Object.entries(styles)) {\r\n                        console.log(value)\r\n                        _elements.forEach((element) => {\r\n                            element.style[property] = value\r\n                        })\r\n                    }\r\n\r\n                    return wrapper\r\n                },\r\n                attr(attrs) {\r\n                    for (const [name, value] of Object.entries(attrs)) {\r\n                        _elements.forEach((element) => element.setAttribute(name, value))\r\n                    }\r\n\r\n                    return wrapper\r\n                },\r\n                html(value) {\r\n                    _elements.forEach((element) => (element.innerHTML = value))\r\n                    return wrapper\r\n                },\r\n            }\r\n\r\n            return wrapper\r\n        }\r\n    </script>\r\n\r\n    <!-- A脟脮ES EM VARIAVEIS ROOT -->\r\n    <script>\r\n        document.documentElement.style.setProperty(\r\n            \"--space-status-bar\",\r\n            `${appGetStatusbarHeightSize() + 10}px`\r\n        )\r\n        document.documentElement.style.setProperty(\r\n            \"--space-nav-bar\",\r\n            `${appGetNavbarHeightSize() + 10}px`\r\n        )\r\n    </script>\r\n\r\n    <!-- VARIAVEIS -->\r\n    <script>\r\n        const Body = Dom(\"body\")\r\n\r\n        const HomeHeader = Dom(\"section.home header\")\r\n        const LogoHeader = Dom(\"#app_logo\")\r\n\r\n        const HomeContainer = Dom(\"section.home\")\r\n        const CarrierContainer = Dom(\"section.carrier-list\")\r\n        const ProfileContainer = Dom(\"section.profile\")\r\n        const ToolsContainer = Dom(\"section.container-tools\")\r\n        const RegisterContainer = Dom(\"section.container-logs\")\r\n        const ErrorContainer = Dom(\"section.container-error\")\r\n        const LoadingContainer = Dom(\"section.loading\")\r\n        const CheckuserContainer = Dom(\"section.checkuser\")\r\n        const ClearDataContainer = Dom(\"section.clean-data-app\")\r\n        const HotspotContainer = Dom(\"section.hotspot-container\")\r\n        const TermsContainer = Dom(\"section.terms-container\")\r\n\r\n        const BackButtonCarrierContainer = Dom(\"#back-carrier-container\")\r\n        const BackProfileContainer = Dom(\"#back-profile-container\")\r\n        const BackToolsContainer = Dom(\"#back-tools-container\")\r\n        const BackRegisterContainer = Dom(\"section.container-logs header svg\")\r\n        const BackErrorContainer = Dom(\"section.container-error header svg\")\r\n        const BackLoadingContainer = Dom(\"#loading-container-close\")\r\n        const BackCheckuserContainer = Dom(\"#checkuser-close\")\r\n        const BackClearDataContainer = Dom(\"#hidden-clear-data-app\")\r\n        const BackHotspotContainer = Dom(\"#hidden-hotspot-container\")\r\n        const BackTermsContainer = Dom(\"#hidden-terms-container\")\r\n\r\n        const StatusConnectionValue = Dom(\"#status-connection\")\r\n\r\n        const RenewContainer = Dom(\"section.renew-alert\")\r\n        const ButtonRenew = Dom(\"#renew-button\")\r\n\r\n        const ConfigVersion = Dom(\"#version\")\r\n\r\n        const ButtonOfCarrierList = Dom(\"#carrier-list-button\")\r\n        const ValueOfCarrierListButton = Dom(\"#value-of-carrier-list-button\")\r\n\r\n        const ButtonVpnStartOrStop = Dom(\"#start-stop-vpn-button\")\r\n\r\n        const LabelDivUser = Dom(\"label[for='usernamediv']\")\r\n        const LabelDivPassword = Dom(\"label[for='passworddiv']\")\r\n        const LabelUUID = Dom(\"label[for='uuiddiv']\")\r\n        const DivUsername = Dom(\"#usernamediv\")\r\n        const DivPassword = Dom(\"#passworddiv\")\r\n        const DivUUID = Dom(\"#uuiddiv\")\r\n        const InputUsername = Dom(\"#username\")\r\n        const InputPassword = Dom(\"#password\")\r\n        const InputUUID = Dom(\"#uuid\")\r\n        const EyeViewPasswordInput = Dom(\"#eye-view\")\r\n        const EyeNotViewPasswordInput = Dom(\"#eye-not-view\")\r\n        const ButtonSaveCreds = Dom(\"#save-creds\")\r\n\r\n        const CheckuserName = Dom(\"#checkuser-name\")\r\n        const CheckuserExpires = Dom(\"#checkuser-expires\")\r\n        const CheckuserRemainingDays = Dom(\"#checkuser-remaing-days\")\r\n        const CheckuserTotalConnection = Dom(\"#checkuser-total-conection\")\r\n\r\n        const LogsTextarea = Dom(\"section.container-logs section p\")\r\n\r\n        const ToastContainer = Dom(\"section.container-toast\")\r\n        const Toast = Dom(\"section.container-toast div.toast\")\r\n        const ToastIcon = Dom(\"section.container-toast div.toast div.icon\")\r\n        const ToastText = Dom(\"section.container-toast div.toast span.text\")\r\n\r\n        const HomeButton = Dom(\"#home\")\r\n        const LoginButton = Dom(\"#login\")\r\n        const ToolsButton = Dom(\"#tools\")\r\n        const UpdateButton = Dom(\"#update\")\r\n\r\n        const ButtonRegister = Dom(\"#register-button\")\r\n        const ButtonCleanRegisterLogs = Dom(\"#clear-logs\")\r\n\r\n        const ButtonStartStopHotspot = Dom(\"#enable-hotspot\")\r\n        const ButtonOpenHotspotContainer = Dom(\"#hotspot-button-tools\")\r\n        const TitleHotspotContainer = Dom(\"#title-hotspot\")\r\n        const ValueOfButtonHotspotContainer = Dom(\"#value-button-hotspot\")\r\n\r\n        const ButtonOpenClearDataContainer = Dom(\"#button-open-clear-data-app\")\r\n        const ButtonConfirmClearData = Dom(\"#confirm-clean-data-app\")\r\n\r\n        const ButtonOpenSpeedtest = Dom(\"#speedtest-tool\")\r\n        const ButtonOpenApnConfig = Dom(\"#apn-tool\")\r\n        const ButtonOpenBatteryOptimization = Dom(\"#battery-tool\")\r\n        const ButtonOpenCheckuser = Dom(\"#checkuser-tool\")\r\n        const ButtonOpenTerms = Dom(\"#button-open-terms-app\")\r\n\r\n        const ErrorTitle = Dom(\"#error-title\")\r\n        const ErrorDescription = Dom(\"#error-log\")\r\n    </script>\r\n\r\n    <!-- FUN脟脮ES PARA O APP -->\r\n    <script>\r\n        const dtShowSuccessToastListener = (value) => showToastContainer(value)\r\n        const dtShowErrorToastListener = (value) =>\r\n            showToastContainerWithError(value)\r\n        const dtConfigClickListener = () => {\r\n            toggleInput()\r\n            writeInputValue()\r\n        }\r\n        const dtVpnStateListener = (state) => connectionState(state)\r\n        const dtOnNewLogListener = () => writeLogsRegister()\r\n        const dtMessageErrorListener = (model) => writeErrorContainer(model)\r\n        const dtCheckUserStartedListener = () => showLoadingContainer()\r\n        const dtCheckUserModelListener = (model) => writeCheckuserContainer(model)\r\n    </script>\r\n\r\n    <!-- FUN脟脮ES DO LAYOUT -->\r\n    <script>\r\n        const appLogo = () => {\r\n            const logo = appGetConfigLabel(\"APP_LOGO\")\r\n\r\n            if (!logo) {\r\n                return \"\"\r\n            } else {\r\n                return `${JSON.parse(logo).value}`\r\n            }\r\n        }\r\n        const appBackground = () => {\r\n            const background_type = appGetConfigLabel(\"APP_BACKGROUND_TYPE\")\r\n            const background_color = appGetConfigLabel(\"APP_BACKGROUND_COLOR\")\r\n            const background_image = appGetConfigLabel(\"APP_BACKGROUND_IMAGE\")\r\n\r\n            if (!background_type) {\r\n                return \"\"\r\n            } else if (JSON.parse(background_type)?.value === \"COLOR\") {\r\n                return `${JSON.parse(background_color).value}`\r\n            } else {\r\n                return `url(${JSON.parse(background_image).value})`\r\n            }\r\n        }\r\n\r\n        const getConfigName = () => {\r\n            if (!appGetDefaultConfig()) {\r\n                return `${appTranslateText(\"LBL_CHOOSE_CONFIG\")}`\r\n            } else {\r\n                return `${JSON.parse(appGetDefaultConfig())?.name}`\r\n            }\r\n        }\r\n\r\n        const getUsernameValue = () => `${appGetUsername() ?? \"\"}`\r\n        const getPasswordValue = () => `${appGetPassword() ?? \"\"}`\r\n        const getUUIDValue = () => `${appGetUUID() ?? \"\"}`\r\n\r\n        const getUsernamePlaceholder = () => `${appTranslateText(\"LBL_USERNAME\")}`\r\n        const getPassowrdPlaceholder = () => `${appTranslateText(\"LBL_PASSWORD\")}`\r\n        const getUUIDPlaceholder = () => `${appTranslateText(\"LBL_UUID\")}`\r\n\r\n        const toggleInput = () => {\r\n            if (checkV2ray()) {\r\n                LabelDivUser.style({ display: \"none\" })\r\n                DivUsername.style({ display: \"none\" })\r\n\r\n                LabelDivPassword.style({ display: \"none\" })\r\n                DivPassword.style({ display: \"none\" })\r\n\r\n                LabelUUID.removeClass(\"hidden\")\r\n                DivUUID.removeClass(\"hidden\")\r\n            } else {\r\n                LabelDivUser.style({ display: \"block\" })\r\n                DivUsername.style({ display: \"flex\" })\r\n\r\n                LabelDivPassword.style({ display: \"block\" })\r\n                DivPassword.style({ display: \"flex\" })\r\n\r\n                LabelUUID.addClass(\"hidden\")\r\n                DivUUID.addClass(\"hidden\")\r\n            }\r\n        }\r\n        const writeInputValue = () => {\r\n            InputUsername.attr({ value: getUsernameValue() })\r\n            InputPassword.attr({ value: getPasswordValue() })\r\n            InputUUID.attr({ value: getUUIDValue() })\r\n        }\r\n        const writeInputPlaceholder = () => {\r\n            InputUsername.attr({ placeholder: getUsernamePlaceholder() })\r\n            InputPassword.attr({ placeholder: getPassowrdPlaceholder() })\r\n            InputUUID.attr({ placeholder: getUUIDPlaceholder() })\r\n        }\r\n        const showInputPasswordValue = () => {\r\n            EyeViewPasswordInput.addClass(\"hidden\")\r\n            EyeNotViewPasswordInput.removeClass(\"hidden\")\r\n            InputPassword.attr({ type: \"text\" })\r\n        }\r\n        const hiddenInputPasswordValue = () => {\r\n            EyeViewPasswordInput.removeClass(\"hidden\")\r\n            EyeNotViewPasswordInput.addClass(\"hidden\")\r\n            InputPassword.attr({ type: \"password\" })\r\n        }\r\n\r\n        const checkV2ray = () => {\r\n            const data = JSON.parse(appGetDefaultConfig())\r\n\r\n            if (!appGetDefaultConfig()) {\r\n                return false\r\n            } else if (data?.mode?.toLowerCase()?.startsWith(\"v2ray\")) {\r\n                return true\r\n            } else {\r\n                return false\r\n            }\r\n        }\r\n\r\n        const getConnectionState = () => {\r\n            const rootStyles = getComputedStyle(document.documentElement)\r\n\r\n            const defaultColor = \"--default-background-color\"\r\n            const connectedColor = \"--connected-background-color\"\r\n            const connectingColor = \"--connecting-background-color\"\r\n            const errorColor = \"--error-background-color\"\r\n\r\n            const states = {\r\n                disconnected: () => {\r\n                    const gradientColor = rootStyles.getPropertyValue(defaultColor)\r\n\r\n                    document.documentElement.style.setProperty(\r\n                        defaultColor,\r\n                        \"linear-gradient(135deg,#001AFF,#d3760b,#ffffff,#231d34)\"\r\n                    )\r\n\r\n                    return states\r\n                },\r\n                connecting: () => {\r\n                    const gradientColor = rootStyles.getPropertyValue(connectingColor)\r\n\r\n                    document.documentElement.style.setProperty(\r\n                        defaultColor,\r\n                        gradientColor\r\n                    )\r\n\r\n                    return states\r\n                },\r\n                connected: () => {\r\n                    const gradientColor = rootStyles.getPropertyValue(connectedColor)\r\n\r\n                    document.documentElement.style.setProperty(\r\n                        defaultColor,\r\n                        gradientColor\r\n                    )\r\n\r\n                    return states\r\n                },\r\n                error: () => {\r\n                    const gradientColor = rootStyles.getPropertyValue(errorColor)\r\n\r\n                    document.documentElement.style.setProperty(\r\n                        defaultColor,\r\n                        gradientColor\r\n                    )\r\n\r\n                    return states\r\n                },\r\n            }\r\n\r\n            return states\r\n        }\r\n\r\n        const connectionState = (state) => {\r\n            const connectionValue = `${state ?? appGetConnectionState()}`\r\n\r\n            switch (connectionValue) {\r\n                case \"DISCONNECTED\":\r\n                    getConnectionState().disconnected()\r\n                    StatusConnectionValue.html(\r\n                        `${appTranslateText(\"LBL_STATE_DISCONNECTED\")}`\r\n                    )\r\n                    break\r\n                case \"CONNECTING\":\r\n                    getConnectionState().connecting()\r\n                    StatusConnectionValue.html(\r\n                        `${appTranslateText(\"LBL_STATE_CONNECTING\")}`\r\n                    )\r\n                    break\r\n                case \"CONNECTED\":\r\n                    getConnectionState().connected()\r\n                    StatusConnectionValue.html(\r\n                        `${appTranslateText(\"LBL_STATE_CONNECTED\")}`\r\n                    )\r\n                    break\r\n                case \"STOPPING\":\r\n                    getConnectionState().connecting()\r\n                    StatusConnectionValue.html(\r\n                        `${appTranslateText(\"LBL_STATE_STOPPING\")}`\r\n                    )\r\n                    break\r\n                case \"NO_NETWORK\":\r\n                    getConnectionState().error()\r\n                    StatusConnectionValue.html(\r\n                        `${appTranslateText(\"LBL_STATE_NO_NETWORK\")}`\r\n                    )\r\n                    break\r\n                case \"AUTH\":\r\n                    getConnectionState().connecting()\r\n                    StatusConnectionValue.html(`${appTranslateText(\"LBL_STATE_AUTH\")}`)\r\n                    break\r\n                case \"AUTH_FAILED\":\r\n                    getConnectionState().connecting()\r\n                    StatusConnectionValue.html(\r\n                        `${appTranslateText(\"LBL_STATE_AUTH_FAILED\")}`\r\n                    )\r\n                    break\r\n            }\r\n        }\r\n\r\n        const startStopConnection = () => {\r\n            const state = appGetConnectionState()\r\n\r\n            state !== \"CONNECTED\" ? appStartConnection() : appStopConnection()\r\n        }\r\n\r\n        const writeLogsRegister = () => {\r\n            const data = JSON.parse(appGetLogs())\r\n\r\n            let logs = \"\"\r\n\r\n            data.forEach((item) => {\r\n                logs += `${Object.keys(item)} ${item[Object.keys(item)]} <br>`\r\n            })\r\n\r\n            LogsTextarea.html(logs)\r\n            document.querySelector(\"section.container-logs section p\").scrollTop =\r\n                document.querySelector(\r\n                    \"section.container-logs section p\"\r\n                ).scrollHeight\r\n        }\r\n\r\n        const writeCarrierList = () => {\r\n            const container = document.querySelector(\"section.carrier-list section\")\r\n            const existingCategories = container.querySelectorAll(\"div\").length\r\n\r\n            container.innerHTML = \"\"\r\n\r\n            const data = JSON.parse(appAllConfigs())\r\n            data.sort((a, b) => a.sorter - b.sorter)\r\n            data.forEach((item, index) =>\r\n                item.items.sort((a, b) => a.sorter - b.sorter)\r\n            )\r\n            data.forEach((category) => {\r\n                const div = document.createElement(\"div\")\r\n                const h1 = document.createElement(\"h1\")\r\n\r\n                h1.innerHTML = category.name\r\n\r\n                const ul = document.createElement(\"ul\")\r\n\r\n                category.items.forEach((item) => {\r\n                    const li = document.createElement(\"li\")\r\n\r\n                    li.innerHTML = `<img src=\"${item.icon}\" alt=\"icon\" /> <span>${item.name}</span> <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-check2\" viewBox=\"0 0 16 16\"><path d=\"M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z\" /></svg>`\r\n\r\n                    li.addEventListener(\"click\", (e) => {\r\n                        appSetConfig(item.id)\r\n                        hiddenCarrierListContainer()\r\n                        document\r\n                            .querySelectorAll(\"li\")\r\n                            .forEach((item, index) => item.classList.remove(\"active\"))\r\n                        li.classList.add(\"active\")\r\n                        writeValueOnButtonOfCarrierList(item.name)\r\n                    })\r\n\r\n                    ul.appendChild(li)\r\n                })\r\n\r\n                div.appendChild(h1)\r\n                div.appendChild(ul)\r\n\r\n                container.appendChild(div)\r\n            })\r\n        }\r\n        const writeValueOnButtonOfCarrierList = (value) =>\r\n            ValueOfCarrierListButton.html(value ?? getConfigName())\r\n\r\n        const showToastContainer = (value) => {\r\n            Toast.style({ borderColor: \"#051D40\" })\r\n            ToastIcon.style({ borderRight: \"1px solid #051D40\" })\r\n\r\n            writeToastText(value)\r\n\r\n            ToastContainer.removeClass(\"masterSshAnimatedTime\", \"spaceOutDown\")\r\n            ToastContainer.removeClass(\"masterSshAnimatedTime\", \"spaceInDown\")\r\n\r\n            setTimeout(() => {\r\n                ToastContainer.addClass(\"masterSshAnimatedTime\", \"spaceInDown\")\r\n            }, 100)\r\n\r\n            clearTimeout(timeoutId)\r\n\r\n            timeoutId = setTimeout(() => hiddenToastContainer(), 5000)\r\n        }\r\n        const showToastContainerWithError = (value) => {\r\n            Toast.style({ borderColor: \"#FF0000\" })\r\n            ToastIcon.style({ borderRight: \"1px solid #FF0000\" })\r\n\r\n            writeToastText(value)\r\n\r\n            ToastContainer.removeClass(\"masterSshAnimatedTime\", \"spaceOutDown\")\r\n            ToastContainer.removeClass(\"masterSshAnimatedTime\", \"spaceInDown\")\r\n\r\n            setTimeout(() => {\r\n                ToastContainer.addClass(\"masterSshAnimatedTime\", \"spaceInDown\")\r\n            }, 100)\r\n\r\n            clearTimeout(timeoutId)\r\n            timeoutId = setTimeout(() => hiddenToastContainer(), 5000)\r\n        }\r\n        const writeToastText = (text) => {\r\n            ToastText.html(text)\r\n        }\r\n        const hiddenToastContainer = () => {\r\n            ToastContainer.removeClass(\"masterSshAnimatedTime\", \"spaceInDown\")\r\n            ToastContainer.removeClass(\"masterSshAnimatedTime\", \"spaceOutDown\")\r\n            ToastContainer.addClass(\"masterSshAnimatedTime\", \"spaceOutDown\")\r\n        }\r\n\r\n        const showHomeContainer = () => {\r\n            hiddenAllContainers()\r\n            HomeContainer.addClass(\"active\")\r\n        }\r\n\r\n        const showCarrierListContainer = () => {\r\n            writeCarrierList()\r\n            hiddenAllContainers()\r\n            CarrierContainer.addClass(\"active\")\r\n        }\r\n        const hiddenCarrierListContainer = () => {\r\n            showHomeContainer()\r\n        }\r\n\r\n        const showProfileContainer = () => {\r\n            hiddenAllContainers()\r\n            ProfileContainer.addClass(\"active\")\r\n        }\r\n        const hiddenProfileContainer = () => {\r\n            showHomeContainer()\r\n        }\r\n\r\n        const showToolsContainer = () => {\r\n            hiddenAllContainers()\r\n            ToolsContainer.addClass(\"active\")\r\n        }\r\n        const hiddenToolsContainer = () => {\r\n            showHomeContainer()\r\n        }\r\n\r\n        const showRegisterContainer = () => {\r\n            hiddenAllContainers()\r\n            RegisterContainer.addClass(\"active\")\r\n        }\r\n        const hiddenRegisterContainer = () => {\r\n            showHomeContainer()\r\n        }\r\n\r\n        const writeErrorContainer = (model) => {\r\n            const data = JSON.parse(model)\r\n\r\n            ErrorTitle.html(data.title)\r\n            ErrorDescription.html(data.content)\r\n\r\n            showErrorContainer()\r\n        }\r\n        const showErrorContainer = () => {\r\n            hiddenAllContainers()\r\n            ErrorContainer.addClass(\"active\")\r\n        }\r\n        const hiddenErrorContainer = () => {\r\n            showHomeContainer()\r\n        }\r\n\r\n        const showLoadingContainer = () => {\r\n            const data = JSON.parse(appGetDefaultConfig())\r\n\r\n            if (data?.url_check_user) {\r\n                LoadingContainer.addClass(\"active\")\r\n            }\r\n        }\r\n        const hiddenLoadingContainer = () => {\r\n            LoadingContainer.removeClass(\"active\")\r\n        }\r\n\r\n        const writeCheckuserContainer = (model) => {\r\n            const data = JSON.parse(model)\r\n\r\n            CheckuserName.html(`USU脕RIO: ${data.username}`)\r\n            CheckuserRemainingDays.html(`EXPIRA EM: ${data.expiration_date}`)\r\n            CheckuserRemainingDays.html(`RESTA: ${data.expiration_days} DIAS`)\r\n            CheckuserTotalConnection.html(\r\n                `CONEX脮ES: ${data.count_connections}/${data.limit_connections}`\r\n            )\r\n\r\n            showCheckuserContainer()\r\n        }\r\n        const showCheckuserContainer = () => {\r\n            hiddenLoadingContainer()\r\n            CheckuserContainer.addClass(\"active\")\r\n        }\r\n        const hiddenCheckuserContainer = () => {\r\n            CheckuserContainer.removeClass(\"active\")\r\n        }\r\n\r\n        const showClearDataAppContainer = () => {\r\n            ClearDataContainer.addClass(\"active\")\r\n        }\r\n        const hiddenClearDataAppContainer = () => {\r\n            ClearDataContainer.removeClass(\"active\")\r\n        }\r\n\r\n        const startHotspot = () => {\r\n            appStartHotspot()\r\n\r\n            TitleHotspotContainer.html(\"ROTEAMENTO LIGADO\")\r\n            ValueOfButtonHotspotContainer.html(\"DESLIGAR HOTSPOT\")\r\n        }\r\n        const stopHotspot = () => {\r\n            appStopHotspot()\r\n\r\n            TitleHotspotContainer.html(\"ROTEAMENTO DESLIGADO\")\r\n            ValueOfButtonHotspotContainer.html(\"LIGAR HOTSPOT\")\r\n        }\r\n        const toggleHotspot = () => {\r\n            appGetStatusHotspot() === \"STOPPED\" ? startHotspot() : stopHotspot()\r\n        }\r\n        const setStatusHotspot = () => {\r\n            if (appGetStatusHotspot() === \"STOPPED\") {\r\n                TitleHotspotContainer.html(\"ROTEAMENTO DESLIGADO\")\r\n                ValueOfButtonHotspotContainer.html(\"LIGAR HOTSPOT\")\r\n            } else {\r\n                TitleHotspotContainer.html(\"ROTEAMENTO LIGADO\")\r\n                ValueOfButtonHotspotContainer.html(\"DESLIGAR HOTSPOT\")\r\n            }\r\n        }\r\n        const showHotspotContainer = () => {\r\n            HotspotContainer.addClass(\"active\")\r\n        }\r\n        const hiddenHotspotContainer = () => {\r\n            HotspotContainer.removeClass(\"active\")\r\n        }\r\n\r\n        const showTermsContainer = () => {\r\n            TermsContainer.addClass(\"active\")\r\n        }\r\n        const hiddenTermsContainer = () => {\r\n            TermsContainer.removeClass(\"active\")\r\n        }\r\n\r\n        const openRenew = () => {\r\n            appIntoBrowser(\"https://painel.masterssh.com.br/renovar.php\")\r\n        }\r\n        const openSpeedtest = () => {\r\n            appIntoBrowser(\"https://fast.com\")\r\n        }\r\n\r\n        const hiddenAllContainers = () => {\r\n            HomeContainer.removeClass(\"active\")\r\n            CarrierContainer.removeClass(\"active\")\r\n            ProfileContainer.removeClass(\"active\")\r\n            ToolsContainer.removeClass(\"active\")\r\n            RegisterContainer.removeClass(\"active\")\r\n            ErrorContainer.removeClass(\"active\")\r\n        }\r\n\r\n        const allFunctionsExecute = () => {\r\n            writeLogsRegister()\r\n            toggleInput()\r\n            writeInputValue()\r\n            writeInputPlaceholder()\r\n            connectionState()\r\n            setStatusHotspot()\r\n        }\r\n    </script>\r\n\r\n    <!-- A脟脮ES -->\r\n    <script>\r\n        HomeHeader.style({\r\n            background: appBackground(),\r\n            backgroundSize: \"cover\",\r\n            backgroundPosition: \"center\",\r\n            backgroundRepeat: \"no-repeat\",\r\n        })\r\n        LogoHeader.attr({ src: appLogo() })\r\n\r\n        ConfigVersion.html(`VERS脙O: ${appGetConfigVersion()}`)\r\n\r\n        HomeButton.on({ click: () => showHomeContainer() })\r\n        LoginButton.on({ click: () => showProfileContainer() })\r\n        ToolsButton.on({ click: () => showToolsContainer() })\r\n        UpdateButton.on({ click: () => AppUpdate() })\r\n\r\n        BackButtonCarrierContainer.on({\r\n            click: () => hiddenCarrierListContainer(),\r\n        })\r\n        BackProfileContainer.on({ click: () => hiddenProfileContainer() })\r\n        BackToolsContainer.on({ click: () => hiddenToolsContainer() })\r\n        BackRegisterContainer.on({ click: () => hiddenRegisterContainer() })\r\n        BackErrorContainer.on({ click: () => hiddenErrorContainer() })\r\n\r\n        ButtonOfCarrierList.on({ click: () => showCarrierListContainer() })\r\n\r\n        ValueOfCarrierListButton.html(getConfigName())\r\n\r\n        ButtonVpnStartOrStop.on({ click: () => startStopConnection() })\r\n\r\n        InputUsername.on({ input: (e) => appSetUsername(e.target.value) })\r\n        InputPassword.on({ input: (e) => appSetPassword(e.target.value) })\r\n        InputUUID.on({ input: (e) => appSetUUID(e.target.value) })\r\n\r\n        EyeViewPasswordInput.on({ click: () => showInputPasswordValue() })\r\n        EyeNotViewPasswordInput.on({ click: () => hiddenInputPasswordValue() })\r\n\r\n        ButtonSaveCreds.on({ click: () => hiddenProfileContainer() })\r\n\r\n        ButtonRegister.on({ click: () => showRegisterContainer() })\r\n        ButtonCleanRegisterLogs.on({ click: () => appCleanLogs() })\r\n\r\n        ButtonOpenHotspotContainer.on({ click: () => showHotspotContainer() })\r\n        BackHotspotContainer.on({ click: () => hiddenHotspotContainer() })\r\n        ButtonStartStopHotspot.on({ click: () => toggleHotspot() })\r\n\r\n        ButtonOpenClearDataContainer.on({\r\n            click: () => showClearDataAppContainer(),\r\n        })\r\n        BackClearDataContainer.on({ click: () => hiddenClearDataAppContainer() })\r\n        ButtonConfirmClearData.on({ click: () => appClearData() })\r\n\r\n        BackLoadingContainer.on({ click: () => hiddenLoadingContainer() })\r\n        BackCheckuserContainer.on({ click: () => hiddenCheckuserContainer() })\r\n\r\n        BackTermsContainer.on({ click: () => hiddenTermsContainer() })\r\n\r\n        ButtonRenew.on({ click: () => openRenew() })\r\n\r\n        ButtonOpenSpeedtest.on({ click: () => openSpeedtest() })\r\n\r\n        ButtonOpenApnConfig.on({ click: () => appApnConfiguration() })\r\n\r\n        ButtonOpenBatteryOptimization.on({ click: () => appBatteryOptimize() })\r\n\r\n        ButtonOpenCheckuser.on({ click: () => appStartCheckUser() })\r\n\r\n        ButtonOpenTerms.on({ click: () => showTermsContainer() })\r\n\r\n        allFunctionsExecute()\r\n    </script>\r\n</body>\r\n\r\n</html>",
        "type": "HTML",
        "status": "ACTIVE",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3823,
        "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_SUPPORT_BUTTON",
        "value": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n  <title>1964701710 - @Developerws | @alexdsgmoura</title>\r\n\r\n  <style>\r\n    :root {\r\n      font-family: system-ui, Helvetica, Arial, sans-serif;\r\n      line-height: 1.5;\r\n      font-weight: 400;\r\n      font-synthesis: none;\r\n      text-rendering: optimizeLegibility;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      text-size-adjust: 100%;\r\n      -webkit-text-size-adjust: 100%;\r\n\r\n      --space-status-bar: 10px;\r\n      --space-nav-bar: 33px;\r\n    }\r\n\r\n    @-webkit-keyframes onePulse {\r\n      0% {\r\n        box-shadow: 0px 0px 4px 0px rgba(102, 140, 221, 0.5);\r\n      }\r\n\r\n      50% {\r\n        box-shadow: 0px 0px 4px 8px rgba(102, 140, 221, 0.1);\r\n      }\r\n\r\n      100% {\r\n        box-shadow: 0px 0px 4px 4px rgba(102, 140, 221, 0.5);\r\n      }\r\n    }\r\n\r\n    @keyframes onePulse {\r\n      0% {\r\n        box-shadow: 0px 0px 4px 0px rgba(102, 140, 221, 0.5);\r\n      }\r\n\r\n      50% {\r\n        box-shadow: 0px 0px 4px 8px rgba(102, 140, 221, 0.1);\r\n      }\r\n\r\n      100% {\r\n        box-shadow: 0px 0px 4px 4px rgba(102, 140, 221, 0.5);\r\n      }\r\n    }\r\n\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html,\r\n    body,\r\n    main {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    main {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      padding: var(--space-status-bar) 10px var(--space-nav-bar) 10px;\r\n    }\r\n\r\n    section.top {\r\n      width: 100%;\r\n      height: auto;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: start;\r\n      gap: 0.4rem;\r\n    }\r\n\r\n    section.top span {\r\n      max-height: 30px;\r\n\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      padding: 1% 3%;\r\n\r\n      border-radius: 5px;\r\n\r\n      color: #FFFFFF;\r\n      font-size: 0.8rem;\r\n\r\n      background: #141d26;\r\n    }\r\n\r\n    section.bottom {\r\n      width: 100%;\r\n      height: auto;\r\n\r\n      display: flex;\r\n      justify-content: center;\r\n\r\n      position: relative;\r\n\r\n      margin: auto 0 0 0;\r\n    }\r\n\r\n    section.bottom button {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n\r\n      padding: 0.8rem 0.8rem;\r\n\r\n      border: 0;\r\n      border-radius: 999999px;\r\n\r\n      box-shadow: 0px 0px 4px 0px rgba(102, 140, 221, 0.5);\r\n\r\n      transition: all linear;\r\n\r\n      background: #141d26;\r\n    }\r\n\r\n    section.bottom.active button {\r\n      -webkit-animation: onePulse 0.6s forwards linear;\r\n      animation: onePulse 0.6s forwards linear;\r\n    }\r\n\r\n    section.bottom.active ul {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n\r\n    section.bottom button svg {\r\n      width: 20px;\r\n      height: 20px;\r\n\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    section.bottom button span {\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    section.bottom ul {\r\n      width: 90%;\r\n      max-width: 300px;\r\n      height: 55px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      gap: 5px;\r\n\r\n      position: absolute;\r\n      top: -140%;\r\n\r\n      padding: 0 5px;\r\n\r\n      border-radius: 50px;\r\n      box-shadow: 0px 0px 4px 0px rgba(102, 140, 221, 0.5);\r\n\r\n      opacity: 0;\r\n      transform: scale(0);\r\n      transform-origin: bottom center;\r\n\r\n      transition: all 0.3s ease 0.1s;\r\n\r\n      background: #152E49;\r\n    }\r\n\r\n    section.bottom ul li {\r\n      width: 30px;\r\n      height: 30px;\r\n\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      border: 1px solid #ffffff;\r\n      border-radius: 50%;\r\n\r\n      box-shadow: 0px 0px 7px 0px rgba(102, 140, 221, 0.5);\r\n\r\n      background: transparent;\r\n    }\r\n\r\n    @media (min-width: 300px) {\r\n      section.bottom ul li {\r\n        width: 35px;\r\n        height: 35px;\r\n      }\r\n    }\r\n\r\n    section.bottom ul li svg {\r\n      color: #ffffff;\r\n    }\r\n  </style>\r\n</head>\r\n\r\n<body>\r\n  <main>\r\n    <section class=\"top\">\r\n      <span id=\"versionConfig\">Localizando vers茫o...</span>\r\n      <span id=\"localIpValue\">Localizando IP...</span>\r\n    </section>\r\n\r\n    <section class=\"bottom\">\r\n      <button type=\"button\" id=\"toolsButton\" title=\"Ferramentas\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n          class=\"bi bi-gear-wide-connected\" viewBox=\"0 0 16 16\">\r\n          <path\r\n            d=\"M7.068.727c.243-.97 1.62-.97 1.864 0l.071.286a.96.96 0 0 0 1.622.434l.205-.211c.695-.719 1.888-.03 1.613.931l-.08.284a.96.96 0 0 0 1.187 1.187l.283-.081c.96-.275 1.65.918.931 1.613l-.211.205a.96.96 0 0 0 .434 1.622l.286.071c.97.243.97 1.62 0 1.864l-.286.071a.96.96 0 0 0-.434 1.622l.211.205c.719.695.03 1.888-.931 1.613l-.284-.08a.96.96 0 0 0-1.187 1.187l.081.283c.275.96-.918 1.65-1.613.931l-.205-.211a.96.96 0 0 0-1.622.434l-.071.286c-.243.97-1.62.97-1.864 0l-.071-.286a.96.96 0 0 0-1.622-.434l-.205.211c-.695.719-1.888.03-1.613-.931l.08-.284a.96.96 0 0 0-1.186-1.187l-.284.081c-.96.275-1.65-.918-.931-1.613l.211-.205a.96.96 0 0 0-.434-1.622l-.286-.071c-.97-.243-.97-1.62 0-1.864l.286-.071a.96.96 0 0 0 .434-1.622l-.211-.205c-.719-.695-.03-1.888.931-1.613l.284.08a.96.96 0 0 0 1.187-1.186l-.081-.284c-.275-.96.918-1.65 1.613-.931l.205.211a.96.96 0 0 0 1.622-.434l.071-.286zM12.973 8.5H8.25l-2.834 3.779A4.998 4.998 0 0 0 12.973 8.5zm0-1a4.998 4.998 0 0 0-7.557-3.779l2.834 3.78h4.723zM5.048 3.967c-.03.021-.058.043-.087.065l.087-.065zm-.431.355A4.984 4.984 0 0 0 3.002 8c0 1.455.622 2.765 1.615 3.678L7.375 8 4.617 4.322zm.344 7.646.087.065-.087-.065z\" />\r\n        </svg>\r\n\r\n        <span>Ferramentas</span>\r\n      </button>\r\n\r\n      <ul>\r\n        <li id=\"freeTrial\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-clock-history\"\r\n            viewBox=\"0 0 16 16\">\r\n            <path\r\n              d=\"M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z\" />\r\n            <path d=\"M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z\" />\r\n            <path\r\n              d=\"M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z\" />\r\n          </svg>\r\n        </li>\r\n\r\n        <li id=\"renewAccess\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\r\n            stroke-width=\"1\" stroke=\"currentColor\" class=\"w-6 h-6\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n              d=\"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\r\n          </svg>\r\n        </li>\r\n\r\n        <li id=\"accessPoint\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n            class=\"bi bi-wrench-adjustable-circle\" viewBox=\"0 0 16 16\">\r\n            <path d=\"M12.496 8a4.491 4.491 0 0 1-1.703 3.526L9.497 8.5l2.959-1.11c.027.2.04.403.04.61Z\" />\r\n            <path\r\n              d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1 0a7 7 0 1 0-13.202 3.249l1.988-1.657a4.5 4.5 0 0 1 7.537-4.623L7.497 6.5l1 2.5 1.333 3.11c-.56.251-1.18.39-1.833.39a4.49 4.49 0 0 1-1.592-.29L4.747 14.2A7 7 0 0 0 15 8Zm-8.295.139a.25.25 0 0 0-.288-.376l-1.5.5.159.474.808-.27-.595.894a.25.25 0 0 0 .287.376l.808-.27-.595.894a.25.25 0 0 0 .287.376l1.5-.5-.159-.474-.808.27.596-.894a.25.25 0 0 0-.288-.376l-.808.27.596-.894Z\" />\r\n          </svg>\r\n        </li>\r\n      </ul>\r\n    </section>\r\n  </main>\r\n\r\n  <!-- VERS脙O DA CONFIGURA脟脙O MANUAL -->\r\n  <script>\r\n    let appConfigVersion = \"1.0.3\"\r\n  </script>\r\n\r\n  <script>\r\n    const appGetStatusbarHeightSize = () => {\r\n      try {\r\n        return DtGetStatusBarHeight.execute()\r\n      } catch (error) {\r\n        /* console.error(\"Erro ao executar DtGetStatusBarHeight:\", error); */\r\n\r\n        return 10\r\n      }\r\n    }\r\n    const appGetNavbarHeightSize = () => {\r\n      try {\r\n        return DtGetNavigationBarHeight.execute()\r\n      } catch (error) {\r\n        /* console.error(\"Erro ao executar DtGetStatusBarHeight:\", error); */\r\n\r\n        return 33\r\n      }\r\n    }\r\n\r\n    const appApnConfiguration = () => DtStartApnActivity.execute()\r\n\r\n    const appIntoBrowser = (url) => DtStartWebViewActivity.execute(url)\r\n\r\n    const appGetConfigVersion = () => appConfigVersion\r\n\r\n    const appLocalIp = () => {\r\n      try {\r\n        return Android.getLocalIP()\r\n      } catch (error) {\r\n        /* console.error(\"Erro ao executar Android.getLocalIP():\", error); */\r\n\r\n        return '0.0.0.0'\r\n      }\r\n    }\r\n  </script>\r\n\r\n  <script>\r\n    const Dom = (selector) => {\r\n      const _elements = document.querySelectorAll(selector)\r\n\r\n      const wrapper = {\r\n        on(listeners) {\r\n          for (const [event, listener] of Object.entries(listeners)) {\r\n            _elements.forEach((element) => {\r\n              element.addEventListener(event, listener)\r\n            })\r\n          }\r\n\r\n          return wrapper\r\n        },\r\n        toggleClass: (token, force) => {\r\n          _elements.forEach((element) => {\r\n            element.classList.toggle(token, force)\r\n          })\r\n\r\n          return wrapper\r\n        },\r\n        html(value) {\r\n          _elements.forEach((element) => (element.innerHTML = value))\r\n          return wrapper\r\n        },\r\n      }\r\n\r\n      return wrapper\r\n    }\r\n  </script>\r\n\r\n  <script>\r\n    const versionConfig = Dom('#versionConfig')\r\n    const localIpValue = Dom('#localIpValue')\r\n\r\n    const containerBottom = Dom('section.bottom')\r\n\r\n    const buttonTools = Dom('#toolsButton')\r\n\r\n    const freeTrialButton = Dom('#freeTrial')\r\n    const renewAccessButton = Dom('#renewAccess')\r\n    const newDealerButton = Dom('#newDealer')\r\n    const iptvButton = Dom('#iptv')\r\n    const accessPointButton = Dom('#accessPoint')\r\n  </script>\r\n\r\n  <script>\r\n    function writeVersionConfig() {\r\n      versionConfig.html(appGetConfigVersion())\r\n    }\r\n\r\n    function writeLocalIpValue() {\r\n      localIpValue.html(appLocalIp())\r\n    }\r\n\r\n    function executeLoop() {\r\n      setInterval(function () {\r\n        writeLocalIpValue()\r\n      }, 200)\r\n    }\r\n\r\n    function toggleTools() {\r\n      containerBottom.toggleClass('active')\r\n\r\n      return\r\n    }\r\n\r\n    function openFreeTrialAccess() {\r\n      appIntoBrowser('https://painel.pshnet.online/home/criar_teste.php?id=oVu&byid=2&mainid=432376')\r\n\r\n      return\r\n    }\r\n\r\n    function openRenewAccess() {\r\n      appIntoBrowser('https://painel.pshnet.online')\r\n\r\n      return\r\n    }\r\n\r\n    function openNewDealer() {\r\n      appIntoBrowser('https://painel.pshnet.online/home/criar_teste.php?id=oVu&byid=2&mainid=432376')\r\n\r\n      return\r\n    }\r\n\r\n    function openIptv() {\r\n      appIntoBrowser('http://playtv.ws')\r\n\r\n      return\r\n    }\r\n\r\n    function openAccessPoint() {\r\n      appApnConfiguration()\r\n\r\n      return\r\n    }\r\n  </script>\r\n\r\n  <script>\r\n    document.documentElement.style.setProperty(\r\n      \"--space-status-bar\",\r\n      `${appGetStatusbarHeightSize() + 10}px`\r\n    )\r\n    document.documentElement.style.setProperty(\r\n      \"--space-nav-bar\",\r\n      `${appGetNavbarHeightSize() + 10}px`\r\n    )\r\n  </script>\r\n\r\n  <script>\r\n    buttonTools.on({ click: () => toggleTools() })\r\n\r\n    freeTrialButton.on({ click: () => openFreeTrialAccess() })\r\n    renewAccessButton.on({ click: () => openRenewAccess() })\r\n    newDealerButton.on({ click: () => openNewDealer() })\r\n    iptvButton.on({ click: () => openIptv() })\r\n    accessPointButton.on({ click: () => openAccessPoint() })\r\n\r\n    writeVersionConfig()\r\n    executeLoop()\r\n  </script>\r\n</body>\r\n\r\n</html>",
        "type": "HTML",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    },
    {
        "id": 3824,
        "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_WEB_VIEW",
        "type": "HTML",
        "value": "<html>\r\n    <script>\r\n        window.location.href = 'https://painel.developerws.com/';\r\n    </script>\r\n</html>",
        "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
    }
]