html,body,#app{height:100%;width:100%}.split-tunneling{position:relative;display:flex;flex-flow:column nowrap;width:100%;height:100%;max-width:500px;margin:0 auto;font-size:16px;line-height:24px;background-color:#f6f6f6}.split-tunneling .top-bar{position:static;display:flex;flex-flow:row nowrap;align-items:center;height:54px;padding:0 20px;background-color:#fff;text-align:center}.split-tunneling .top-bar h1{flex:1;display:flex;flex-flow:column nowrap;color:#333}.split-tunneling .top-bar h1.gray{color:#999;cursor:pointer}.split-tunneling .top-bar h1 .title{font-size:20px;line-height:24px;font-weight:500}.split-tunneling .top-bar h1 .desc{font-size:12px;line-height:14px;font-weight:500;color:#2cc9c8}.split-tunneling .inner-content{height:calc(100% - 55px);display:flex;flex-flow:column nowrap;gap:20px;padding:20px;background-color:#f6f6f6}.split-tunneling .inner-content .supported-app-list{overflow:hidden}.split-tunneling .inner-content .supported-app-list h2{padding-bottom:12px;font-size:14px;font-weight:600;line-height:17px;color:#999}.split-tunneling .inner-content .supported-app-list .app-content{height:100%;padding:20px;background-color:#fff;border-radius:14px}.split-tunneling .inner-content .supported-app-list .app-content.no-padding-top{padding-top:0}.split-tunneling .inner-content .supported-app-list .app-content .search-bar{display:flex;flex-flow:row nowrap;align-items:center;margin-right:20px}.split-tunneling .inner-content .supported-app-list .app-content .search-bar .input-bar{flex:1;display:flex;flex-flow:row nowrap;align-items:center;height:48px;padding-right:20px;background-color:#f6f6f6;border-radius:10px}.split-tunneling .inner-content .supported-app-list .app-content .search-bar .input-bar .icon_search{width:18px;height:18px;margin:0 15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALESURBVHgB7ZffceIwEMbXggIowR0cHQSGgRme7jq4pAJCBUAHpIJwFRx5hRlMKjhKUAm88+++9a2M4nEsYet4yjfDeKVZiZ9W65VF9KVyRT5OSZK08PhxPp8foihqXy6XGG3u26Ot0daw35RS2263q6mGIg+QEUCeBcBHC4DNqoJFJTAMMi0A4ajs8dTcQHTaBT4EqCmgZhQCCDATgckg8Me/8Fv2+/1t3n+1WrUbjUYH5gi/OJs8inb4gau7p6pABTBLrPbJd9L1ej2F/6QqVJSD4W2amzbsMSIypxslEUvoupXzXq839hkbWTAxAP6YSWDPADOlispDYb5u0XbnpYyBARO6rmhRB4Y1GAx2eGRJjW189RmXAnF08HiUPs2vLQUQtmmO/NlKM0Z+dVxjUiBEx3Zc1i1utk6nU7Y4wD27/JU4/sw6lHqhgJK82cv/PLj8UyApbiwdMjpGAHkTsyXpUQ5Eksx8LtF/kJx1qY7HY1zmq2xie2Bg6ewPlYrLHDlC3mW9hrKzDi+QLnNUUtJTKCuXQiv2dTRJrfmJHIrlkyOoMO83YzebzR25gDDgXdotJF3QKHGOYsEdtvHcuQ5ZUxiXpgPnz4QCCnOPjG29/uVAUrw027wanxLvo9yRxG/YwjVGWfaHg9BVwHyEY+M3yRuGhb74FN0MCAfhwj4IEeqkDhTGvvKFQJoaqTD1GWdHiPf4ia5FrBIU+282mwRjH63uZaUvRjMhg9DH2uG8SbhuKL4f/Z995BdBcQS3yIV3TK7pXyTZr4X+7wW3D823E7vY+kCV3svyH+y+4gQ2OQM7uQXKeXOVaHWw2pHjaEmvSgCZ21vLW3kLlNdV2p6cK7mc2C2B2B8Oh91wONRl43yhbgKqI1+ouwH5Qt0V6DMoaMw3FDYU3VlcIPlqzVds08dlw9h3ByqCwlsc9KYTVH8BPf2jw5dc+7wAAAAASUVORK5CYII=);background-position:center;background-size:contain;background-repeat:no-repeat}.split-tunneling .inner-content .supported-app-list .app-content .search-bar .input-bar input{flex:1;font-size:14px;background-color:transparent}.split-tunneling .inner-content .supported-app-list .app-content .search-bar .input-bar input:focus{border:none;outline:none}.split-tunneling .inner-content .supported-app-list .app-content .search-bar .input-bar .icon_delete{width:20px;height:20px;margin-left:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKpSURBVHgB7ZhdbtpAFIWvoSAevQR3BSUrCNlBuoKGB0A8QVfQsIKSJwQ8kO6gXUHoCpKuINMd8Ij4zTkIJAvmz8ZWFIkjIcae8fU3d+7cmbHIRRe9rwI5Q+PxuLbZbKooXgdBEG2323BnNAhm+Jvh+m+hUJg2Go2ppFRiwMlkEq5Wqw7AurgMPR9TgJ6u1+teu91WkkCJAEejUQdeuU8AdiwFjz7Coz3fB7wA6bXFYjFB8VYyELz5Am9+9fGmE3AwGETo9ROKkWQrhTC5cUFaAfeee5bs4Q5yQhZsTy+Xy5+SHxwVFYvFia2BERBDe4cJcSc5C++oDYfDe1O9ERBx90Oy08xR32E46Sq0gPSemIeWcfOZP5bFIc7Ycrl8aG8SY70rvoAO74WVSmXGwGaA2yAJVyqVbur1usuDlNaLJ4BIxly6IrEAYvI80ZgNMg4XS1U2hfP5vOoEZNCKQ2hTtUEa4CKXXczoWycgjF+Lh0yQaeEo2IicgJJgndVBpoWj0Lkvx/c+yRmAR5AEU7yX5fKoi8G0O5VcpItBJQl0HHOu2X02IDz4XzylmxA+KchiTzkBoRdJCYfbkSsFOfRPXIDcmktKuEN9WkhsYn+fvEvXEKvJM18ieimsrVc+qUTTkVcxS7VarZP1WrsWA+6PmLWb5T6pJO5Jccg0clpAeKgv5i0Sdx6vgPPaaRMy1t6kGU984gvIIUHcfBezQkmW0K3t8a4H07bfeibBMD6i598kRzFOm83mlaneeibBvq9LA5KfFI+ftgZWQA713oCS7OV17LQCUjTAtILiL8lInLE+cLu2kkA8q+yPA5GkEzNDD/mu7/tA4o9HzH/4qyUEZVZ4QEz3Pc8nkhowLsAS9PD5LUTOi3ZG8fkNZcYY19YphnIqF130QfUG6qXB6MoHqsEAAAAASUVORK5CYII=);background-position:center;background-size:contain;background-repeat:no-repeat}.split-tunneling .inner-content .supported-app-list .app-content .search-bar>button{display:none;margin-left:15px;font-weight:400;font-size:14px;line-height:17px;color:#333;mix-blend-mode:normal}.split-tunneling .inner-content .supported-app-list .app-content .search-bar.focus>button{display:block}.split-tunneling .inner-content .supported-app-list .app-content .tab-category{display:flex;flex-flow:row nowrap;align-items:center;width:100%;overflow-y:auto;gap:30px;margin:12px 0 6px}.split-tunneling .inner-content .supported-app-list .app-content .tab-category::-webkit-scrollbar{display:none}.split-tunneling .inner-content .supported-app-list .app-content .tab-category .tab-item{font-size:14px;line-height:17px;color:#999;white-space:nowrap;cursor:pointer}.split-tunneling .inner-content .supported-app-list .app-content .tab-category .tab-item.active{font-weight:600;color:#2cc9c8}.split-tunneling .inner-content .supported-app-list .app-content .no-data{display:flex;flex-flow:column nowrap;align-items:center;margin-top:30px}.split-tunneling .inner-content .supported-app-list .app-content .no-data img{width:180px;height:110px}.split-tunneling .inner-content .supported-app-list .app-content .no-data p{margin:25px 0 10px;font-size:20px;font-weight:600}.split-tunneling .inner-content .supported-app-list .app-content .no-data .desc{margin-top:0;font-size:16px;font-weight:400}.split-tunneling .inner-content .supported-app-list .app-content .no-data .desc .blue{display:block;color:#2cc9c8;text-decoration:underline;text-align:center;cursor:pointer}.split-tunneling .inner-content .supported-app-list .app-content .app-list{display:flex;flex-flow:column nowrap;height:calc(100% - 80px);min-height:100px;max-height:600px;overflow:auto}.split-tunneling .inner-content .supported-app-list .app-content .app-list::-webkit-scrollbar{display:none}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item{display:flex;flex-flow:row nowrap;align-items:center;gap:15px;padding:16px 0;border-top:1px solid #f6f6f6}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item img{width:30px;height:30px;border-radius:7px}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item .name{flex:1;font-size:16px;font-weight:400;line-height:30px}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item .icon_app_add{width:30px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF+SURBVHgB7ZnNbYMwFMefjfg4MkK4IHFLJ2izQTpBskFHQGzQDdpM0GxQZYL2hsQFRuDIN32P4AShqj1YwTn4JyV5NpH46dk+8IfBhDRN3aZpXvq+f8LPGqdcWIacMfaNvwfTNI+e5+XiAhNFkiRrlPrAcgVqyVD22fd9Ej4LjnKfsFzH/oM6uiFJRstaVdUXXDuXo2xk2/b7tNW3hByKothyzsOJR2ZZ1gPD7u1R6E1Mdl23CYIgAwXEcbxCSWqWWMmI49dO/AHlIlVyBN2bVk+McZkf+XhaBxzHOYJiaGuJmtyog5eDsdSe+4uZg8vhztGCsmhBWbSgLFpQFi0oixaURQvKogVl0YKyaEFZtKAsWlAWErw8yVPKBIqZOeR8TDYHyrLcg2Lqut6KmtwoPDpNJkKKwEARdG/0CcW4bdvDbwEmRbDRPCu+JeRAq0cNgmuYdQ4wqbrnCHg4xUMWjBNYZqCeTMjRgE2viKzYMIyditcQuOdOGKK+TrfWD2NrrXGzfF5PAAAAAElFTkSuQmCC);background-position:center;background-size:18px;background-repeat:no-repeat;transition:all .3s ease-in-out;border-radius:8px;cursor:pointer}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item .icon_app_add:hover{background-color:#f6f6f6}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item .icon_app_added{width:30px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJcSURBVHgB7ZlBbtpAFED/HzsN3XEEuqvUVoJNJJRFyw3aE5ScoOoJKDfoDUpP0PYEURaRVWVhSxHrcAR2CcSen/8de2IRYhvIeFjkrfyNjZ/+zHhmvhEKdMOwHcfLb0D0CQm6BNCGBkCAOSFECPTbO2j9jXq9eeG3TO78vJv43h+W6oBDWGimUX2ZHh1FWWzkTpvKWA04o2ogkijNmiwXYZ45STeSHqvD15Niqm2SOtzcfAaFo4LHzHt12MMPQTAkhb/MSU2DqN+fgQO6QdCJFYZgWpLGijz8aq5AGruSE+TZxK1nTiB+VMCjNY9lBIFjDrhrmYDdFBQGRlN9rowVh7aCPWfvBX1wxP2IhaGvYVI2MJ0IphODwlM+bCcK5C3y5qlrG2/iTWetRgXXyWlN47J7GhNcJ0eaTqb9/qTsvkYEt5UTrAvuIidYFdxVTrAm+BxyQqmgrNPehkEHHMlVCspC1l/i1fuL/yNwIFcpaB6i6UcdyeeWqxRETd9NUCFpQ65S8JL/nCVPoELSllylYB1Jm3JCrdWMSPLmCvLNVSYJ/jL+Z1NOqP0eXJdJ23IbCQqrkrblhI1nkkeZBHtywlZTnUj6qHqyseamHtiSE7Ze8kf3xZ0ILPOy7dwVETQ7eVm9gGNWHOaKS1qmH90uFkNwTFqGy2E3Lh7RmYkRRrKhBkekz+YaYR5LSXhdAXMmZbjVWrFVMXbQi+shV1VH+cvfFDAleMcTPvK0BXtSApYqrxcng+j4OEpH8ZQPiE+k2XNMmrlMLosfyGvFUnV18RkCEjrzW62fxa51B0EQnVFlJBrZAAAAAElFTkSuQmCC);background-position:center;background-size:18px;background-repeat:no-repeat;transition:all .3s ease-in-out;border-radius:8px;cursor:pointer}.split-tunneling .inner-content .supported-app-list .app-content .app-list .item .icon_app_added:hover{background-color:#f6f6f6}.split-tunneling .inner-content .supported-app-list .app-content .app-list>div:nth-child(1){border-top:none}.split-tunneling .inner-content .tips{font-size:14px;line-height:18px;color:#666}.split-tunneling .inner-content .tips button{color:#2cc9c8;text-decoration:underline}.split-tunneling .btn-save{position:fixed;bottom:52px;left:50%;width:322px;height:43px;margin:20px auto 0;font-size:16px;font-weight:400;line-height:43px;color:#fff;text-align:center;background-color:#2cc9c8;border-radius:30px;transform:translate(-50%);box-shadow:0 2px 32px #00000026;cursor:pointer;transition:all .3s ease-in-out}.split-tunneling .btn-save:hover{background-color:#47ecec;box-shadow:0 2px 36px #0006}