20 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/src/styles/components/AppHeader.scss:
--------------------------------------------------------------------------------
1 | .app-header {
2 | position: fixed;
3 | top: 0;
4 | left: 0;
5 | right: 0;
6 | height: $header-height;
7 | background: #222;
8 | z-index: 1;
9 | @extend .flex;
10 |
11 | &-content {
12 | justify-content: space-between;
13 | @extend .main-layout;
14 | @extend .flex;
15 | @extend .align-center;
16 | }
17 |
18 | .logo {
19 | font-size: 1.75rem;
20 | letter-spacing: 2px;
21 | cursor: pointer;
22 | @extend .flex;
23 | @extend .align-center;
24 | }
25 |
26 | .header-nav {
27 | @extend .flex;
28 | @extend .align-center;
29 |
30 | > button {
31 | color: white;
32 | @extend .p-medium;
33 |
34 | &:hover {
35 | background: #111;
36 | transition: background 0.2s;
37 | }
38 | }
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 SocialForge
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "scripts": {
3 | "webpack-build": "webpack --mode production",
4 | "build": "npm run webpack-build",
5 | "lint": "npx eslint ./src",
6 | "watch": "webpack --watch"
7 | },
8 | "babel": {
9 | "plugins": [
10 | "@babel/plugin-transform-react-jsx"
11 | ]
12 | },
13 | "devDependencies": {
14 | "@babel/cli": "^7.23.0",
15 | "@babel/core": "^7.23.2",
16 | "@babel/plugin-transform-react-jsx": "^7.22.15",
17 | "@typescript-eslint/eslint-plugin": "^6.9.0",
18 | "@typescript-eslint/parser": "^6.9.0",
19 | "chrome-types": "^0.1.238",
20 | "css-loader": "^6.8.1",
21 | "eslint": "^8.52.0",
22 | "eslint-plugin-react": "^7.33.2",
23 | "eslint-plugin-react-hooks": "^4.6.0",
24 | "sass": "^1.69.5",
25 | "sass-loader": "^13.3.2",
26 | "style-loader": "^3.3.3",
27 | "svg-inline-loader": "^0.8.2",
28 | "ts-loader": "^9.5.0",
29 | "typescript": "^5.2.2",
30 | "webpack": "^5.89.0",
31 | "webpack-cli": "^5.1.4"
32 | },
33 | "dependencies": {
34 | "preact": "^10.18.1"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | module.exports = {
4 | entry: './src/main.tsx',
5 | module: {
6 | rules: [
7 | {
8 | test: /\.ts|\.tsx$/,
9 | use: 'ts-loader',
10 | exclude: /node_modules/,
11 | },
12 | {
13 | test: /\.s[ac]ss$/i,
14 | use: [
15 | // Creates `style` nodes from JS strings
16 | 'style-loader',
17 | // Translates CSS into CommonJS
18 | 'css-loader',
19 | // Compiles Sass to CSS
20 | 'sass-loader',
21 | ],
22 | },
23 | {
24 | test: /\.svg$/,
25 | loader: 'svg-inline-loader',
26 | },
27 | ],
28 | },
29 | resolve: {
30 | extensions: ['.tsx', '.ts', '.js', '.jsx'],
31 | alias: {
32 | react: 'preact/compat',
33 | 'react-dom': 'preact/compat',
34 | },
35 | },
36 | output: {
37 | filename: 'dist.js',
38 | path: path.resolve(__dirname, 'public'),
39 | },
40 | };
41 |
--------------------------------------------------------------------------------
/src/components/AppHeader.tsx:
--------------------------------------------------------------------------------
1 | import React, { type ReactNode } from 'react';
2 |
3 | import { InstaSweepIcon } from '../common/icons/InstaSweepIcon';
4 |
5 | export function AppHeader({
6 | isActiveProcess,
7 | children,
8 | }: {
9 | readonly isActiveProcess?: boolean;
10 | readonly children?: ReactNode;
11 | }) {
12 | return (
13 |
15 |
33 | {
18 | if (isActiveProcess) {
19 | // Avoid resetting state while active process.
20 | return;
21 | }
22 | if (confirm('Go back to Instagram?')) {
23 | location.reload();
24 | }
25 | }}
26 | >
27 |
31 |
32 | 
35 |
36 | 3. Open [Instagram](instagram.com) and log into your account
37 |
38 | 4. Open the developer console (F12) and paste the code
39 |
40 | ### Method 2: Chrome extension
41 |
42 | 1. Download the latest `InstaSweep.zip` file from the repository's [`Releases`](https://github.com/SocialForge/InstaSweep/releases) section.
43 |
44 | 2. Unzip the contents of the file.
45 |
46 | 3. Open a Chromium-based web browser (Chrome, Chromium, Brave, Edge, etc...)
47 |
48 | 4. Go to `Manage extension` menu within the web browser
49 |
50 | 5. Enable `Developer mode` in order to manually add an extension
51 |
52 | 6. Click `Load unpacked`. This will open the browser's file selection dialog
53 |
54 | 7. Navigate to the previously extracted `public` directory and open it
55 |
56 | 8. Once inside, press `Select folder` and the extension should be added to your browser extensions
57 |
58 | 9. Open [Instagram](instagram.com), log into your account and click on the extension, or hit **CTRL+I** on the keyboard to execute.
59 |
60 | ## Running the script
61 |
62 | Upon running the script via any of the methods mentioned above, you will be met with the following interface:
63 |
64 | 
65 |
66 | Click anywhere to start the scanning process.
67 |
68 | Once it finishes, you will be met with the following screen which will show you the results:
69 |
70 | 
71 |
72 | If you wish to unfollow any of these users, you can select 1 or more of them by clicking on them and then clicking the "UNFOLLOW" button on the bottom left.
73 |
74 | ## HotKeys \*️⃣
75 |
76 | Only relevant in "Scanning" screen.
77 |
78 | - **LEFT ARROW** - previous page
79 | - **RIGHT ARROW** - next page
80 | - **TAB** - switch tab
81 | - **CTRL+A** - select all users in list
82 | - **CTRL+S** - open search bar
83 | - **CTRL+C** - copy selected user list to clipboard
84 | - **CTRL+X** - whitelist / unwhitelist selected users
85 |
86 | ## Dev 🔧
87 |
88 | Contributions are welcome!
89 |
90 | To get started, follow these steps:
91 |
92 | 1. Clone the GitHub repository to your local machine
93 |
94 | 2. Run `npm i` to install the required dependencies
95 |
96 | 3. Introduce your desired changes
97 |
98 | 4. Run `npm run build` to compile your changes and update the build files
99 |
100 | 5. Submit a PR for review
101 |
102 | ## Notes 📔
103 |
104 | - **_The more users you have to check, the more time it will take_**
105 |
106 | - **_The script has been tested only on Chromium-based browsers_**
107 |
108 | - **_The script is actively supported only on Chromium-based browsers_**
109 |
110 | ## Legal ⚖️
111 |
112 | **Disclaimer:** This is not affiliated, associated, authorized, endorsed by, or in any way officially connected with Instagram.
113 |
114 | Use it at your own risk!
115 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "browser": true,
4 | "es2021": true
5 | },
6 | "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:@typescript-eslint/recommended"],
7 | "overrides": [],
8 | "parser": "@typescript-eslint/parser",
9 | "parserOptions": {
10 | "ecmaVersion": "latest",
11 | "sourceType": "module",
12 | "project": "./tsconfig.json"
13 | },
14 | "plugins": ["react", "@typescript-eslint", "react-hooks"],
15 | "rules": {
16 | "@typescript-eslint/array-type": [
17 | "error",
18 | {
19 | "default": "array-simple"
20 | }
21 | ],
22 | "@typescript-eslint/ban-ts-comment": "off",
23 | "@typescript-eslint/consistent-type-assertions": "error",
24 | "@typescript-eslint/consistent-type-definitions": "error",
25 | "@typescript-eslint/dot-notation": "error",
26 | "@typescript-eslint/explicit-module-boundary-types": "off",
27 | "@typescript-eslint/explicit-member-accessibility": [
28 | "off",
29 | {
30 | "accessibility": "explicit"
31 | }
32 | ],
33 | "@typescript-eslint/member-delimiter-style": [
34 | "error",
35 | {
36 | "multiline": {
37 | "delimiter": "semi",
38 | "requireLast": true
39 | },
40 | "singleline": {
41 | "delimiter": "semi",
42 | "requireLast": false
43 | }
44 | }
45 | ],
46 | "@typescript-eslint/no-empty-function": "off",
47 | "@typescript-eslint/no-explicit-any": "off",
48 | "@typescript-eslint/no-namespace": "off",
49 | "@typescript-eslint/no-shadow": "error",
50 | "@typescript-eslint/no-parameter-properties": "off",
51 | "@typescript-eslint/no-unnecessary-boolean-literal-compare": "error",
52 | "@typescript-eslint/no-unnecessary-condition": "error",
53 | "@typescript-eslint/no-unnecessary-type-arguments": "error",
54 | "@typescript-eslint/no-unnecessary-type-assertion": "error",
55 | "@typescript-eslint/no-unused-expressions": "error",
56 | "@typescript-eslint/no-use-before-define": "error",
57 | "@typescript-eslint/no-unused-vars": [
58 | "error",
59 | {
60 | "varsIgnorePattern": "^_",
61 | "argsIgnorePattern": "^_"
62 | }
63 | ],
64 | "@typescript-eslint/no-var-requires": "error",
65 | "@typescript-eslint/non-nullable-type-assertion-style": "error",
66 | "@typescript-eslint/prefer-enum-initializers": "error",
67 | "@typescript-eslint/prefer-for-of": "error",
68 | "@typescript-eslint/prefer-function-type": "error",
69 | "@typescript-eslint/prefer-namespace-keyword": "error",
70 | "@typescript-eslint/prefer-readonly": "error",
71 | "@typescript-eslint/quotes": [
72 | "error",
73 | "single",
74 | {
75 | "avoidEscape": true
76 | }
77 | ],
78 | "@typescript-eslint/restrict-plus-operands": "error",
79 | "@typescript-eslint/semi": ["error", "always"],
80 | "@typescript-eslint/triple-slash-reference": [
81 | "error",
82 | {
83 | "path": "always",
84 | "types": "prefer-import",
85 | "lib": "always"
86 | }
87 | ],
88 | "@typescript-eslint/type-annotation-spacing": "error",
89 | "@typescript-eslint/no-non-null-assertion": "off",
90 | "@typescript-eslint/consistent-type-imports": "error",
91 | "react-hooks/rules-of-hooks": "error",
92 | "react-hooks/exhaustive-deps": "error",
93 | "react/jsx-curly-brace-presence": [
94 | "error",
95 | {
96 | "props": "never",
97 | "children": "never",
98 | "propElementValues": "always"
99 | }
100 | ],
101 | "react/self-closing-comp": [
102 | "error",
103 | {
104 | "component": true,
105 | "html": true
106 | }
107 | ],
108 | "arrow-body-style": ["error", "as-needed"],
109 | "arrow-parens": ["error", "as-needed"],
110 | "brace-style": ["error", "1tbs"],
111 | "comma-dangle": ["error", "always-multiline"],
112 | "curly": "error",
113 | "comma-spacing": [
114 | "error",
115 | {
116 | "before": false,
117 | "after": true
118 | }
119 | ],
120 | "eol-last": "error",
121 | "eqeqeq": ["error", "smart"],
122 | "jsx-quotes": ["error", "prefer-single"],
123 | "keyword-spacing": ["error", { "before": true, "after": true }],
124 | "guard-for-in": "error",
125 | "new-parens": "error",
126 | "no-caller": "error",
127 | "no-duplicate-imports": "error",
128 | "no-eval": "error",
129 | "no-extra-bind": "error",
130 | "no-multiple-empty-lines": [
131 | "error",
132 | {
133 | "max": 2
134 | }
135 | ],
136 | "no-new-func": "error",
137 | "no-new-wrappers": "error",
138 | "no-return-await": "error",
139 | "no-sequences": "error",
140 | "no-template-curly-in-string": "error",
141 | "no-throw-literal": "error",
142 | "no-trailing-spaces": "error",
143 | "no-multi-spaces": [
144 | "error",
145 | {
146 | "ignoreEOLComments": true
147 | }
148 | ],
149 | "no-undef-init": "error",
150 | "object-shorthand": "error",
151 | "one-var": ["error", "never"],
152 | "prefer-object-spread": "error",
153 | "quote-props": ["error", "consistent-as-needed"],
154 | "radix": "error",
155 | "space-before-function-paren": [
156 | "error",
157 | {
158 | "anonymous": "always",
159 | "asyncArrow": "always",
160 | "named": "never"
161 | }
162 | ],
163 | "space-infix-ops": "error",
164 | "space-in-parens": ["error", "never"],
165 | "spaced-comment": [
166 | "error",
167 | "always",
168 | {
169 | "markers": ["/"]
170 | }
171 | ]
172 | }
173 | }
174 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
141 |
149 |
151 |
152 |
155 |
156 | InstaSweep
150 |
157 |
160 |
161 | Source code
158 | 159 |164 | This scripts is also available as an extension for Chromium-based browsers. 165 |
166 | 167 | For more information, see the 168 | following guide. 170 |
128 |
132 |
151 |
152 | {state.unfollowLog.length === usersToUnfollow.length && (
153 | <>
154 |
155 |
157 | 158 | )} 159 | {getLogForDisplay(state.unfollowLog, state.searchTerm, state.filter).map((entry, index) => 160 | entry.unfollowedSuccessfully ? ( 161 |
182 |
183 |
184 | );
185 | }
186 |
--------------------------------------------------------------------------------
/src/components/Scanning.tsx:
--------------------------------------------------------------------------------
1 | import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2 |
3 | import { AppHeader } from './AppHeader';
4 | import { assertUnreachable, sleep } from '../common/utils';
5 | import { toast } from '../common/toast';
6 | import type { Node, User } from 'model/user';
7 | import { CopyIcon } from '../common/icons/CopyIcon';
8 | import { SearchIcon } from '../common/icons/SearchIcon';
9 | import { CheckSquareIcon } from '../common/icons/CheckSquareIcon';
10 | import { SquareIcon } from '../common/icons/SquareIcon';
11 | import { UserCheckIcon } from '../common/icons/UserCheckIcon';
12 | import { UserUncheckIcon } from '../common/icons/UserUncheckIcon';
13 | import { useOnBeforeUnload } from '../common/hooks';
14 | import { LockIcon } from '../common/icons/LockIcon';
15 | import { InstagramService } from '../common/services';
16 |
17 | type Tab = 'non_whitelisted' | 'whitelisted';
18 |
19 | interface Filter {
20 | readonly showNonFollowers: boolean;
21 | readonly showFollowers: boolean;
22 | readonly showVerified: boolean;
23 | readonly showPrivate: boolean;
24 | }
25 |
26 | type SearchBar =
27 | | {
28 | readonly shown: false;
29 | }
30 | | {
31 | readonly shown: true;
32 | readonly text: string;
33 | };
34 |
35 | interface State {
36 | readonly page: number;
37 | readonly currentTab: Tab;
38 | readonly searchBar: SearchBar;
39 | readonly percentage: number;
40 | readonly results: readonly Node[];
41 | readonly whitelistedResults: readonly Node[];
42 | readonly selectedResults: readonly Node[];
43 | readonly filter: Filter;
44 | }
45 |
46 | const UNFOLLOWERS_PER_PAGE = 50;
47 | const WHITELISTED_RESULTS_STORAGE_KEY = 'insta-sweep_whitelisted-results';
48 |
49 | function getMaxPage(nonFollowersList: readonly Node[]): number {
50 | const pageCalc = Math.ceil(nonFollowersList.length / UNFOLLOWERS_PER_PAGE);
51 | return pageCalc < 1 ? 1 : pageCalc;
52 | }
53 |
54 | function getCurrentPageUnfollowers(nonFollowersList: readonly Node[], currentPage: number): readonly Node[] {
55 | const sortedList = [...nonFollowersList].sort((a, b) => (a.username > b.username ? 1 : -1));
56 | return sortedList.splice(UNFOLLOWERS_PER_PAGE * (currentPage - 1), UNFOLLOWERS_PER_PAGE);
57 | }
58 |
59 | function getUsersForDisplay(
60 | results: readonly Node[],
61 | whitelistedResults: readonly Node[],
62 | currentTab: Tab,
63 | search: SearchBar,
64 | filter: Filter,
65 | ): readonly Node[] {
66 | const users: Node[] = [];
67 | for (const result of results) {
68 | const isWhitelisted = whitelistedResults.find(user => user.id === result.id) !== undefined;
69 | switch (currentTab) {
70 | case 'non_whitelisted':
71 | if (isWhitelisted) {
72 | continue;
73 | }
74 | break;
75 | case 'whitelisted':
76 | if (!isWhitelisted) {
77 | continue;
78 | }
79 | break;
80 | default:
81 | assertUnreachable(currentTab);
82 | }
83 | if (!filter.showPrivate && result.is_private) {
84 | continue;
85 | }
86 | if (!filter.showVerified && result.is_verified) {
87 | continue;
88 | }
89 | if (!filter.showFollowers && result.follows_viewer) {
90 | continue;
91 | }
92 | if (!filter.showNonFollowers && !result.follows_viewer) {
93 | continue;
94 | }
95 | if (search.shown) {
96 | const userMatchesSearchTerm =
97 | result.username.toLowerCase().includes(search.text.toLowerCase()) ||
98 | result.full_name.toLowerCase().includes(search.text.toLowerCase());
99 | if (search.text !== '' && !userMatchesSearchTerm) {
100 | continue;
101 | }
102 | }
103 | users.push(result);
104 | }
105 | return users;
106 | }
107 |
108 | export function Scanning({ onUnfollow }: { readonly onUnfollow: (usersToUnfollow: readonly Node[]) => void }) {
109 | const [state, setState] = useState155 |
All DONE!
156 | 157 | 158 | )} 159 | {getLogForDisplay(state.unfollowLog, state.searchTerm, state.filter).map((entry, index) => 160 | entry.unfollowedSuccessfully ? ( 161 |
162 | Unfollowed
163 |
169 | {entry.user.username}
170 |
171 |
172 | [{index + 1}/{usersToUnfollow.length}]
173 |
174 |
175 | ) : (
176 |
177 | Failed to unfollow {entry.user.username} [{index + 1}/{usersToUnfollow.length}]
178 |
179 | ),
180 | )}
181 |
523 |
524 | {whitelistButtonMarkup}
525 |
528 | {
535 | if (!state.searchBar.shown) {
536 | return;
537 | }
538 | setState({
539 | ...state,
540 | searchBar: {
541 | ...state.searchBar,
542 | text: e.currentTarget.value,
543 | },
544 | });
545 | }}
546 | />
547 |
550 |
553 |
554 | {isActiveProcess && }
555 |
556 |
557 |
628 |
629 |
645 | {getCurrentPageUnfollowers(usersForDisplay, state.page).map(user => {
646 | const firstLetter = user.username.substring(0, 1).toUpperCase();
647 | return (
648 | <>
649 | {firstLetter !== currentLetter && onNewLetter(firstLetter)}
650 |
719 |
720 | );
721 | })}
722 |
723 |
724 |
725 | );
726 | }
727 |
--------------------------------------------------------------------------------
/public/dist.js:
--------------------------------------------------------------------------------
1 | (()=>{var e={100:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([e.id,".main-layout,html .is-app,.app-header-content{width:100%;max-width:1300px;padding:1rem;margin:0 auto}.with-app-header,html .is-app .app-sidebar,.unfollowing .unfollow-log-container,.scanning .results-container{padding-top:4rem !important}.flex,html .is-app .tabs-container,html .is-app .app-sidebar,.app-header .header-nav,.app-header .logo,.app-header-content,.app-header{display:flex}.flex.align-center,html .is-app .align-center.tabs-container,html .is-app .align-center.app-sidebar,.app-header .header-nav,.app-header .logo,.app-header-content,.align-center.app-header{align-items:center}.flex.justify-center,html .is-app .justify-center.tabs-container,html .is-app .justify-center.app-sidebar,.app-header .justify-center.header-nav,.app-header .justify-center.logo,.justify-center.app-header-content,.justify-center.app-header{justify-content:center}.flex.column,html .is-app .column.tabs-container,html .is-app .app-sidebar,.app-header .column.header-nav,.app-header .column.logo,.column.app-header-content,.column.app-header{flex-direction:column}.grow,html .is-app .tabs-container .tab,.unfollowing .unfollow-log-container,.scanning .results-container{flex:1}.w-100,.scanning .results-container .result-item,.scanning .results-container .alphabet-character,.initial .main-action{width:100%}.h-100{height:100%}.p-small,html .is-app .tabs-container .tab{padding:.5rem}.p-medium,html .is-app button.filter-toggle,.unfollowing .unfollow-log-container,.scanning .unfollow-action,.scanning .results-container .alphabet-character,.app-header .header-nav>button{padding:1rem}.p-large,html .is-app .tabs-container{padding:1.5rem}.p-xlarge,.is-toast{padding:2rem}.p-clear,html .is-app button{padding:0}.m-small,html .is-app button.filter-toggle{margin:.5rem}.m-medium,.scanning .results-container .alphabet-character{margin:1rem}.m-large{margin:1.5rem}.m-xlarge{margin:2rem}.m-clear{margin:0}.fs-small{font-size:.5rem}.fs-medium,.scanning .search-bar{font-size:1rem}.fs-large,html .is-app button.filter-toggle,html .is-app .app-sidebar,.scanning .unfollow-action{font-size:1.5rem}.fs-xlarge,html .is-app .tabs-container .tab,.scanning .results-container .alphabet-character{font-size:2rem}.bg-brand{background:#6f849b !important}.bg-success,.is-toast_success{background:#56d756}.bg-error,.is-toast_error,.scanning .unfollow-action{background:#ac2626}.clr-inherit,.scanning .unfollow-action{color:inherit}.clr-error{color:#ac2626}.clr-success{color:#56d756}.clr-cyan{color:aqua}.d-none,.scanning .results-container .result-item .avatar-container .avatar-icon-overlay-container{display:none}.d-inline-block{display:inline-block}.t-center,html .is-app .tabs-container .tab{text-align:center}.app-header{position:fixed;top:0;left:0;right:0;height:4rem;background:#222;z-index:1}.app-header-content{justify-content:space-between}.app-header .logo{font-size:1.75rem;letter-spacing:2px;cursor:pointer}.app-header .header-nav>button{color:#fff}.app-header .header-nav>button:hover{background:#111;transition:background .2s}.initial .main-action{position:fixed;top:0;left:0;right:0;height:100vh}.initial .main-action-text{max-width:50rem;margin:0 auto;display:block;font-size:8rem;color:#fff;text-transform:uppercase}.scanning .results-container .alphabet-character{border-bottom:1px solid #222;text-align:initial;color:inherit}.scanning .results-container .result-item{color:#fff;text-align:initial}.scanning .results-container .result-item .avatar-container{position:relative}.scanning .results-container .result-item .avatar-container:hover .avatar{filter:brightness(0.25) blur(3px)}.scanning .results-container .result-item .avatar-container:hover .avatar-icon-overlay-container{display:inline-block}.scanning .results-container .result-item .avatar-container .avatar{width:75px;border-radius:50%}.scanning .results-container .result-item .avatar-container .avatar-icon-overlay-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.scanning .results-container .result-item .verified-badge,.scanning .results-container .result-item .private-indicator{transform:translateY(-15px)}.scanning .results-container .result-item .verified-badge{background:#49adf4;border-radius:50%;padding:.1rem .2rem;font-size:.9em}.scanning .search-bar{width:0;overflow:hidden;transition:width .3s;background:rgba(0,0,0,0);border:none;outline:none;padding:0 0 .3rem 0;color:#fff;font-family:inherit;border-bottom:1px solid #fff}.scanning .search-bar.visible{width:200px}.scanning .unfollow-action{margin-bottom:1.5rem;border-radius:5px}.is-icon{display:inline-flex}.is-icon svg{width:1em;height:1em}.is-toast{position:fixed;bottom:1rem;left:1rem;border-radius:6px;font-size:1.25em;z-index:2}.is-toast_info{background:#fff;color:#000}.is-toast_success{color:#fff}.is-toast_error{color:#fff}*{box-sizing:border-box}html{background:#111 !important}html body{margin:0}html .is-app{font-family:system-ui}html .is-app .overlay{color:#fff}html .is-app .app-sidebar{position:sticky;top:0;overflow:auto;padding:0 1.5rem 0 0;height:100vh;min-width:300px;border-inline-end:1px solid #333}html .is-app label{cursor:pointer}html .is-app input[type=checkbox]{height:1.1rem;width:1.1rem}html .is-app a{color:inherit;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .1s;cursor:pointer}html .is-app a:hover{text-decoration-color:inherit}html .is-app button{background:none;border:none;cursor:pointer}html .is-app button.filter-toggle{text-align:initial;color:#fff;background:#222;border-radius:15px}html .is-app .progressbar{position:fixed;top:4rem;left:0;width:100%;height:8px}html .is-app .tabs-container .tab{color:gray;border-radius:8px;cursor:pointer}html .is-app .tabs-container .tab-active{color:inherit;background:#222}",""]);const l=i},314:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var l=0;l