Não tem nada aqui

SUBMITTED BY: Chacal1107

DATE: Nov. 10, 2023, 9:48 p.m.

UPDATED: Jan. 9, 2024, 9:55 p.m.

FORMAT: Text only

SIZE: 240.0 kB

History Raw Download

HITS: 4440

Report
  1. [
  2. {
  3. "id": 26680,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": "",
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  10. },
  11. {
  12. "id": 26681,
  13. "label": "Logo do app",
  14. "name": "APP_LOGO",
  15. "value": "https://i.ibb.co/K9k44X5/487f7b22f68312d2c1bbc93b1aea445b-1701362509364.png",
  16. "type": "IMAGE",
  17. "status": "ACTIVE",
  18. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  19. },
  20. {
  21. "id": 26682,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": "",
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  28. },
  29. {
  30. "id": 3810,
  31. "label": "Tipo do fundo do app",
  32. "name": "APP_BACKGROUND_TYPE",
  33. "value": {
  34. "options": [
  35. {
  36. "label": "Imagem",
  37. "value": "IMAGE"
  38. },
  39. {
  40. "label": "Cor",
  41. "value": "COLOR"
  42. }
  43. ],
  44. "selected": "COLOR"
  45. },
  46. "type": "SELECT",
  47. "status": "ACTIVE",
  48. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  49. },
  50. {
  51. "id": 3811,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#d3d8dbbf",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  58. },
  59. {
  60. "id": 3812,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#00000000",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  67. },
  68. {
  69. "id": 7979,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 30,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  76. },
  77. {
  78. "id": 7980,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#1d242ed1",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  85. },
  86. {
  87. "id": 7981,
  88. "label": "Raio do card de status",
  89. "name": "APP_CARD_STATUS_RADIUS",
  90. "value": 10,
  91. "type": "INTEGER",
  92. "status": "ACTIVE",
  93. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  94. },
  95. {
  96. "id": 3813,
  97. "label": "Cor do card de configura莽玫es",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#00000047",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  103. },
  104. {
  105. "id": 3814,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#000000ba",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  112. },
  113. {
  114. "id": 11850,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#000000e6",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  121. },
  122. {
  123. "id": 3815,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#000000d1",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  130. },
  131. {
  132. "id": 7982,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#000000cc",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  139. },
  140. {
  141. "id": 7983,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 10,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  148. },
  149. {
  150. "id": 3816,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#ffffffde",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  157. },
  158. {
  159. "id": 3817,
  160. "label": "Cor dos bot玫es",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#000000e6",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  166. },
  167. {
  168. "id": 7984,
  169. "label": "Raio dos bot玫es",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 10,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  175. },
  176. {
  177. "id": 3818,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#ffffffff",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  184. },
  185. {
  186. "id": 3819,
  187. "label": "Exibir modo de conex茫o",
  188. "name": "APP_SHOW_CONNECTION_MODE",
  189. "value": "true",
  190. "type": "BOOLEAN",
  191. "status": "ACTIVE",
  192. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  193. },
  194. {
  195. "id": 22784,
  196. "label": "Atualizar automaticamente as configura莽玫es ao lan莽ar uma atualiza莽茫o.",
  197. "name": "APP_CONFIG_AUTO_UPDATE",
  198. "value": false,
  199. "type": "BOOLEAN",
  200. "status": "ACTIVE",
  201. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  202. },
  203. {
  204. "id": 4922,
  205. "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
  206. "name": "APP_AUTO_START",
  207. "value": false,
  208. "type": "BOOLEAN",
  209. "status": "ACTIVE",
  210. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  211. },
  212. {
  213. "id": 7985,
  214. "label": "Usar limiter de conex茫o",
  215. "name": "APP_CONNECTION_LIMITER",
  216. "value": false,
  217. "type": "BOOLEAN",
  218. "status": "ACTIVE",
  219. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  220. },
  221. {
  222. "id": 12836,
  223. "label": "Usar bot茫o de atualiza莽玫es",
  224. "name": "APP_BTN_UPDATE_ENABLED",
  225. "value": true,
  226. "type": "BOOLEAN",
  227. "status": "ACTIVE",
  228. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  229. },
  230. {
  231. "id": 12837,
  232. "label": "Usar bot茫o de registros",
  233. "name": "APP_BTN_LOGGER_ENABLED",
  234. "value": true,
  235. "type": "BOOLEAN",
  236. "status": "ACTIVE",
  237. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  238. },
  239. {
  240. "id": 12838,
  241. "label": "Usar bot茫o de pagina webview",
  242. "name": "APP_BTN_PAGE_ENABLED",
  243. "value": false,
  244. "type": "BOOLEAN",
  245. "status": "ACTIVE",
  246. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  247. },
  248. {
  249. "id": 14425,
  250. "label": "Ativar dialog de erros",
  251. "name": "APP_DIALOG_ERROR_ENABLED",
  252. "value": true,
  253. "type": "BOOLEAN",
  254. "status": "ACTIVE",
  255. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  256. },
  257. {
  258. "id": 14426,
  259. "label": "Ativar dialog de checkuser",
  260. "name": "APP_CHECKUSER_DIALOG_ENABLED",
  261. "value": "false",
  262. "type": "BOOLEAN",
  263. "status": "ACTIVE",
  264. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  265. },
  266. {
  267. "id": 14427,
  268. "label": "Ativar toast de sucesso",
  269. "name": "APP_SUCCESS_TOAST_ENABLED",
  270. "value": true,
  271. "type": "BOOLEAN",
  272. "status": "ACTIVE",
  273. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  274. },
  275. {
  276. "id": 14428,
  277. "label": "Ativar toast de erro",
  278. "name": "APP_ERROR_TOAST_ENABLED",
  279. "value": true,
  280. "type": "BOOLEAN",
  281. "status": "ACTIVE",
  282. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  283. },
  284. {
  285. "id": 14429,
  286. "label": "Usar layout webview",
  287. "name": "APP_LAYOUT_WEBVIEW_ENABLED",
  288. "value": "true",
  289. "type": "BOOLEAN",
  290. "status": "ACTIVE",
  291. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  292. },
  293. {
  294. "id": 3820,
  295. "label": "Mensagem",
  296. "name": "APP_MESSAGE",
  297. "value": "Bem vindo ao 饾檵饾櫑饾櫎饾櫉饾櫄饾櫓饾櫎 饾檵饾櫒饾檭饾櫎饾櫒饾櫓 饾檸饾檸饾檭",
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  301. },
  302. {
  303. "id": 3822,
  304. "label": "URL de atualiza莽茫o do aplicativo",
  305. "name": "APP_UPDATE_URL",
  306. "value": null,
  307. "type": "URL",
  308. "status": "ACTIVE",
  309. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  310. },
  311. {
  312. "id": 3821,
  313. "label": "Tipo de mensagem",
  314. "name": "APP_MESSAGE_TYPE",
  315. "value": {
  316. "options": [
  317. {
  318. "label": "Alerta",
  319. "value": "ALERT"
  320. },
  321. {
  322. "label": "Informa莽茫o",
  323. "value": "INFO"
  324. },
  325. {
  326. "label": "Boas vindas",
  327. "value": "WELCOME"
  328. },
  329. {
  330. "label": "Sem mensagem",
  331. "value": "NONE"
  332. }
  333. ],
  334. "selected": "ALERT"
  335. },
  336. "type": "SELECT",
  337. "status": "ACTIVE",
  338. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  339. },
  340. {
  341. "id": 14430,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "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/K9k44X5/487f7b22f68312d2c1bbc93b1aea445b-1701362509364.png);\r\n --porcent-logo: 75%;\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 #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f);\r\n /*---------------------------------------------------------------------------------------------------------------*/\r\n /*lihas coloridas parte de baixo*/\r\n --default-background-color2: linear-gradient(135deg,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f,\r\n #E46A00,\r\n #0000CD,\r\n #0000006f);\r\n /*---------------------------------------------------------------------------------------------------------------*/\r\n\r\n /*CORES DOS BOTOES DE CONFIG*/\r\n --cor-gradiente-bt-incial: radial-gradient(circle, #E46A00, #0000CD 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, #E46A00, #0000CD 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, #E46A00, #0000CD 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: #000000;\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, #E46A00, #0000CD 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, #E46A00, #0000CD 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: #000000;\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: #000000;\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, #9f2fff, #0bb1d3, #7f47cb, #00ffff, #7a2cec, #4adfdf, #76fcfc, #7f47cb, #9f2fff, #0bb1d3, #7f47cb, #00ffff, #7a2cec, #4adfdf);\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: #000000;\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, #E46A00, #0000CD 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: #000000;\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: #000000;\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, #E46A00, #0000CD, #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, #E46A00, #0000CD 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: #000000;\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: #000000;\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,#0bb1d3,#9f2fff,#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: \"#000000\" })\r\n ToastIcon.style({ borderRight: \"1px solid #000000\" })\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>",
  345. "type": "HTML",
  346. "status": "ACTIVE",
  347. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  348. },
  349. {
  350. "id": 3823,
  351. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  352. "name": "APP_SUPPORT_BUTTON",
  353. "value": "<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n <head>\r\n <meta charset=\"UTF-8\" />\r\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n\r\n <title>5777879193 - @PoggVpn</title>\r\n\r\n <style>\r\n :root {\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\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 /*-------->MENU<--------*/\r\n\r\n /*IMAGEM DE FUNDO PRINCIPAL*/\r\n --imagem-de-fundo: url('https://bafkreighln2izjgvidrzifz2qrk2hk5ww7gt4m7kw3ffd3tfzoknr7hdyu.ipfs.w3s.link');\r\n\r\n /*CONTAINER DE STATUS VPN*/\r\n --cor-de-fundo-do-container-de-status-da-vpn: #FF0000;\r\n --cor-do-icone-do-container-de-status-da-vpn: #ffffff;\r\n --cor-do-texto-do-container-de-status-da-vpn: rgba(255, 255, 255, 1);\r\n\r\n /*CONTAINER DE SELECIONAR OPERADORA*/\r\n --cor-de-fundo-do-campo-de-selecionar-operadora: #FF0000 ;\r\n --borda-do-container-de-selecionar-operadora: #000000;\r\n --cor-do-icone-de-chip-do-campo-de-selecionar-operadora: rgba(255, 255, 255, 1);\r\n --cor-do-texto-do-campo-de-selecionar-operadora: rgba(255, 255, 255, 1);\r\n\r\n /*CONTAINER PRINCIPAL*/\r\n --cor-de-fundo-do-container-principal: #0000008f;\r\n --borda-do-container-principal: #000000;\r\n\r\n --borda-do-header-do-container-principal: #000000;\r\n\r\n --cor-de-fundo-dos-input-do-container-principal: #0000008f;\r\n --cor-da-borda-dos-input-do-container-principal: #000000;\r\n --cor-dos-icones-dos-input-do-container-principal: rgba(255, 255, 255, 1);\r\n --cor-do-texto-dos-input-do-container-principal: rgba(255, 255, 255, 1);\r\n --cor-do-texto-dos-input-do-container-principal-quando-nao-ta-selecionado: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n 1\r\n );\r\n\r\n --cor-de-fundo-do-botao-do-container-principal: #0000008f;\r\n --cor-da-borda-do-botao-do-container-principal: #000000;\r\n --cor-do-icone-do-botao-do-container-principal: rgba(255, 255, 255, 1);\r\n --cor-do-texto-do-botao-do-container-principal: rgba(255, 255, 255, 1);\r\n\r\n /*CONTAINER DOS CONTROLES*/\r\n --cor-de-fundo-do-container-de-controles: #0000008f;\r\n --cor-da-borda-do-container-de-controles: #000000;\r\n\r\n --cor-de-fundo-do-botao-do-container-de-controles: #0000008f;\r\n --cor-da-borda-do-botao-do-container-de-controles: #000000;\r\n --cor-do-icone-do-botao-do-container-de-controles: rgba(255, 255, 255, 1);\r\n\r\n --cor-de-fundo-do-botao-do-meio-do-container-de-controles:#0000008f;\r\n --cor-da-borda-do-botao-do-meio-do-container-de-controles:#000000;\r\n\r\n /* CONTAINER DAS CONFIGURA脟脮ES */\r\n --cor-de-fundo-do-container-da-lista-de-configuracoes: #0000008f;\r\n --cor-da-borda-do-container-da-lista-de-configuracoes: #000000;\r\n\r\n --cor-de-fundo-do-header-do-container-da-lista-de-configuracoes: #000000;\r\n --cor-do-icone-de-fechar-do-header-do-container-da-lista-de-configuracoes: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n 1\r\n );\r\n\r\n --cor-de-fundo-do-container-da-lista-de-categorias-de-configuracoes: transparent;\r\n\r\n --cor-de-fundo-da-categoria: transparent --cor-de-fundo-do-header-da-categoria: rgba(187, 127, 243, 1);\r\n --cor-da-borda-do-header-da-categoria: rgba(127, 71, 203, 1);\r\n --cor-do-text-do-header-da-categoria: rgba(255, 255, 255, 1);\r\n --cor-do-icone-do-header-da-categoria: rgba(255, 255, 255, 1);\r\n\r\n --cor-de-fundo-da-lista-de-configuracoes: transparent;\r\n --cor-de-fundo-do-item-da-configuracao: #0000008f;\r\n --cor-do-texto-do-titulo-do-item-da-configuracao: rgba(255, 255, 255, 1);\r\n --cor-do-texto-da-descricao-do-item-da-configuracao: rgba(255, 255, 255, 1);\r\n --cor-do-modo-da-conexao-do-item-da-configuracao: rgba(255, 255, 255, 1);\r\n\r\n /* CHECKUSER PRINCIPAL */\r\n --cor-de-fundo-do-container-do-checkuser-principal: #0000008f;\r\n --cor-de-fundo-do-header-do-container-do-checkuser-principal: #0000008f;\r\n --cor-do-icone-do-header-do-container-do-checkuser-principal: rgba(255, 255, 255, 1);\r\n\r\n --cor-da-borda-do-icone-de-sucesso: rgba(255, 255, 255, 1);\r\n --cor-do-icone-de-sucesso: rgba(255, 255, 255, 1);\r\n\r\n --cor-de-fundo-da-lista-de-dados-de-login: transparent;\r\n --cor-de-fundo-dos-dados-de-login: rgba(187, 127, 243, 1);\r\n --cor-dos-icones-dos-dados-de-login: rgba(255, 255, 255, 1);\r\n --cor-dos-textos-dos-dados-de-login: rgba(255, 255, 255, 1);\r\n\r\n /* CONTAINER DE CARREGAMENTO */\r\n --cor-de-fundo-do-container-de-carregamento: rgba(161, 42, 246, 0.8);\r\n --cor-de-fundo-do-header-do-container-de-carregamento: rgba(187, 127, 243, 1);\r\n --cor-do-icone-do-header-do-container-de-carregamento: rgba(255, 255, 255, 1);\r\n\r\n /* CONTAINER DE PERFIL DO USU脕RIO */\r\n --cor-de-fundo-do-container-do-perfil-do-usuario: rgba(161, 42, 246, 0.8);\r\n --cor-de-fundo-do-header-do-container-do-perfil-do-usuario: transparent;\r\n --cor-da-borda-do-header-do-container-do-perfil-do-usuario: rgba(187, 127, 243, 1);\r\n\r\n --cor-de-fundo-da-lista-do-container-do-perfil-do-usuario: transparent;\r\n --cor-de-fundo-dos-items-do-container-do-perfil-do-usuario: rgba(187, 127, 243, 1);\r\n --cor-de-fundo-dos-icones-do-container-do-perfil-do-usuario: rgba(187, 127, 243, 1);\r\n\r\n --cor-da-borda-de-nao-ver-o-usuario-do-container-do-perfil-do-usuario: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n 1\r\n );\r\n --cor-do-icone-de-dentro-do-close-do-container-do-perfil-do-usuario: rgba(255, 255, 255, 1);\r\n --cor-do-titulo-de-nao-ver-o-usuario-do-container-do-perfil-do-usuario: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n 1\r\n );\r\n --cor-da-descricao-de-nao-ver-o-usuario-do-container-do-perfil-do-usuario: rgba(\r\n 255,\r\n 255,\r\n 255,\r\n 1\r\n );\r\n\r\n --cor-de-fundo-dos-termos-do-container-do-perfil-do-usuario: #0000008f;\r\n\r\n /* CONTAINER DE FERRAMENTAS */\r\n --cor-da-borda-do-titulo-do-container-de-ferramentas: rgba(255, 255, 255, 1);\r\n --cor-do-texto-do-titulo-do-container-de-ferramentas: rgba(255, 255, 255, 1);\r\n\r\n --cor-da-borda-dos-botoes-do-container-de-ferramentas: #ffffff;\r\n --cor-de-fundo-dos-botoes-do-container-de-ferramentas: #0000008f;\r\n --cor-da-sombra-dos-botoes-do-container-de-ferramentas: rgba(0, 0, 0, 0.25);\r\n --cor-dos-icones-dos-botoes-do-container-de-ferramentas: rgba(255, 255, 255, 1);\r\n --cor-dos-textos-dos-botoes-do-container-de-ferramentas: rgba(255, 255, 255, 1);\r\n\r\n /* MODAL SPEEDTEST */\r\n --cor-do-header-do-modal-do-speedtest: #000000;\r\n --cor-de-fundo-do-modal-do-speedtest: #0000008f;\r\n --cor-do-icone-do-header-do-modal-do-speedtest: rgba(255, 255, 255, 1);\r\n\r\n /* MODAL ERROR */\r\n --cor-do-header-do-modal-de-error: #000000;\r\n --cor-de-fundo-do-modal-de-error: #0000009f;\r\n --cor-do-icone-do-header-do-modal-de-error: rgba(255, 255, 255, 1);\r\n\r\n /* MODAL LOGS */\r\n --cor-do-header-do-modal-de-logs: #000000;\r\n --cor-de-fundo-do-modal-de-logs: #0000009f;\r\n --cor-do-texto-do-registro-do-modal-de-logs: rgba(255, 255, 255, 1);\r\n }\r\n\r\n * {\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 body {\r\n background: var(--imagem-de-fundo);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n }\r\n\r\n main {\r\n max-width: 500px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n margin: auto;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n }\r\n\r\n main section.vpnStatus {\r\n width: auto;\r\n height: 40px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n\r\n margin-top: 5%;\r\n padding: 0px 10px;\r\n\r\n border-radius: 20px;\r\n\r\n background-color: var(--cor-de-fundo-do-container-de-status-da-vpn);\r\n }\r\n\r\n main section.vpnStatus svg {\r\n color: var(--cor-do-icone-do-container-de-status-da-vpn);\r\n }\r\n\r\n main section.vpnStatus span {\r\n color: var(--cor-do-texto-do-container-de-status-da-vpn);\r\n }\r\n\r\n section.local-ip {\r\n width: auto;\r\n height: 40px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n\r\n margin-top: 5%;\r\n padding: 0px 10px;\r\n\r\n border-radius: 20px;\r\n\r\n background-color: var(--cor-de-fundo-do-container-de-status-da-vpn);\r\n }\r\n\r\n section.local-ip svg {\r\n color: var(--cor-do-icone-do-container-de-status-da-vpn);\r\n }\r\n\r\n section.local-ip span {\r\n text-align: center;\r\n color: var(--cor-do-texto-do-container-de-status-da-vpn);\r\n }\r\n\r\n main section.home {\r\n width: 100%;\r\n max-width: 500px;\r\n height: auto;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n position: relative;\r\n\r\n padding: 0px 10px;\r\n }\r\n\r\n main section.home header {\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\r\n main section.home header img.logo {\r\n width: 60%;\r\n max-width: 100px;\r\n height: auto;\r\n }\r\n\r\n main section.home div.carrierSelector {\r\n width: 100%;\r\n height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n\r\n padding: 0px 10px;\r\n\r\n border: 1px solid var(--borda-do-container-de-selecionar-operadora);\r\n border-radius: 10px;\r\n\r\n overflow: hidden;\r\n\r\n background-color: var(--cor-de-fundo-do-campo-de-selecionar-operadora);\r\n }\r\n\r\n main section.home div.carrierSelector svg {\r\n width: 20px;\r\n height: 20px;\r\n\r\n color: var(--cor-do-icone-de-chip-do-campo-de-selecionar-operadora);\r\n }\r\n\r\n main section.home div.carrierSelector span {\r\n width: 100%;\r\n max-width: 100%;\r\n height: 100%;\r\n max-height: 100%;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n color: var(--cor-do-texto-do-campo-de-selecionar-operadora);\r\n\r\n overflow: none;\r\n }\r\n\r\n main section.home div.container {\r\n width: 100%;\r\n height: 200px;\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 border: 1px solid var(--borda-do-container-principal);\r\n border-radius: 10px;\r\n\r\n background: var(--cor-de-fundo-do-container-principal);\r\n }\r\n\r\n main section.home div.container header {\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 5px;\r\n\r\n border-bottom: 1px solid var(--borda-do-header-do-container-principal);\r\n\r\n overflow: hidden;\r\n }\r\n\r\n main section.home div.container form {\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 gap: 10px;\r\n\r\n padding: 10px;\r\n }\r\n\r\n main section.home div.container form div {\r\n width: 90%;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n position: relative;\r\n\r\n padding: 0px 0px 0px 5px;\r\n\r\n border-radius: 20px;\r\n border: 1px solid var(--cor-da-borda-dos-input-do-container-principal);\r\n\r\n overflow: hidden;\r\n\r\n background-color: var(--cor-de-fundo-dos-input-do-container-principal);\r\n }\r\n\r\n main section.home div.container form div svg {\r\n width: 40px;\r\n height: 40px;\r\n\r\n padding: 10px;\r\n\r\n color: var(--cor-dos-icones-dos-input-do-container-principal);\r\n }\r\n\r\n main section.home div.container form div input {\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n\r\n border: 0;\r\n outline: none;\r\n\r\n color: var(--cor-do-texto-dos-input-do-container-principal);\r\n\r\n background-color: transparent;\r\n }\r\n\r\n main section.home div.container form div svg.eye {\r\n position: absolute;\r\n right: 0;\r\n }\r\n\r\n .eye-none {\r\n display: none;\r\n }\r\n .eye-block {\r\n display: block;\r\n }\r\n\r\n main section.home div.container form div input::placeholder {\r\n color: var(--cor-do-texto-dos-input-do-container-principal-quando-nao-ta-selecionado);\r\n }\r\n\r\n main section.home div.container form div.buttons {\r\n height: 40px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n border: 0;\r\n padding-left: 3px;\r\n\r\n background: transparent;\r\n }\r\n\r\n main section.home div.container form div button#startStopVpn {\r\n flex: 1;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n\r\n padding: 10px;\r\n\r\n border: 1px solid var(--cor-da-borda-do-botao-do-container-principal);\r\n border-radius: 20px;\r\n\r\n background: var(--cor-de-fundo-do-botao-do-container-principal);\r\n }\r\n\r\n main section.home div.container form div button#buttonLogs {\r\n width: 40px;\r\n height: 40px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n border: 1px solid var(--cor-da-borda-do-botao-do-container-principal);\r\n border-radius: 50%;\r\n\r\n background: var(--cor-de-fundo-do-botao-do-container-principal);\r\n }\r\n\r\n main section.home div.container form button svg {\r\n color: var(--cor-do-icone-do-botao-do-container-principal);\r\n }\r\n\r\n main section.home div.container form button span {\r\n color: var(--cor-do-texto-do-botao-do-container-principal);\r\n }\r\n\r\n main section.controls {\r\n width: 90%;\r\n height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n position: absolute;\r\n bottom: 10px;\r\n z-index: 999;\r\n\r\n padding: 0px 10px;\r\n\r\n border: 1px solid var(--cor-da-borda-do-container-de-controles);\r\n border-radius: 25px;\r\n\r\n background: var(--cor-de-fundo-do-container-de-controles);\r\n }\r\n\r\n main section.controls button {\r\n width: 40px;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border: 0px solid var(--cor-da-borda-do-botao-do-container-de-controles);\r\n border-radius: 50%;\r\n\r\n background: var(--cor-de-fundo-do-botao-do-container-de-controles);\r\n }\r\n\r\n main section.controls button:nth-child(2) {\r\n margin-right: auto;\r\n }\r\n\r\n main section.controls button svg {\r\n color: var(--cor-do-icone-do-botao-do-container-de-controles);\r\n }\r\n\r\n main section.controls button#backToHome {\r\n width: 60px;\r\n height: 60px;\r\n\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n position: absolute;\r\n top: -50%;\r\n left: 0;\r\n right: 0;\r\n\r\n border: 1px solid var(--cor-da-borda-do-botao-do-meio-do-container-de-controles);\r\n\r\n background: var(--cor-de-fundo-do-botao-do-meio-do-container-de-controles);\r\n }\r\n\r\n main section.controls button#backToHome::before {\r\n width: 60px;\r\n height: 60px;\r\n\r\n content: '';\r\n\r\n position: absolute;\r\n top: -6px;\r\n left: -6px;\r\n right: 0;\r\n bottom: 0px;\r\n z-index: 2;\r\n\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n border: 5px solid var(--cor-da-borda-do-botao-do-meio-do-container-de-controles);\r\n border-radius: 50%;\r\n }\r\n\r\n main section.listOfCarriers {\r\n width: calc(100% - 10px);\r\n height: 70%;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n position: absolute;\r\n top: 13%;\r\n\r\n border: 1px solid var(--cor-da-borda-do-container-da-lista-de-configuracoes);\r\n border-radius: 10px;\r\n\r\n overflow-y: auto;\r\n\r\n opacity: 0;\r\n transform: scale(0);\r\n transform-origin: center;\r\n transition: all 0.3s ease 0.1s;\r\n\r\n background: var(--cor-de-fundo-do-container-da-lista-de-configuracoes);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n main section.listOfCarriers.active {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n main section.listOfCarriers .header-list {\r\n width: 100%;\r\n height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n padding: 10px;\r\n\r\n border: 1px solid var();\r\n\r\n background: var(--cor-de-fundo-do-header-do-container-da-lista-de-configuracoes);\r\n }\r\n\r\n main section.listOfCarriers header svg.bi-x-lg {\r\n margin: 0px 0px 0px auto;\r\n\r\n color: var(--cor-do-icone-de-fechar-do-header-do-container-da-lista-de-configuracoes);\r\n }\r\n\r\n main section.listOfCarriers section.list-container {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n margin: 10px 0px;\r\n padding: 0px 10px;\r\n\r\n overflow-y: auto;\r\n\r\n background: var(--cor-de-fundo-do-container-da-lista-de-categorias-de-configuracoes);\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category {\r\n width: 100%;\r\n height: auto;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n\r\n border-radius: 5px;\r\n\r\n background: var(--cor-de-fundo-da-categoria);\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category header {\r\n width: 100%;\r\n height: 50px;\r\n min-height: 50px;\r\n\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n padding: 0px 5px;\r\n\r\n border-bottom: 1px solid var(--cor-da-borda-do-header-da-categoria);\r\n border-radius: 5px;\r\n\r\n background: var(--cor-de-fundo-do-header-da-categoria);\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category header h1 {\r\n color: var(--cor-do-text-do-header-da-categoria);\r\n font-weight: 400;\r\n font-size: 1rem;\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category header svg {\r\n color: var(--cor-do-icone-do-header-da-categoria);\r\n transition: all 0.3s ease 0.3s;\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category ul.configs {\r\n width: 100%;\r\n max-height: 0px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n\r\n background: var(--cor-de-fundo-da-lista-de-configuracoes);\r\n\r\n transition: all 0.3s ease 0.3s;\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category ul.configs li {\r\n width: 100%;\r\n height: 60px;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n\r\n padding: 5px;\r\n\r\n border-radius: 5px;\r\n\r\n background: var(--cor-de-fundo-do-item-da-configuracao);\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category ul.configs li div.logo {\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\r\n main section.listOfCarriers section.list-container div.category ul.configs li div.logo img {\r\n width: 40px;\r\n height: auto;\r\n }\r\n\r\n main\r\n section.listOfCarriers\r\n section.list-container\r\n div.category\r\n ul.configs\r\n li\r\n div.description {\r\n width: 150px;\r\n height: 100%;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n justify-items: center;\r\n align-content: center;\r\n\r\n overflow: hidden;\r\n }\r\n\r\n main\r\n section.listOfCarriers\r\n section.list-container\r\n div.category\r\n ul.configs\r\n li\r\n div.description\r\n h1 {\r\n width: 100%;\r\n height: 30px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n\r\n color: var(--cor-do-texto-do-titulo-do-item-da-configuracao);\r\n font-size: 0.6rem;\r\n font-weight: 400;\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n main\r\n section.listOfCarriers\r\n section.list-container\r\n div.category\r\n ul.configs\r\n li\r\n div.description\r\n p {\r\n width: 100%;\r\n height: 30px;\r\n\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: end;\r\n\r\n color: var(--cor-do-texto-da-descricao-do-item-da-configuracao);\r\n font-size: 0.6rem;\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category ul.configs li div.mode {\r\n width: 50px;\r\n height: 100%;\r\n\r\n margin-left: auto;\r\n\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: end;\r\n }\r\n\r\n main section.listOfCarriers section.list-container div.category ul.configs li div.mode p {\r\n color: var(--cor-do-modo-da-conexao-do-item-da-configuracao);\r\n font-size: 0.6rem;\r\n }\r\n\r\n section.main-checkuser {\r\n width: 95%;\r\n height: 70%;\r\n\r\n position: absolute;\r\n top: 8%;\r\n\r\n margin: auto;\r\n\r\n border-radius: 5px;\r\n\r\n overflow: hidden;\r\n\r\n background: var(--cor-de-fundo-do-container-do-checkuser-principal);\r\n\r\n opacity: 0;\r\n transform: scale(0);\r\n transform-origin: center;\r\n transition: all 0.3s ease 0.1s;\r\n }\r\n\r\n section.main-checkuser.show {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n @media (min-width: 320px) {\r\n section.main-checkuser {\r\n height: 55%;\r\n\r\n top: 50%;\r\n bottom: 50%;\r\n }\r\n }\r\n\r\n section.main-checkuser header {\r\n width: 100%;\r\n height: 10%;\r\n max-height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n\r\n padding: 10px;\r\n\r\n background: var(--cor-de-fundo-do-header-do-container-do-checkuser-principal);\r\n }\r\n\r\n section.main-checkuser header svg {\r\n color: var(--cor-do-icone-do-header-do-container-do-checkuser-principal);\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser div.connected-success {\r\n width: 50%;\r\n max-width: 100px;\r\n height: 50%;\r\n max-height: 100px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n\r\n border: 1px solid var(--cor-da-borda-do-icone-de-sucesso);\r\n border-radius: 50%;\r\n\r\n animation: pulse 1s infinite;\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser div.connected-success svg {\r\n width: 50%;\r\n height: 50%;\r\n\r\n color: var(--cor-do-icone-de-sucesso);\r\n }\r\n\r\n @keyframes pulse {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 20px rgba(0, 255, 0, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);\r\n }\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser ul {\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: center;\r\n\r\n gap: 10px;\r\n\r\n padding: 0px 10px;\r\n\r\n list-style: none;\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser ul li {\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 10px;\r\n\r\n border-radius: 5px;\r\n\r\n background: var(--cor-de-fundo-dos-dados-de-login);\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser ul li svg {\r\n margin-right: 10px;\r\n\r\n color: var(--cor-dos-icones-dos-dados-de-login);\r\n }\r\n\r\n section.main-checkuser section.container-content-checkuser ul li span {\r\n color: var(--cor-dos-textos-dos-dados-de-login);\r\n }\r\n\r\n section.loading {\r\n width: 95%;\r\n height: auto;\r\n\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n right: 0;\r\n transform: translateY(-50%);\r\n\r\n margin: auto;\r\n\r\n border-radius: 5px;\r\n\r\n overflow-x: hidden;\r\n\r\n opacity: 0;\r\n transform: scale(0);\r\n transform-origin: center;\r\n transition: all 0.3s ease 0.1s;\r\n\r\n background: var(--cor-de-fundo-do-container-de-carregamento);\r\n }\r\n\r\n section.loading.show {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n section.loading header {\r\n width: 100%;\r\n height: 10%;\r\n max-height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n\r\n padding: 10px;\r\n\r\n background: var(--cor-de-fundo-do-header-do-container-de-carregamento);\r\n }\r\n\r\n section.loading header svg {\r\n color: var(--cor-do-icone-do-header-do-container-de-carregamento);\r\n }\r\n\r\n section.loading div.loading-container {\r\n width: 100px;\r\n height: 100px;\r\n\r\n margin: 30px auto;\r\n\r\n border: 4px solid #ffffff;\r\n border-top: 4px solid transparent;\r\n border-radius: 50%;\r\n\r\n animation: spin 0.5s linear infinite;\r\n }\r\n\r\n @keyframes spin {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n section.profile-checkuser {\r\n 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: 100%;\r\n right: 0;\r\n bottom: 0;\r\n\r\n background: var(--imagem-de-fundo);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n section.profile-checkuser.show {\r\n transform: translateX(-100%);\r\n }\r\n\r\n section.profile-checkuser header,\r\n section.profile-checkuser section.terms header {\r\n width: 95%;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n margin: 0 auto;\r\n\r\n background: var(--cor-de-fundo-do-header-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n section.profile-checkuser header h1,\r\n section.profile-checkuser section.terms header h1 {\r\n width: 95%;\r\n\r\n color: #ffffff;\r\n font-weight: 400;\r\n font-size: 1rem;\r\n text-align: center;\r\n\r\n margin: 0 auto;\r\n\r\n border-bottom: 4px solid var(--cor-da-borda-do-header-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n section.profile-checkuser div.not-view-user {\r\n display: none;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n padding: 15px 10px;\r\n }\r\n\r\n section.profile-checkuser div.not-view-user.show {\r\n display: flex;\r\n }\r\n\r\n section.profile-checkuser div.not-view-user div.circle {\r\n width: 100px;\r\n height: 100px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n border: 2px solid var(--cor-da-borda-de-nao-ver-o-usuario-do-container-do-perfil-do-usuario);\r\n border-radius: 50%;\r\n }\r\n\r\n section.profile-checkuser div.not-view-user div.circle svg {\r\n width: 50%;\r\n height: 50%;\r\n\r\n color: var(--cor-do-icone-de-dentro-do-close-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n section.profile-checkuser div.not-view-user h2 {\r\n width: 100%;\r\n\r\n color: var(--cor-do-titulo-de-nao-ver-o-usuario-do-container-do-perfil-do-usuario);\r\n text-align: center;\r\n font-size: 1rem;\r\n }\r\n\r\n section.profile-checkuser div.not-view-user p {\r\n color: var(--cor-da-descricao-de-nao-ver-o-usuario-do-container-do-perfil-do-usuario);\r\n text-align: center;\r\n font-size: 0.8rem;\r\n }\r\n\r\n section.profile-checkuser ul {\r\n width: 100%;\r\n height: auto;\r\n\r\n display: none;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n list-style: none;\r\n\r\n padding: 10px;\r\n\r\n background: var(--cor-de-fundo-da-lista-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n section.profile-checkuser ul.show {\r\n display: grid;\r\n }\r\n\r\n section.profile-checkuser ul li {\r\n width: 95%;\r\n height: 40px;\r\n\r\n display: grid;\r\n align-items: center;\r\n\r\n margin: 0px auto;\r\n\r\n position: relative;\r\n\r\n border-radius: 20px;\r\n\r\n background: var(--cor-de-fundo-dos-items-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n section.profile-checkuser ul li svg {\r\n width: 50px;\r\n height: 50px;\r\n\r\n position: absolute;\r\n left: -10px;\r\n\r\n padding: 10px;\r\n\r\n border-radius: 50%;\r\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);\r\n\r\n color: #ffffff;\r\n\r\n background: var(--cor-de-fundo-dos-icones-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n section.profile-checkuser ul li svg.even {\r\n box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);\r\n position: absolute;\r\n left: initial;\r\n right: -10px;\r\n }\r\n\r\n section.profile-checkuser ul li svg path {\r\n transform: scale(0.6);\r\n transform-origin: center;\r\n }\r\n\r\n section.profile-checkuser ul li span {\r\n margin-left: 45px;\r\n\r\n color: #ffffff;\r\n font-size: 0.8rem;\r\n }\r\n\r\n section.profile-checkuser ul li span.even {\r\n margin-left: auto;\r\n margin-right: 45px;\r\n }\r\n\r\n section.profile-checkuser section.terms {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n width: 100%;\r\n height: auto;\r\n margin-top: 5%;\r\n }\r\n\r\n section.profile-checkuser section.terms p {\r\n width: 95%;\r\n height: auto;\r\n max-height: 210px;\r\n\r\n margin: 0 auto;\r\n padding: 10px;\r\n\r\n border-radius: 5px;\r\n\r\n overflow-y: auto;\r\n\r\n color: #ffffff;\r\n text-align: center;\r\n\r\n background: var(--cor-de-fundo-dos-termos-do-container-do-perfil-do-usuario);\r\n }\r\n\r\n @media (min-height: 700px) {\r\n section.profile-checkuser section.terms p {\r\n max-height: 350px;\r\n }\r\n }\r\n\r\n section.tools {\r\n 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: 100%;\r\n right: 0;\r\n\r\n background: var(--imagem-de-fundo);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n section.tools.show {\r\n transform: translateX(-100%);\r\n }\r\n\r\n section.tools header {\r\n width: 100%;\r\n height: auto;\r\n\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n section.tools header h1 {\r\n width: 90%;\r\n height: auto;\r\n\r\n padding: 10px;\r\n\r\n border-bottom: 3px solid var(--cor-da-borda-do-titulo-do-container-de-ferramentas);\r\n text-shadow: 0px 4px 4px var(--cor-da-sombra-dos-botoes-do-container-de-ferramentas);\r\n\r\n color: var(--cor-do-texto-do-titulo-do-container-de-ferramentas);\r\n font-weight: bold;\r\n font-size: 1rem;\r\n text-align: center;\r\n }\r\n\r\n section.tools section.container-tools {\r\n width: 100%;\r\n height: auto;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n margin: 40px 0px 0px 0px;\r\n padding: 0px 10px;\r\n }\r\n\r\n section.tools section.container-tools button {\r\n width: 100%;\r\n height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 9.5px;\r\n\r\n padding: 0px 16px;\r\n\r\n border: 1px solid var(--cor-da-borda-dos-botoes-do-container-de-ferramentas);\r\n border-radius: 25px;\r\n box-shadow: 0px 4px 4px var(--cor-da-sombra-dos-botoes-do-container-de-ferramentas);\r\n\r\n background: var(--cor-de-fundo-dos-botoes-do-container-de-ferramentas);\r\n }\r\n\r\n section.tools section.container-tools button svg {\r\n width: 20px;\r\n height: 20px;\r\n\r\n color: var(--cor-dos-icones-dos-botoes-do-container-de-ferramentas);\r\n }\r\n\r\n section.tools section.container-tools button span {\r\n color: var(--cor-dos-textos-dos-botoes-do-container-de-ferramentas);\r\n }\r\n\r\n section.modal-speedtest,\r\n section.modal-error-alert {\r\n width: 95%;\r\n max-width: 450px;\r\n height: 50%;\r\n\r\n position: absolute;\r\n top: 25%;\r\n transform: translate(-50%, -50%);\r\n\r\n z-index: 2;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 5px;\r\n\r\n overflow-x: hidden;\r\n\r\n opacity: 0;\r\n transform: scale(0);\r\n transform-origin: center;\r\n transition: all 0.3s ease 0.1s;\r\n }\r\n\r\n section.modal-speedtest.show,\r\n section.modal-error-alert.show,\r\n section.modal-logs.show {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n section.modal-speedtest header,\r\n section.modal-error-alert header {\r\n width: 100%;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n padding: 0px 10px;\r\n }\r\n\r\n section.modal-speedtest header {\r\n background-color: var(--cor-do-header-do-modal-do-speedtest);\r\n }\r\n\r\n section.modal-speedtest header h1,\r\n section.modal-error-alert header h1 {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n color: #ffffff;\r\n font-family: 'Roboto', sans-serif;\r\n font-weight: bolder;\r\n }\r\n\r\n section.modal-speedtest header svg,\r\n section.modal-error-alert header svg {\r\n margin-left: auto;\r\n\r\n color: var(--cor-do-icone-do-header-do-modal-do-speedtest);\r\n }\r\n\r\n section.modal-speedtest section,\r\n section.modal-error-alert section {\r\n width: 100%;\r\n height: calc(100% - 40px);\r\n\r\n position: relative;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n section.modal-speedtest section {\r\n background: var(--cor-de-fundo-do-modal-do-speedtest);\r\n }\r\n\r\n section.modal-speedtest section iframe {\r\n width: 100%;\r\n height: 100%;\r\n\r\n border: 0;\r\n\r\n overflow: hidden;\r\n }\r\n\r\n section.modal-error-alert header {\r\n background: var(--cor-do-header-do-modal-de-error);\r\n }\r\n\r\n section.modal-error-alert section {\r\n background: var(--cor-de-fundo-do-modal-de-error);\r\n }\r\n\r\n section.modal-error-alert section h1 {\r\n padding: 0px 10px;\r\n color: #ffffff;\r\n }\r\n\r\n section.modal-error-alert section p {\r\n margin-top: 10px;\r\n padding: 0px 10px;\r\n\r\n color: #ffffff;\r\n text-align: center;\r\n }\r\n\r\n section.modal-logs {\r\n width: 95%;\r\n max-width: 450px;\r\n height: auto;\r\n\r\n position: absolute;\r\n top: 15%;\r\n transform: translate(-50%, -50%);\r\n\r\n z-index: 2;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 5px;\r\n\r\n overflow-x: hidden;\r\n\r\n opacity: 0;\r\n transform: scale(0);\r\n transform-origin: center;\r\n transition: all 0.3s ease 0.1s;\r\n }\r\n\r\n section.modal-logs header {\r\n width: 100%;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n\r\n padding: 0px 10px;\r\n\r\n background: var(--cor-de-fundo-do-modal-de-logs);\r\n }\r\n\r\n section.modal-logs header h1 {\r\n font-size: 14px;\r\n color: #ffffff;\r\n }\r\n\r\n section.modal-logs p {\r\n height: 100%;\r\n /* min-height: 200px;\r\n max-height: 400px; */\r\n\r\n padding: 10px;\r\n\r\n font-size: 12px;\r\n text-align: left;\r\n color: var(--cor-do-texto-do-registro-do-modal-de-logs);\r\n\r\n overflow-y: auto;\r\n\r\n background: var(--cor-de-fundo-do-modal-de-logs);\r\n }\r\n\r\n section.modal-logs section {\r\n width: 100%;\r\n height: auto;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n padding: 10px 10px;\r\n\r\n border-top: 3px solid rgba(161, 161, 161, 1);\r\n\r\n background: var(--cor-de-fundo-do-modal-de-logs);\r\n }\r\n\r\n section.modal-logs section button {\r\n width: 45%;\r\n min-width: 115px;\r\n height: 40px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border: 1px solid rgba(97, 97, 97, 1);\r\n border-radius: 3px;\r\n\r\n color: #ffffff;\r\n\r\n background: rgba(46, 46, 46, 1);\r\n }\r\n\r\n section.renew-window {\r\n 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: -100%;\r\n right: 100%;\r\n\r\n background: var(--imagem-de-fundo);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n section.renew-window.show {\r\n transform: translateX(100%);\r\n }\r\n\r\n section.renew-window header {\r\n width: 100%;\r\n height: auto;\r\n\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n section.renew-window header h1 {\r\n width: 90%;\r\n height: auto;\r\n\r\n padding: 10px;\r\n\r\n border-bottom: 3px solid var(--cor-da-borda-do-titulo-do-container-de-ferramentas);\r\n text-shadow: 0px 4px 4px var(--cor-da-sombra-dos-botoes-do-container-de-ferramentas);\r\n\r\n color: var(--cor-do-texto-do-titulo-do-container-de-ferramentas);\r\n font-weight: bold;\r\n font-size: 1rem;\r\n text-align: center;\r\n }\r\n\r\n section.renew-window section {\r\n 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\r\n section.renew-window section div {\r\n width: 90%;\r\n height: auto;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n padding: 10px;\r\n margin: 0px 0px 40px 0px;\r\n\r\n border: 1px solid rgba(219, 142, 255, 1);\r\n border-radius: 37px;\r\n\r\n background: rgba(161, 42, 246, 0.5);\r\n }\r\n\r\n section.renew-window section div h1 {\r\n color: #ffffff;\r\n }\r\n\r\n section.renew-window section div p {\r\n width: 100%;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n margin-top: 15%;\r\n\r\n color: #ffffff;\r\n text-align: center;\r\n }\r\n </style>\r\n </head>\r\n <body>\r\n <main>\r\n <section class=\"home\">\r\n <header>\r\n <img\r\n class=\"logo\"\r\n src=\"https://bafkreihrtmmarih3ke6ho2upycwb7wvsr26pqfc22h53cwizduh37heamy.ipfs.w3s.link\"\r\n alt=\"logo\"\r\n />\r\n </header>\r\n\r\n <div class=\"carrierSelector\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-sd-card\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M6.25 3.5a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2z\"\r\n />\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M5.914 0H12.5A1.5 1.5 0 0 1 14 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5V3.914c0-.398.158-.78.44-1.06L4.853.439A1.5 1.5 0 0 1 5.914 0zM13 1.5a.5.5 0 0 0-.5-.5H5.914a.5.5 0 0 0-.353.146L3.146 3.561A.5.5 0 0 0 3 3.914V14.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-13z\"\r\n />\r\n </svg>\r\n\r\n <span>Selecione uma operadora</span>\r\n </div>\r\n\r\n <div class=\"container\">\r\n <form>\r\n <div>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-person\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n\r\n <input id=\"inputUser\" type=\"text\" placeholder=\"Usu谩rio\" />\r\n </div>\r\n\r\n <div>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-key\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\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=\"inputPassword\" type=\"password\" placeholder=\"Senha\" />\r\n\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-eye-slash eye-hidden\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\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 />\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 />\r\n </svg>\r\n\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-eye eye-show eye-none\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\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 />\r\n </svg>\r\n </div>\r\n\r\n <div class=\"buttons\">\r\n <button id=\"startStopVpn\" type=\"button\">\r\n <span id=\"startStopVpnButtonValue\">Conectar</span>\r\n </button>\r\n\r\n <button id=\"buttonLogs\" type=\"button\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-file-earmark-text\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 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-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z\"\r\n />\r\n <path\r\n d=\"M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z\"\r\n />\r\n </svg>\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n </section>\r\n\r\n <section class=\"vpnStatus\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-plug\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z\"\r\n />\r\n </svg>\r\n\r\n <span>Desconectado</span>\r\n </section>\r\n\r\n <section class=\"local-ip\">\r\n <span>TIM: 192.168.0.1</span>\r\n </section>\r\n\r\n <section class=\"listOfCarriers\">\r\n <header class=\"header-list\">\r\n <svg\r\n id=\"close-modal-configs\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-x-lg\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </header>\r\n\r\n <section class=\"list-container\"></section>\r\n </section>\r\n\r\n <section class=\"loading\">\r\n <header>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-x-lg\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </header>\r\n\r\n <div class=\"loading-container\"></div>\r\n </section>\r\n\r\n <section class=\"main-checkuser\">\r\n <header>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-x-lg\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </header>\r\n\r\n <section class=\"container-content-checkuser\">\r\n <div class=\"connected-success\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-check2\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n 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\"\r\n />\r\n </svg>\r\n </div>\r\n\r\n <ul></ul>\r\n </section>\r\n </section>\r\n\r\n <section class=\"profile-checkuser\">\r\n <header>\r\n <h1>INFORMA脟脮ES DO PERFIL</h1>\r\n </header>\r\n\r\n <div id=\"not-profile-user\" class=\"not-view-user\">\r\n <div class=\"circle\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-x-lg\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </div>\r\n\r\n <h2>N脙O FOI POSS脥VEL CARREGAR AS INFORMA脟脮ES DO PERFIL</h2>\r\n <p>Tente conectar o seu usu谩rio antes de verificar as informa莽玫es do seu perfil</p>\r\n </div>\r\n\r\n <ul id=\"list-profile\">\r\n <li>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-person\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n\r\n <span>NOME DE USU脕RIO: fulano</span>\r\n </li>\r\n\r\n <li>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-calendar3-week even\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z\"\r\n />\r\n <path\r\n d=\"M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\"\r\n />\r\n </svg>\r\n\r\n <span class=\"even\">EXPIRA脟脙O: dd/mm/aaaa</span>\r\n </li>\r\n\r\n <li>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-hourglass-split\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z\"\r\n />\r\n </svg>\r\n\r\n <span>DIAS RESTANTES: 99</span>\r\n </li>\r\n\r\n <li>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-phone-flip even\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M11 1H5a1 1 0 0 0-1 1v6a.5.5 0 0 1-1 0V2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a.5.5 0 0 1-1 0V2a1 1 0 0 0-1-1Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a.5.5 0 0 0-1 0v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2a.5.5 0 0 0-1 0v2ZM1.713 7.954a.5.5 0 1 0-.419-.908c-.347.16-.654.348-.882.57C.184 7.842 0 8.139 0 8.5c0 .546.408.94.823 1.201.44.278 1.043.51 1.745.696C3.978 10.773 5.898 11 8 11c.099 0 .197 0 .294-.002l-1.148 1.148a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708l1.145 1.144L8 10c-2.04 0-3.87-.221-5.174-.569-.656-.175-1.151-.374-1.47-.575C1.012 8.639 1 8.506 1 8.5c0-.003 0-.059.112-.17.115-.112.31-.242.6-.376Zm12.993-.908a.5.5 0 0 0-.419.908c.292.134.486.264.6.377.113.11.113.166.113.169 0 .003 0 .065-.13.187-.132.122-.352.26-.677.4-.645.28-1.596.523-2.763.687a.5.5 0 0 0 .14.99c1.212-.17 2.26-.43 3.02-.758.38-.164.713-.357.96-.587.246-.229.45-.537.45-.919 0-.362-.184-.66-.412-.883-.228-.223-.535-.411-.882-.571ZM7.5 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z\"\r\n />\r\n </svg>\r\n\r\n <span class=\"even\">CONECTADOS: 01/03</span>\r\n </li>\r\n </ul>\r\n\r\n <section class=\"terms\">\r\n <header>\r\n <h1>TERMOS DE USO</h1>\r\n </header>\r\n\r\n <p>\r\n Ao comprar o acesso voc锚 aceita todos os nossos termos!\r\n <br />\r\n --------------------------------------------------------------\r\n <br />\r\n <br />\r\n 1- Todo e qualquer conte煤do acessado atrav茅s do aplicativo 茅 de responsabilidade do\r\n usu谩rio! caso o usu谩rio aproveitar-se de nosso vpn para cometer qualquer ato ilegal,\r\n ser谩 de total responsabilidade do usu谩rio!\r\n <br />\r\n <br />\r\n 2- Em casos de falha na conex茫o entre em contato com ovendedor que lhe forneceu o acesso\r\n ao aplicativo!\r\n <br />\r\n <br />\r\n 3- N脙O realizamos a pr谩tica de REEMBOLSO, ent茫o realize o teste gr谩tis antes de comprar!\r\n <br />\r\n <br />\r\n 4- Caso ocorra queda no sinal da operadora os dias offline ser茫o adicionados de b么nus.\r\n Pe莽a esses dias ao seu vendedor! (Somente quedas geral, quedas de forma especifica, n茫o\r\n nos responsabilizamos!)\r\n <br />\r\n <br />\r\n 5- Caso houver alguma falhas de conex茫o por negligencia do usu谩rio em n茫o saber\r\n configurar o aplicativo ou falha na rede m贸vel do usu谩rio n茫o disponibilizamos dias\r\n b么nus para estes casos. Por茅m disponibilizamos suporte especializado para ajudar a\r\n solucionar esses problemas. Ent茫o em caso de falha de conex茫o entre em contato com seu\r\n vendedor!\r\n <br />\r\n <br />\r\n 6- M茅todo de pagamento 茅 pr茅-pago, ou seja voc锚 paga para usar. Caso desejar cancelar\r\n basta n茫o renovar no pr贸ximo m锚s, que seu login ser谩 deletado automaticamente. N茫o temos\r\n termo de fidelidade em nossos servi莽os!\r\n <br />\r\n <br />\r\n 7- N茫o temos v铆nculos algum com a operadora do seu chip. Vendemos apenas a conex茫o SSH,\r\n que pode te liberar internet ilimitada atrav茅s da conex茫o realizada no aplicativo!\r\n <br />\r\n <br />\r\n 8- Nosso produto 茅 a conex茫o SSH, n茫o vendemos internet, caso a operadora que voc锚 est谩\r\n utilizando n茫o estiver conectando, voc锚 pode utilizar outra op莽茫o de operadora para\r\n realizar a conex茫o!\r\n <br />\r\n <br />\r\n 9- Ao utilizar nossa vpn voc锚 navegara de forma an么nima na internet, dito isso voc锚\r\n concorda em n茫o acessar qualquer conte煤do ilegal ou n茫o permitidos em seu estado!\r\n Atenciosamente Pogg corporation\r\n <br />\r\n --------------------------------------------------------------\r\n </p>\r\n </section>\r\n </section>\r\n\r\n <section class=\"tools\">\r\n <header>\r\n <h1>FERRAMENTAS</h1>\r\n </header>\r\n\r\n <section class=\"container-tools\">\r\n <button id=\"config-apn\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-tools\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z\"\r\n />\r\n </svg>\r\n <span>CONFIGURAR APN</span>\r\n </button>\r\n\r\n <button id=\"battery-optimization\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-battery-half\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path d=\"M2 6h5v4H2V6z\" />\r\n <path\r\n d=\"M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z\"\r\n />\r\n </svg>\r\n <span> OTIMIZA脟脙O DE BATERIA </span>\r\n </button>\r\n\r\n <button id=\"speedtest\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-speedometer2\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z\"\r\n />\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z\"\r\n />\r\n </svg>\r\n <span> SPEED TESTE </span>\r\n </button>\r\n\r\n <button id=\"clean-data-app\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-trash\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\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 />\r\n </svg>\r\n <span>RESETAR/LIMPAR APP</span>\r\n </button>\r\n </section>\r\n </section>\r\n\r\n <section class=\"renew-window\">\r\n <header>\r\n <h1>RENOVAR USUARIO</h1>\r\n </header>\r\n\r\n <section>\r\n <div>\r\n <h1>ATUALMENTE N脙O DISPONIVEL</h1>\r\n\r\n <p>\r\n ESTA FUN脟脙O SERVIR脕 PARA VOC脢 RENOVAR SEU LOGIN DE FORMA AUTOMATICA E TUDO DENTRO DO\r\n APP!\r\n </p>\r\n </div>\r\n </section>\r\n </section>\r\n\r\n <section class=\"modal-speedtest\">\r\n <header>\r\n <h1>SPEED TESTE</h1>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-x-lg\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </header>\r\n\r\n <section>\r\n <iframe src=\"\"></iframe>\r\n </section>\r\n </section>\r\n\r\n <section class=\"modal-error-alert\">\r\n <header>\r\n <h1>ERROR</h1>\r\n\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-x-lg\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </header>\r\n\r\n <section>\r\n <h1>TITULO DO ERRO</h1>\r\n <p></p>\r\n </section>\r\n </section>\r\n\r\n <section class=\"modal-logs\">\r\n <header>\r\n <h1>REGISTRO</h1>\r\n </header>\r\n\r\n <p></p>\r\n\r\n <section>\r\n <button id=\"clean-data-logs\">LIMPAR</button>\r\n <button id=\"hidden-modal-logs\">FECHAR</button>\r\n </section>\r\n </section>\r\n\r\n <section class=\"controls\">\r\n <button id=\"refresh-button\" type=\"button\" title=\"Atualizar as configura莽玫es do app\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-arrow-clockwise\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n fill-rule=\"evenodd\"\r\n 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 />\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 />\r\n </svg>\r\n </button>\r\n\r\n <button id=\"renew\" type=\"button\" title=\"Renovar pagamento\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-cash-coin\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z\"\r\n />\r\n <path\r\n d=\"M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z\"\r\n />\r\n <path\r\n d=\"M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z\"\r\n />\r\n <path d=\"M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z\" />\r\n </svg>\r\n </button>\r\n\r\n <button id=\"backToHome\" type=\"button\" title=\"Voltar para a p谩gina inicial\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-house\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </button>\r\n\r\n <button id=\"utilitys\" type=\"button\" title=\"utilidades\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-gear\"\r\n viewBox=\"0 0 16 16\"\r\n >\r\n <path\r\n d=\"M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z\"\r\n />\r\n <path\r\n d=\"M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z\"\r\n />\r\n </svg>\r\n </button>\r\n\r\n <button id=\"profile-button\" type=\"button\" title=\"Detalhes do usu谩rio\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"currentColor\"\r\n class=\"bi bi-person\"\r\n viewBox=\"0 0 16 16\"\r\n >\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 />\r\n </svg>\r\n </button>\r\n </section>\r\n </main>\r\n\r\n <!-- VARIAVEIS DE CONSULTA -->\r\n <script>\r\n let dataCheckuser\r\n let zIndexContainers\r\n </script>\r\n\r\n <!-- FUN脟脮ES DO APP -->\r\n <script>\r\n const dtStatusBarHeight = () => DtGetStatusBarHeight.execute()\r\n const dtNavHeight = () => DtGetNavigationBarHeight.execute()\r\n\r\n const dtGetLogs = () => DtGetLogs.execute()\r\n const dtClearLogs = () => DtClearLogs.execute()\r\n\r\n const dtVpnState = () => DtGetVpnState.execute()\r\n\r\n const dtTranslateText = (label) => DtTranslateText.execute(label)\r\n\r\n const dtStartVpn = () => DtExecuteVpnStart.execute()\r\n const dtStopVpn = () => DtExecuteVpnStop.execute()\r\n\r\n const dtUpdate = () => DtStartAppUpdate.execute()\r\n\r\n const dtAllConfigs = () => DtGetConfigs.execute()\r\n const dtSetConfig = (id) => DtSetConfig.execute(id)\r\n const dtGetDefaultConfig = () => DtGetDefaultConfig.execute()\r\n\r\n const dtGetUsername = () => DtUsername.get()\r\n const dtSetUsername = (username) => DtUsername.set(username)\r\n const dtGetPassword = () => DtPassword.get()\r\n const dtSetPassword = (password) => DtPassword.set(password)\r\n\r\n const dtApnConfig = () => DtStartApnActivity.execute()\r\n const dtBatteryOptimization = () => DtIgnoreBatteryOptimizations.execute()\r\n const dtCleanApp = () => DtCleanApp.execute()\r\n\r\n const dtGetNetworkName = () => Android.getNetworkName()\r\n const dtGetNetworkLocalIp = () => Android.getLocalIP()\r\n </script>\r\n\r\n <!-- FUN脟脮ES PARA O APP -->\r\n <script>\r\n const dtVpnStateListener = (state) => {\r\n const stateVpn = vpnState(state)\r\n\r\n vpnStatus.html(stateVpn)\r\n }\r\n\r\n const dtOnNewLogListener = () => writeModalLogger()\r\n\r\n const dtConfigClickListener = () => {\r\n const user = dtGetUsername()\r\n const pass = dtGetPassword()\r\n const value = areaCarrierSelector()\r\n\r\n CarrierTextValue.html(value)\r\n\r\n inputUser.attr({ placeholder: inputUserPlaceholder(), value: inputUserValue() })\r\n inputPassword.attr({ placeholder: inputPasswordPlaceholder(), value: inputPasswordValue() })\r\n }\r\n\r\n const dtCheckUserModelListener = (model) => {\r\n dataCheckuser = model\r\n\r\n writeMainCheckuser(dataCheckuser)\r\n writeProfileCheckuser(dataCheckuser)\r\n\r\n loadingContainer.toggleClass('show')\r\n\r\n mainCheckuser.addClass('show')\r\n }\r\n\r\n const dtCheckUserStartedListener = () => {\r\n loadingContainer.addClass('show')\r\n }\r\n\r\n const dtMessageErrorListener = (model) => writeModalError(model)\r\n </script>\r\n\r\n <!-- HELPERS -->\r\n <script>\r\n const createSvgIcon = (iconPath, Class = '') => {\r\n const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\r\n svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\r\n svg.setAttribute('width', '16')\r\n svg.setAttribute('height', '16')\r\n svg.setAttribute('fill', 'currentColor')\r\n svg.setAttribute('viewBox', '0 0 16 16')\r\n svg.setAttribute('class', Class)\r\n\r\n const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\r\n path.setAttribute('d', iconPath)\r\n\r\n svg.appendChild(path)\r\n return svg\r\n }\r\n\r\n const createListItem = (iconPath, Class = '', text) => {\r\n const li = document.createElement('li')\r\n const svg = createSvgIcon(iconPath, Class)\r\n const span = document.createElement('span')\r\n span.setAttribute('class', Class)\r\n span.innerHTML = text\r\n li.appendChild(svg)\r\n li.appendChild(span)\r\n return li\r\n }\r\n </script>\r\n\r\n <!-- FUN脟脮ES DO LAYOUT -->\r\n <script>\r\n const vpnState = (state) => {\r\n const stateLabel = state || dtVpnState()\r\n\r\n switch (stateLabel) {\r\n case 'DISCONNECTED':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_START'))\r\n return disconnected()\r\n case 'CONNECTING':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_STOP'))\r\n return connecting()\r\n case 'CONNECTED':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_STOP'))\r\n return connected()\r\n case 'STOPPING':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_STOPPING'))\r\n return stopping()\r\n case 'NO_NETWORK':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_STOP'))\r\n return noNetwork()\r\n case 'AUTH':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_STOP'))\r\n return auth()\r\n case 'AUTH_FAILED':\r\n writeStartStopVpnButton(dtTranslateText('LBL_BTN_STOP'))\r\n return authFailed()\r\n default:\r\n return 'N茫o foi poss铆vel obter o status da conex茫o'\r\n }\r\n }\r\n\r\n const writeNetworkStatus = () => {\r\n let span = '<span>Localizando rede...</span>'\r\n\r\n setInterval(() => {\r\n if (dtGetNetworkName() && dtGetNetworkLocalIp()) {\r\n const carrierName = `${dtGetNetworkName()}`\r\n const localIP = `${dtGetNetworkLocalIp()}`\r\n\r\n span = `<span>${carrierName}: ${localIP}</span>`\r\n\r\n networkStatus.html(span)\r\n } else {\r\n span = `<span>N茫o foi poss铆vel carregar informa莽玫es da rede</span>`\r\n }\r\n }, 500)\r\n\r\n return span\r\n }\r\n\r\n const allConfigs = () => {\r\n const ListContainer = document.querySelector('section.list-container')\r\n ListContainer.innerHTML = ''\r\n\r\n const configs = JSON.parse(dtAllConfigs())\r\n configs.sort((a, b) => a.sorter - b.sorter)\r\n configs.forEach((item) => item.items.sort((a, b) => a.sorter - b.sorter))\r\n\r\n configs.forEach((category) => {\r\n const defaultColor = category.color\r\n const categoryColor = `#${defaultColor.substr(3)}${defaultColor.substr(1, 2)}`\r\n\r\n document.documentElement.style.setProperty(\r\n '--cor-de-fundo-do-header-da-categoria',\r\n categoryColor\r\n )\r\n document.documentElement.style.setProperty(\r\n '--cor-de-fundo-do-item-da-configuracao',\r\n categoryColor\r\n )\r\n\r\n const div = document.createElement('div')\r\n const header = document.createElement('header')\r\n const h1 = document.createElement('h1')\r\n const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\r\n const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\r\n const ul = document.createElement('ul')\r\n\r\n div.classList.add('category')\r\n ul.classList.add('configs')\r\n\r\n h1.textContent = category.name\r\n\r\n svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\r\n svg.setAttribute('width', '16')\r\n svg.setAttribute('height', '16')\r\n svg.setAttribute('fill', 'currentColor')\r\n svg.setAttribute('class', 'bi bi-caret-right')\r\n svg.setAttribute('viewBox', '0 0 16 16')\r\n\r\n path.setAttribute(\r\n 'd',\r\n 'M6 12.796V3.204L11.481 8 6 12.796zm.659.753 5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753'\r\n )\r\n\r\n svg.appendChild(path)\r\n header.appendChild(h1)\r\n header.appendChild(svg)\r\n div.appendChild(header)\r\n\r\n category.items.forEach((item) => {\r\n const li = document.createElement('li')\r\n const img = document.createElement('img')\r\n const h1Item = document.createElement('h1')\r\n const pItem = document.createElement('p')\r\n const pMode = document.createElement('p')\r\n const divLogo = document.createElement('div')\r\n const divDescription = document.createElement('div')\r\n const divMode = document.createElement('div')\r\n\r\n divLogo.classList.add('logo')\r\n divDescription.classList.add('description')\r\n divMode.classList.add('mode')\r\n\r\n h1Item.textContent = item.name\r\n pItem.textContent = item.description\r\n pMode.textContent = item.mode\r\n\r\n img.setAttribute('src', item.icon)\r\n\r\n divLogo.appendChild(img)\r\n divDescription.appendChild(h1Item)\r\n divDescription.appendChild(pItem)\r\n divMode.appendChild(pMode)\r\n\r\n li.appendChild(divLogo)\r\n li.appendChild(divDescription)\r\n li.appendChild(divMode)\r\n\r\n ul.appendChild(li)\r\n div.appendChild(ul)\r\n\r\n li.addEventListener('click', () => {\r\n dtSetConfig(item.id)\r\n listOfCarriers.toggleClass('active')\r\n })\r\n })\r\n\r\n header.addEventListener('click', () => {\r\n if (ul.offsetHeight <= 0) {\r\n ul.style.maxHeight = `${ul.scrollHeight}px`\r\n svg.style.transform = 'rotate(90deg)'\r\n } else {\r\n ul.style.maxHeight = '0px'\r\n svg.style.transform = 'rotate(0deg)'\r\n }\r\n })\r\n\r\n ListContainer.appendChild(div)\r\n })\r\n }\r\n\r\n const showPassword = () => {\r\n const inputPassword = document.querySelector('#inputPassword')\r\n\r\n if (inputPassword.type === 'password') {\r\n inputPassword.type = 'text'\r\n eyeHidden.toggleClass('.eye-none').style({ display: 'none' })\r\n eyeShow.style({ display: 'block' })\r\n } else {\r\n inputPassword.type = 'password'\r\n eyeShow.toggleClass('.eye-none').style({ display: 'none' })\r\n eyeHidden.toggleClass('.eye-none').style({ display: 'block' })\r\n }\r\n }\r\n\r\n const startStopVpn = () => {\r\n const state = dtVpnState()\r\n\r\n state === 'CONNECTED' ? dtStopVpn() : dtStartVpn()\r\n }\r\n\r\n const writeStartStopVpnButton = (status) => {\r\n buttonStartStopVpnValue.html(status)\r\n }\r\n\r\n const writeMainCheckuser = (model) => {\r\n const data = JSON.parse(model)\r\n\r\n const ul = document.querySelector(\r\n 'section.main-checkuser section.container-content-checkuser ul'\r\n )\r\n\r\n const username = createListItem(\r\n '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 '',\r\n `NOME DE USU脕RIO: ${data.username}`\r\n )\r\n\r\n const expiration = createListItem(\r\n 'M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z\"/><path d=\"M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z',\r\n '',\r\n `EXPIRA脟脙O: ${data.expiration_date}`\r\n )\r\n\r\n const remainingDays = createListItem(\r\n 'M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z',\r\n '',\r\n `DIAS RESTANTES: ${data.expiration_days}`\r\n )\r\n\r\n const connecteds = createListItem(\r\n 'M11 1H5a1 1 0 0 0-1 1v6a.5.5 0 0 1-1 0V2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a.5.5 0 0 1-1 0V2a1 1 0 0 0-1-1Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a.5.5 0 0 0-1 0v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2a.5.5 0 0 0-1 0v2ZM1.713 7.954a.5.5 0 1 0-.419-.908c-.347.16-.654.348-.882.57C.184 7.842 0 8.139 0 8.5c0 .546.408.94.823 1.201.44.278 1.043.51 1.745.696C3.978 10.773 5.898 11 8 11c.099 0 .197 0 .294-.002l-1.148 1.148a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708l1.145 1.144L8 10c-2.04 0-3.87-.221-5.174-.569-.656-.175-1.151-.374-1.47-.575C1.012 8.639 1 8.506 1 8.5c0-.003 0-.059.112-.17.115-.112.31-.242.6-.376Zm12.993-.908a.5.5 0 0 0-.419.908c.292.134.486.264.6.377.113.11.113.166.113.169 0 .003 0 .065-.13.187-.132.122-.352.26-.677.4-.645.28-1.596.523-2.763.687a.5.5 0 0 0 .14.99c1.212-.17 2.26-.43 3.02-.758.38-.164.713-.357.96-.587.246-.229.45-.537.45-.919 0-.362-.184-.66-.412-.883-.228-.223-.535-.411-.882-.571ZM7.5 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z',\r\n '',\r\n `CONECTADOS: ${data.count_connections}/${data.limit_connections}`\r\n )\r\n\r\n ul.innerHTML =\r\n username.outerHTML + expiration.outerHTML + remainingDays.outerHTML + connecteds.outerHTML\r\n }\r\n\r\n const showProfile = (model) => {\r\n hiddenAll()\r\n const data = model\r\n\r\n const main = document.querySelector('section.profile-checkuser')\r\n const zIndexMain = window.getComputedStyle(main).getPropertyValue('z-index')\r\n\r\n if (data !== undefined) {\r\n notViewUser.removeClass('show')\r\n viewUser.addClass('show')\r\n mainProfile.addClass('show')\r\n } else {\r\n viewUser.removeClass('show')\r\n notViewUser.addClass('show')\r\n mainProfile.addClass('show')\r\n }\r\n }\r\n const hiddenProfile = () => {\r\n mainProfile.removeClass('show')\r\n mainProfile.style({ 'z-index': 0 })\r\n }\r\n\r\n const writeProfileCheckuser = (model) => {\r\n const data = JSON.parse(model)\r\n\r\n const username = createListItem(\r\n '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 '',\r\n `NOME DE USU脕RIO: ${data.username}`\r\n )\r\n\r\n const expiration = createListItem(\r\n 'M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z\"/><path d=\"M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z',\r\n 'even',\r\n `EXPIRA脟脙O: ${data.expiration_date}`\r\n )\r\n\r\n const remainingDays = createListItem(\r\n 'M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z',\r\n '',\r\n `DIAS RESTANTES: ${data.expiration_days}`\r\n )\r\n\r\n const connecteds = createListItem(\r\n 'M11 1H5a1 1 0 0 0-1 1v6a.5.5 0 0 1-1 0V2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a.5.5 0 0 1-1 0V2a1 1 0 0 0-1-1Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a.5.5 0 0 0-1 0v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2a.5.5 0 0 0-1 0v2ZM1.713 7.954a.5.5 0 1 0-.419-.908c-.347.16-.654.348-.882.57C.184 7.842 0 8.139 0 8.5c0 .546.408.94.823 1.201.44.278 1.043.51 1.745.696C3.978 10.773 5.898 11 8 11c.099 0 .197 0 .294-.002l-1.148 1.148a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708l1.145 1.144L8 10c-2.04 0-3.87-.221-5.174-.569-.656-.175-1.151-.374-1.47-.575C1.012 8.639 1 8.506 1 8.5c0-.003 0-.059.112-.17.115-.112.31-.242.6-.376Zm12.993-.908a.5.5 0 0 0-.419.908c.292.134.486.264.6.377.113.11.113.166.113.169 0 .003 0 .065-.13.187-.132.122-.352.26-.677.4-.645.28-1.596.523-2.763.687a.5.5 0 0 0 .14.99c1.212-.17 2.26-.43 3.02-.758.38-.164.713-.357.96-.587.246-.229.45-.537.45-.919 0-.362-.184-.66-.412-.883-.228-.223-.535-.411-.882-.571ZM7.5 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z',\r\n 'even',\r\n `CONECTADOS: ${data.count_connections}/${data.limit_connections}`\r\n )\r\n\r\n viewUser.html(\r\n username.outerHTML + expiration.outerHTML + remainingDays.outerHTML + connecteds.outerHTML\r\n )\r\n }\r\n\r\n const hiddenLoadContainer = () => {\r\n loadingContainer.removeClass('show')\r\n }\r\n\r\n const showMainTools = () => {\r\n hiddenAll()\r\n MainTools.style({ 'z-index': 1 })\r\n MainTools.addClass('show')\r\n }\r\n const hiddenMainTools = () => {\r\n MainTools.style({ 'z-index': 0 })\r\n MainTools.removeClass('show')\r\n }\r\n\r\n const showModalSpeedtest = () => {\r\n ModalSpeedtest.addClass('show')\r\n IframeModalSpeedtest.attr({ src: 'https://fiber.google.com/speedtest/' })\r\n }\r\n const hiddenModalSpeedtest = () => {\r\n ModalSpeedtest.removeClass('show')\r\n IframeModalSpeedtest.attr({ src: '' })\r\n }\r\n\r\n const writeModalError = (model) => {\r\n const data = JSON.parse(model)\r\n\r\n const h1 = `<h1>${data.title}</h1>`\r\n const p = `<p>${data.content}</p>`\r\n\r\n ContentModalError.html(h1 + p)\r\n\r\n hiddenAll()\r\n showModalError()\r\n }\r\n const showModalError = () => {\r\n ModalError.addClass('show')\r\n }\r\n const hiddenModalError = () => {\r\n ModalError.removeClass('show')\r\n }\r\n\r\n const writeModalLogger = () => {\r\n const data = JSON.parse(dtGetLogs())\r\n const p = document.querySelector('section.modal-logs p')\r\n\r\n let content = ''\r\n\r\n data.forEach((item) => {\r\n content += `${Object.keys(item)} ${item[Object.keys(item)]} <br>`\r\n })\r\n\r\n ModalLoggerContent.html(content)\r\n p.scrollTop = p.scrollHeight\r\n\r\n return content\r\n }\r\n const showModalLogger = () => {\r\n ModalLogger.addClass('show')\r\n }\r\n const hiddenModalRegister = () => {\r\n ModalLogger.removeClass('show')\r\n }\r\n\r\n const showRenew = () => {\r\n hiddenAll()\r\n MainRenew.addClass('show')\r\n }\r\n const hiddenRenew = () => {\r\n MainRenew.removeClass('show')\r\n }\r\n\r\n const hiddenAll = () => {\r\n hiddenProfile()\r\n hiddenMainTools()\r\n hiddenModalSpeedtest()\r\n hiddenModalError()\r\n hiddenModalRegister()\r\n hiddenRenew()\r\n }\r\n </script>\r\n\r\n <!-- ESTADOS DE CONEX脙O -->\r\n <script>\r\n const disconnected = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-outlet\" viewBox=\"0 0 16 16\"><path d=\"M3.34 2.994c.275-.338.68-.494 1.074-.494h7.172c.393 0 .798.156 1.074.494.578.708 1.84 2.534 1.84 5.006 0 2.472-1.262 4.297-1.84 5.006-.276.338-.68.494-1.074.494H4.414c-.394 0-.799-.156-1.074-.494C2.762 12.297 1.5 10.472 1.5 8c0-2.472 1.262-4.297 1.84-5.006zm1.074.506a.376.376 0 0 0-.299.126C3.599 4.259 2.5 5.863 2.5 8c0 2.137 1.099 3.74 1.615 4.374.06.073.163.126.3.126h7.17c.137 0 .24-.053.3-.126.516-.633 1.615-2.237 1.615-4.374 0-2.137-1.099-3.74-1.615-4.374a.376.376 0 0 0-.3-.126h-7.17z\"/><path d=\"M6 5.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zM7 10v1h2v-1a1 1 0 0 0-2 0z\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_DISCONNECTED')}</span>`\r\n\r\n return icon + text\r\n }\r\n\r\n const connecting = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plug\" viewBox=\"0 0 16 16\"><path d=\"M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_CONNECTING')}</span>`\r\n\r\n return icon + text\r\n }\r\n\r\n const connected = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plugin\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707 1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562-1.414-1.414 1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_CONNECTED')}</span>`\r\n\r\n return icon + text\r\n }\r\n\r\n const stopping = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-stop\" viewBox=\"0 0 16 16\"><path d=\"M3.5 5A1.5 1.5 0 0 1 5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5zM5 4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5H5z\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_STOPPING')}</span>`\r\n\r\n return icon + text\r\n }\r\n\r\n const noNetwork = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-wifi-off\" viewBox=\"0 0 16 16\"><path d=\"M10.706 3.294A12.545 12.545 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736.518.518 0 0 0 .668.05A11.448 11.448 0 0 1 8 4c.63 0 1.249.05 1.852.148l.854-.854zM8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065 8.448 8.448 0 0 1 3.51-1.27L8 6zm2.596 1.404.785-.785c.63.24 1.227.545 1.785.907a.482.482 0 0 1 .063.745.525.525 0 0 1-.652.065 8.462 8.462 0 0 0-1.98-.932zM8 10l.933-.933a6.455 6.455 0 0 1 2.013.637c.285.145.326.524.1.75l-.015.015a.532.532 0 0 1-.611.09A5.478 5.478 0 0 0 8 10zm4.905-4.905.747-.747c.59.3 1.153.645 1.685 1.03a.485.485 0 0 1 .047.737.518.518 0 0 1-.668.05 11.493 11.493 0 0 0-1.811-1.07zM9.02 11.78c.238.14.236.464.04.66l-.707.706a.5.5 0 0 1-.707 0l-.707-.707c-.195-.195-.197-.518.04-.66A1.99 1.99 0 0 1 8 11.5c.374 0 .723.102 1.021.28zm4.355-9.905a.53.53 0 0 1 .75.75l-10.75 10.75a.53.53 0 0 1-.75-.75l10.75-10.75z\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_NO_NETWORK')}</span>`\r\n\r\n return icon + text\r\n }\r\n\r\n const auth = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-person-lock\" viewBox=\"0 0 16 16\"><path 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 4Zm0 5.996V14H3s-1 0-1-1 1-4 6-4c.564 0 1.077.038 1.544.107a4.524 4.524 0 0 0-.803.918A10.46 10.46 0 0 0 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h5ZM9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_AUTH')}</span>`\r\n\r\n return icon + text\r\n }\r\n\r\n const authFailed = () => {\r\n const icon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-person-slash\" viewBox=\"0 0 16 16\"><path d=\"M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95ZM11 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\"/></svg>`\r\n const text = `<span>${dtTranslateText('LBL_STATE_AUTH_FAILED')}</span>`\r\n\r\n return icon + text\r\n }\r\n </script>\r\n\r\n <!-- VALOR DE EXIBI脟脙O DO CAMPO DE SELECIONAR OPERADORA -->\r\n <script>\r\n const areaCarrierSelector = () => {\r\n const data = dtGetDefaultConfig()\r\n\r\n if (data !== undefined) {\r\n return JSON.parse(data).name\r\n } else {\r\n return dtTranslateText('LBL_CHOOSE_CONFIG')\r\n }\r\n }\r\n </script>\r\n\r\n <!-- VALOR DE EXIBI脟脙O DO INPUT USU脕RIO DO USU脕RIO -->\r\n <script>\r\n const inputUserPlaceholder = () => dtTranslateText('LBL_USERNAME')\r\n const inputUserValue = () => {\r\n if (dtGetUsername()) {\r\n return dtGetUsername()\r\n } else {\r\n return ''\r\n }\r\n }\r\n </script>\r\n\r\n <!-- VALOR DE EXIBI脟脙O DO INPUT DA SENHA DO USU脕RIO -->\r\n <script>\r\n const inputPasswordPlaceholder = () => dtTranslateText('LBL_PASSWORD')\r\n const inputPasswordValue = () => {\r\n if (dtGetPassword()) {\r\n return dtGetPassword()\r\n } else {\r\n return ''\r\n }\r\n }\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 <!-- V脕RIAVIES -->\r\n <script>\r\n const main = Dom('main')\r\n\r\n const vpnStatus = Dom('section.vpnStatus')\r\n\r\n const networkStatus = Dom('section.local-ip')\r\n\r\n const carrierSelector = Dom('div.carrierSelector')\r\n const listOfCarriers = Dom('section.listOfCarriers')\r\n const closeModalCarriers = Dom('#close-modal-configs')\r\n const CarrierCategoryContainer = Dom('section.list-container')\r\n const CarrierTextValue = Dom('div.carrierSelector span')\r\n\r\n const buttonControl = Dom('section.controls')\r\n const refreshButton = Dom('#refresh-button')\r\n const renewButton = Dom('#renew')\r\n const backToHome = Dom('#backToHome')\r\n const ToolsButton = Dom('#utilitys')\r\n const profileButton = Dom('#profile-button')\r\n\r\n const inputUser = Dom('#inputUser')\r\n const inputPassword = Dom('#inputPassword')\r\n\r\n const buttonStartStopVpn = Dom('#startStopVpn')\r\n const buttonLogs = Dom('#buttonLogs')\r\n const buttonStartStopVpnValue = Dom('#startStopVpnButtonValue')\r\n\r\n const mainCheckuser = Dom('section.main-checkuser')\r\n const mainCheckuserClose = Dom('section.main-checkuser header svg')\r\n const mainCheckuserContent = Dom('section.main-checkuser section.container-content-checkuser')\r\n\r\n const loadingContainer = Dom('section.loading')\r\n const loadingContainerClose = Dom('section.loading header svg')\r\n\r\n const mainProfile = Dom('section.profile-checkuser')\r\n const notViewUser = Dom('#not-profile-user')\r\n const viewUser = Dom('#list-profile')\r\n\r\n const MainTools = Dom('section.tools')\r\n const ConfigApnButton = Dom('#config-apn')\r\n const BatteryOptimizeButton = Dom('#battery-optimization')\r\n const SpeedtestButton = Dom('#speedtest')\r\n const ClearDataAppButton = Dom('#clean-data-app')\r\n\r\n const MainRenew = Dom('section.renew-window')\r\n\r\n const ModalSpeedtest = Dom('section.modal-speedtest')\r\n const CloseModalSpeedtest = Dom('section.modal-speedtest header svg')\r\n const IframeModalSpeedtest = Dom('section.modal-speedtest section iframe')\r\n\r\n const ModalError = Dom('section.modal-error-alert')\r\n const CloseModalError = Dom('section.modal-error-alert header svg')\r\n const ContentModalError = Dom('section.modal-error-alert section')\r\n\r\n const ModalLogger = Dom('section.modal-logs')\r\n const CloseModalLogger = Dom('#hidden-modal-logs')\r\n const ModalLoggerContent = Dom('section.modal-logs p')\r\n const CleanLoggerContent = Dom('#clean-data-logs')\r\n\r\n const eyeHidden = Dom('svg.eye-hidden')\r\n const eyeShow = Dom('svg.eye-show')\r\n </script>\r\n\r\n <!-- A脟脮ES -->\r\n <script>\r\n main.style({ padding: `${dtStatusBarHeight() + 100}px 0px 0px 0px` })\r\n mainProfile.style({\r\n padding: `${dtStatusBarHeight() + 10}px 0px ${dtNavHeight() + 90}px 0px`,\r\n })\r\n\r\n MainTools.style({ padding: `${dtStatusBarHeight() + 10}px 0px ${dtNavHeight() + 90}px 0px` })\r\n\r\n MainRenew.style({ padding: `${dtStatusBarHeight() + 10}px 0px ${dtNavHeight() + 90}px 0px` })\r\n\r\n ModalLogger.style({\r\n top: `${dtStatusBarHeight() + 95}px`,\r\n bottom: `${dtNavHeight() + 95}px`,\r\n })\r\n\r\n vpnStatus.html(vpnState())\r\n networkStatus.html(writeNetworkStatus())\r\n\r\n carrierSelector.on({\r\n click: () => {\r\n allConfigs()\r\n listOfCarriers.toggleClass('active')\r\n },\r\n })\r\n closeModalCarriers.on({ click: () => listOfCarriers.toggleClass('active') })\r\n CarrierTextValue.html(areaCarrierSelector())\r\n\r\n inputUser.on({ input: (e) => dtSetUsername(e.target.value) })\r\n inputPassword.on({ input: (e) => dtSetPassword(e.target.value) })\r\n eyeHidden.on({ click: () => showPassword() })\r\n eyeShow.on({ click: () => showPassword() })\r\n\r\n inputUser.attr({ placeholder: inputUserPlaceholder(), value: inputUserValue() })\r\n inputPassword.attr({ placeholder: inputPasswordPlaceholder(), value: inputPasswordValue() })\r\n\r\n buttonControl.style({ bottom: `${dtNavHeight() + 10}px` })\r\n refreshButton.on({ click: () => dtUpdate() })\r\n renewButton.on({ click: () => showRenew() })\r\n backToHome.on({\r\n click: () => {\r\n hiddenAll()\r\n },\r\n })\r\n ToolsButton.on({ click: () => showMainTools() })\r\n profileButton.on({ click: () => showProfile(dataCheckuser) })\r\n\r\n buttonStartStopVpn.on({ click: () => startStopVpn() })\r\n buttonLogs.on({ click: () => showModalLogger() })\r\n\r\n loadingContainerClose.on({ click: () => hiddenLoadContainer() })\r\n\r\n mainCheckuserClose.on({ click: () => mainCheckuser.toggleClass('show') })\r\n\r\n ConfigApnButton.on({ click: () => dtApnConfig() })\r\n BatteryOptimizeButton.on({ click: () => dtBatteryOptimization() })\r\n SpeedtestButton.on({ click: () => showModalSpeedtest() })\r\n CloseModalSpeedtest.on({ click: () => hiddenModalSpeedtest() })\r\n ClearDataAppButton.on({ click: () => dtCleanApp() })\r\n\r\n CloseModalError.on({ click: () => hiddenModalError() })\r\n\r\n ModalLoggerContent.html(writeModalLogger())\r\n CleanLoggerContent.on({ click: () => dtClearLogs() })\r\n CloseModalLogger.on({ click: () => hiddenModalRegister() })\r\n </script>\r\n </body>\r\n</html>\r\n",
  354. "type": "HTML",
  355. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  356. },
  357. {
  358. "id": 3824,
  359. "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  360. "name": "APP_WEB_VIEW",
  361. "type": "HTML",
  362. "value": "<html>\r\n <script>\r\n window.location.href = 'https://painel.developerws.com/';\r\n </script>\r\n</html>",
  363. "user_id": "J4PNI5EL-2RJC-0SYW-QLE8-5O8VRCQPDHIT"
  364. }
  365. ]
comments powered by Disqus