From 9d2b74a6b471aac4b896575fa31ab3b473f8a1eb Mon Sep 17 00:00:00 2001
From: Aarkay Pathak <aarkay@5b0w3x.onmicrosoft.com>
Date: Wed, 12 Nov 2025 01:13:44 +0530
Subject: [PATCH 1/3] Feat: Make on-page popup resizable and fix layout

---
 package-lock.json                        | 39 ++++++++++++------------
 src/components/FloatingToolbar/index.jsx |  7 +----
 src/content-script/styles.scss           | 23 ++++++++++++--
 src/popup/styles.scss                    |  2 +-
 4 files changed, 41 insertions(+), 30 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 92c40029..7b42233f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -134,6 +134,7 @@
       "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.24.7",
@@ -2492,8 +2493,7 @@
     "node_modules/@types/scheduler": {
       "version": "0.16.6",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.6.tgz",
-      "integrity": "sha512-Vlktnchmkylvc9SnwwwozTv04L/e1NykF5vgoQ0XTmI8DD+wxfjQuHuvHS3p0r2jz2x2ghPs2h1FVeDirIteWA==",
-      "peer": true
+      "integrity": "sha512-Vlktnchmkylvc9SnwwwozTv04L/e1NykF5vgoQ0XTmI8DD+wxfjQuHuvHS3p0r2jz2x2ghPs2h1FVeDirIteWA=="
     },
     "node_modules/@types/tough-cookie": {
       "version": "4.0.5",
@@ -2723,6 +2723,7 @@
       "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2778,6 +2779,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -3410,6 +3412,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001688",
         "electron-to-chromium": "^1.5.73",
@@ -3806,7 +3809,6 @@
       "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
       "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "is-what": "^3.14.1"
       },
@@ -4265,8 +4267,7 @@
     "node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "peer": true
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
     },
     "node_modules/data-uri-to-buffer": {
       "version": "4.0.1",
@@ -4669,7 +4670,6 @@
       "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "prr": "~1.0.1"
       },
@@ -4881,6 +4881,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -5672,6 +5673,7 @@
       "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.9.0.tgz",
       "integrity": "sha512-GGTKBX4SD7Wdb8mqeDLni2oaRGYQWjWHGKPQ24ZMnUtKfcsVoiv4uX8+LJr1K6U5VW2Lu1BwJnj7uiori0YtRw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
       }
@@ -6093,6 +6095,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.20.6"
       }
@@ -6156,7 +6159,6 @@
       "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "bin": {
         "image-size": "bin/image-size.js"
       },
@@ -6643,8 +6645,7 @@
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
       "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/isarray": {
       "version": "2.0.5",
@@ -7353,7 +7354,6 @@
       "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "pify": "^4.0.1",
         "semver": "^5.6.0"
@@ -7368,7 +7368,6 @@
       "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "bin": {
         "semver": "bin/semver"
       }
@@ -8268,7 +8267,6 @@
       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "bin": {
         "mime": "cli.js"
       },
@@ -8393,7 +8391,6 @@
       "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "debug": "^3.2.6",
         "iconv-lite": "^0.6.3",
@@ -8412,7 +8409,6 @@
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -8720,7 +8716,6 @@
       "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
       "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">= 0.10"
       }
@@ -8838,7 +8833,6 @@
       "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
       "dev": true,
       "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -8969,6 +8963,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.1",
@@ -9578,6 +9573,7 @@
       "resolved": "https://registry.npmjs.org/preact/-/preact-10.22.1.tgz",
       "integrity": "sha512-jRYbDDgMpIb5LHq3hkI0bbl+l/TQ9UnkdQ0ww+lp+4MMOdqaUYdFc5qeyP+IV8FAd/2Em7drVPeKdQxsiWCf/A==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/preact"
@@ -9735,8 +9731,7 @@
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
       "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
       "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "node_modules/pseudomap": {
       "version": "1.0.2",
@@ -9839,6 +9834,7 @@
       "version": "17.1.2",
       "resolved": "https://registry.npmjs.org/@preact/compat/-/compat-17.1.2.tgz",
       "integrity": "sha512-7pOZN9lMDDRQ+6aWvjwTp483KR8/zOpfS83wmOo3zfuLKdngS8/5RLbsFWzFZMGdYlotAhX980hJ75bjOHTwWg==",
+      "peer": true,
       "peerDependencies": {
         "preact": "*"
       }
@@ -9860,6 +9856,7 @@
       "version": "17.1.2",
       "resolved": "https://registry.npmjs.org/@preact/compat/-/compat-17.1.2.tgz",
       "integrity": "sha512-7pOZN9lMDDRQ+6aWvjwTp483KR8/zOpfS83wmOo3zfuLKdngS8/5RLbsFWzFZMGdYlotAhX980hJ75bjOHTwWg==",
+      "peer": true,
       "peerDependencies": {
         "preact": "*"
       }
@@ -10453,6 +10450,7 @@
       "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -10508,8 +10506,7 @@
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
       "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==",
       "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "node_modules/saxes": {
       "version": "6.0.0",
@@ -10548,6 +10545,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -11789,6 +11787,7 @@
       "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.6",
diff --git a/src/components/FloatingToolbar/index.jsx b/src/components/FloatingToolbar/index.jsx
index e44665ec..02f6ca6a 100644
--- a/src/components/FloatingToolbar/index.jsx
+++ b/src/components/FloatingToolbar/index.jsx
@@ -4,7 +4,6 @@ import PropTypes from 'prop-types'
 import { config as toolsConfig } from '../../content-script/selection-tools'
 import { getClientPosition, isMobile, setElementPositionInViewport } from '../../utils'
 import Draggable from 'react-draggable'
-import { useClampWindowSize } from '../../hooks/use-clamp-window-size'
 import { useTranslation } from 'react-i18next'
 import { useConfig } from '../../hooks/use-config.mjs'
 
@@ -19,7 +18,6 @@ function FloatingToolbar(props) {
   const [closeable, setCloseable] = useState(props.closeable)
   const [position, setPosition] = useState(getClientPosition(props.container))
   const [virtualPosition, setVirtualPosition] = useState({ x: 0, y: 0 })
-  const windowSize = useClampWindowSize([750, 1500], [0, Infinity])
   const config = useConfig(() => {
     setRender(true)
     if (!triggered && selection) {
@@ -92,10 +90,7 @@ function FloatingToolbar(props) {
           onStop={dragEvent.onStop}
           position={virtualPosition}
         >
-          <div
-            className="chatgptbox-selection-window"
-            style={{ width: windowSize[0] * 0.4 + 'px' }}
-          >
+          <div className="chatgptbox-selection-window">
             <div className="chatgptbox-container">
               <ConversationCard
                 session={props.session}
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index 1169103e..52f96dcb 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -74,8 +74,11 @@
   flex-grow: 1;
   margin-bottom: 20px;
 
+  display: flex;
+  min-height: 0;
+
   .gpt-inner {
-    height: 100%;
+    flex: 1;
     display: flex;
     position: relative;
     flex-direction: column;
@@ -99,6 +102,8 @@
     color: var(--font-color);
     overflow-y: auto;
     overflow-x: hidden;
+    flex: 1; /* <-- ADD THIS (tells it to grow/shrink) */
+    min-height: 0; /* <-- ADD THIS (critical for it to shrink properly) */
 
     ::-webkit-scrollbar {
       background-color: var(--theme-color);
@@ -1357,7 +1362,10 @@
     border: 0;
     border-top: 1px solid var(--theme-border-color);
     width: 100%;
-    height: 100%;
+    // height: 100%;  <-- COMMENT OUT OR DELETE THIS LINE
+    height: 70px; /* <-- SET A FIXED STARTING HEIGHT */
+    min-height: 70px; /* <-- SET A MINIMUM HEIGHT */
+    resize: none !important; /* <-- DISABLE THE TEXTAREA'S OWN RESIZE */
     background-color: var(--theme-color);
     color: var(--font-color);
 
@@ -1445,8 +1453,17 @@
 }
 
 .chatgptbox-selection-window {
-  height: auto;
   border-radius: 8px;
   background-color: var(--theme-color);
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+
+  width: 500px;
+  height: 450px;
+  resize: both;
+  overflow: hidden;
+  min-width: 350px;
+  min-height: 300px;
+
+  display: flex;
+  flex-direction: column;
 }
diff --git a/src/popup/styles.scss b/src/popup/styles.scss
index 3658334f..50832c33 100644
--- a/src/popup/styles.scss
+++ b/src/popup/styles.scss
@@ -39,7 +39,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 460px;
+  width: 430px;
   height: 560px;
   padding: 20px;
   overflow-y: auto;

From 6e5f743edfb2c28eab4866e11e44aba8bcc16b97 Mon Sep 17 00:00:00 2001
From: Aarkay Pathak <aarkay@5b0w3x.onmicrosoft.com>
Date: Wed, 12 Nov 2025 01:51:05 +0530
Subject: [PATCH 2/3] Fix: Apply code review suggestions

---
 src/content-script/styles.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index 52f96dcb..a056c934 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -1362,10 +1362,9 @@
     border: 0;
     border-top: 1px solid var(--theme-border-color);
     width: 100%;
-    // height: 100%;  <-- COMMENT OUT OR DELETE THIS LINE
-    height: 70px; /* <-- SET A FIXED STARTING HEIGHT */
-    min-height: 70px; /* <-- SET A MINIMUM HEIGHT */
-    resize: none !important; /* <-- DISABLE THE TEXTAREA'S OWN RESIZE */
+    height: 70px;
+    min-height: 70px;
+    resize: none !important;
     background-color: var(--theme-color);
     color: var(--font-color);
 
@@ -1463,6 +1462,8 @@
   overflow: hidden;
   min-width: 350px;
   min-height: 300px;
+  max-width: 90vw;
+  max-height: 90vh;
 
   display: flex;
   flex-direction: column;

From 60e4731549a2657fe51c3c227a633f2001259685 Mon Sep 17 00:00:00 2001
From: Aarkay Pathak <aarkay@5b0w3x.onmicrosoft.com>
Date: Wed, 12 Nov 2025 14:40:11 +0530
Subject: [PATCH 3/3] Fix: Style 'Ask ChatGPT' button on Google search page

---
 src/components/FloatingToolbar/index.jsx |    2 +-
 src/content-script/styles.scss           | 2222 +++++++++++-----------
 2 files changed, 1120 insertions(+), 1104 deletions(-)

diff --git a/src/components/FloatingToolbar/index.jsx b/src/components/FloatingToolbar/index.jsx
index 02f6ca6a..171a66a8 100644
--- a/src/components/FloatingToolbar/index.jsx
+++ b/src/components/FloatingToolbar/index.jsx
@@ -90,7 +90,7 @@ function FloatingToolbar(props) {
           onStop={dragEvent.onStop}
           position={virtualPosition}
         >
-          <div className="chatgptbox-selection-window">
+          <div className="chatgptbox-selection-window resizable-popup">
             <div className="chatgptbox-container">
               <ConversationCard
                 session={props.session}
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index a056c934..9e5d03a4 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -61,10 +61,16 @@
   margin-left: 60px;
 }
 
-.chatgptbox-container,
-#chatgptbox-container * {
+.resizable-popup .chatgptbox-container,
+.resizable-popup #chatgptbox-container {
   font-family: 'Cairo', sans-serif;
   font-size: 14px;
+  width: 100%;
+  flex-basis: 0;
+  flex-grow: 1;
+  margin-bottom: 0;
+  display: flex;
+  min-height: 0;
 }
 
 .chatgptbox-container,
@@ -73,1350 +79,1354 @@
   flex-basis: 0;
   flex-grow: 1;
   margin-bottom: 20px;
+}
 
+.resizable-popup .gpt-inner {
+  flex: 1;
   display: flex;
-  min-height: 0;
+  position: relative;
+  flex-direction: column;
+  border-radius: 8px;
+  border: 1px solid;
+  overflow: hidden;
+  border-color: var(--theme-border-color);
+  background-color: var(--theme-color);
+  margin: 0;
 
-  .gpt-inner {
-    flex: 1;
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    border-radius: 8px;
-    border: 1px solid;
-    overflow: hidden;
-    border-color: var(--theme-border-color);
-    background-color: var(--theme-color);
+  hr {
+    height: 1px;
+    background-color: var(--theme-border-color);
+    border: none;
     margin: 0;
-
-    hr {
-      height: 1px;
-      background-color: var(--theme-border-color);
-      border: none;
-      margin: 0;
-    }
   }
+}
 
-  .markdown-body {
-    background-color: var(--theme-color);
-    color: var(--font-color);
-    overflow-y: auto;
-    overflow-x: hidden;
-    flex: 1; /* <-- ADD THIS (tells it to grow/shrink) */
-    min-height: 0; /* <-- ADD THIS (critical for it to shrink properly) */
-
-    ::-webkit-scrollbar {
-      background-color: var(--theme-color);
-      height: 9px;
-      width: 9px;
-    }
-
-    ::-webkit-scrollbar-thumb {
-      background-color: var(--theme-border-color);
-      border-radius: 20px;
-      border: transparent;
-    }
-
-    ::-webkit-scrollbar-corner {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar {
-      background-color: var(--theme-color);
-      height: 9px;
-      width: 9px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--theme-border-color);
-      border-radius: 20px;
-      border: transparent;
-    }
+.resizable-popup .markdown-body {
+  flex: 1;
+  min-height: 0;
+}
 
-    &::-webkit-scrollbar-corner {
-      background: transparent;
-    }
+.markdown-body {
+  background-color: var(--theme-color);
+  color: var(--font-color);
+  overflow-y: auto;
+  overflow-x: hidden;
 
-    p {
-      color: var(--font-color);
-    }
+  ::-webkit-scrollbar {
+    background-color: var(--theme-color);
+    height: 9px;
+    width: 9px;
   }
 
-  .markdown-body {
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    margin: 0;
-    font-size: 16px;
-    line-height: 1.5;
-    word-wrap: break-word;
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--theme-border-color);
+    border-radius: 20px;
+    border: transparent;
   }
 
-  .markdown-body .octicon {
-    display: inline-block;
-    fill: currentColor;
-    vertical-align: text-bottom;
+  ::-webkit-scrollbar-corner {
+    background: transparent;
   }
 
-  .markdown-body h1:hover .anchor .octicon-link:before,
-  .markdown-body h2:hover .anchor .octicon-link:before,
-  .markdown-body h3:hover .anchor .octicon-link:before,
-  .markdown-body h4:hover .anchor .octicon-link:before,
-  .markdown-body h5:hover .anchor .octicon-link:before,
-  .markdown-body h6:hover .anchor .octicon-link:before {
-    width: 16px;
-    height: 16px;
-    content: ' ';
-    display: inline-block;
-    background-color: currentColor;
-    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
-    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+  &::-webkit-scrollbar {
+    background-color: var(--theme-color);
+    height: 9px;
+    width: 9px;
   }
 
-  .markdown-body details,
-  .markdown-body figcaption,
-  .markdown-body figure {
-    display: block;
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--theme-border-color);
+    border-radius: 20px;
+    border: transparent;
   }
 
-  .markdown-body summary {
-    display: list-item;
+  &::-webkit-scrollbar-corner {
+    background: transparent;
   }
 
-  .markdown-body [hidden] {
-    display: none !important;
+  p {
+    color: var(--font-color);
   }
+}
 
-  .markdown-body a {
-    background-color: transparent;
-    color: var(--color-accent-fg);
-    text-decoration: none;
-  }
+.markdown-body {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  margin: 0;
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
 
-  .markdown-body abbr[title] {
-    border-bottom: none;
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
+.markdown-body .octicon {
+  display: inline-block;
+  fill: currentColor;
+  vertical-align: text-bottom;
+}
 
-  .markdown-body b,
-  .markdown-body strong {
-    font-weight: var(--base-text-weight-semibold, 600);
-  }
+.markdown-body h1:hover .anchor .octicon-link:before,
+.markdown-body h2:hover .anchor .octicon-link:before,
+.markdown-body h3:hover .anchor .octicon-link:before,
+.markdown-body h4:hover .anchor .octicon-link:before,
+.markdown-body h5:hover .anchor .octicon-link:before,
+.markdown-body h6:hover .anchor .octicon-link:before {
+  width: 16px;
+  height: 16px;
+  content: ' ';
+  display: inline-block;
+  background-color: currentColor;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+}
 
-  .markdown-body dfn {
-    font-style: italic;
-  }
+.markdown-body details,
+.markdown-body figcaption,
+.markdown-body figure {
+  display: block;
+}
 
-  .markdown-body h1 {
-    margin: 0.67em 0;
-    font-weight: var(--base-text-weight-semibold, 600);
-    padding-bottom: 0.3em;
-    font-size: 2em;
-    border-bottom: 1px solid var(--color-border-muted);
-  }
+.markdown-body summary {
+  display: list-item;
+}
 
-  .markdown-body mark {
-    background-color: var(--color-attention-subtle);
-    color: var(--color-fg-default);
-  }
+.markdown-body [hidden] {
+  display: none !important;
+}
 
-  .markdown-body small {
-    font-size: 90%;
-  }
+.markdown-body a {
+  background-color: transparent;
+  color: var(--color-accent-fg);
+  text-decoration: none;
+}
 
-  .markdown-body sub,
-  .markdown-body sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
+.markdown-body abbr[title] {
+  border-bottom: none;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
 
-  .markdown-body sub {
-    bottom: -0.25em;
-  }
+.markdown-body b,
+.markdown-body strong {
+  font-weight: var(--base-text-weight-semibold, 600);
+}
 
-  .markdown-body sup {
-    top: -0.5em;
-  }
+.markdown-body dfn {
+  font-style: italic;
+}
 
-  .markdown-body img {
-    border-style: none;
-    max-width: 100%;
-    box-sizing: content-box;
-    background-color: transparent;
-  }
+.markdown-body h1 {
+  margin: 0.67em 0;
+  font-weight: var(--base-text-weight-semibold, 600);
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
 
-  .markdown-body code,
-  .markdown-body kbd,
-  .markdown-body pre,
-  .markdown-body samp {
-    font-family: monospace;
-    font-size: 1em;
-  }
+.markdown-body mark {
+  background-color: var(--color-attention-subtle);
+  color: var(--color-fg-default);
+}
 
-  .markdown-body figure {
-    margin: 1em 40px;
-  }
+.markdown-body small {
+  font-size: 90%;
+}
 
-  .markdown-body hr {
-    box-sizing: content-box;
-    overflow: hidden;
-    background: transparent;
-    border-bottom: 1px solid var(--color-border-muted);
-    height: 0.25em;
-    padding: 0;
-    margin: 24px 0;
-    background-color: var(--theme-border-color);
-    border: 0;
-  }
+.markdown-body sub,
+.markdown-body sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
 
-  .markdown-body input {
-    font: inherit;
-    margin: 0;
-    overflow: visible;
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-  }
+.markdown-body sub {
+  bottom: -0.25em;
+}
 
-  .markdown-body [type='button'],
-  .markdown-body [type='reset'],
-  .markdown-body [type='submit'] {
-    -webkit-appearance: button;
-  }
+.markdown-body sup {
+  top: -0.5em;
+}
 
-  .markdown-body [type='checkbox'],
-  .markdown-body [type='radio'] {
-    box-sizing: border-box;
-    padding: 0;
-  }
+.markdown-body img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+  background-color: transparent;
+}
 
-  .markdown-body [type='number']::-webkit-inner-spin-button,
-  .markdown-body [type='number']::-webkit-outer-spin-button {
-    height: auto;
-  }
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre,
+.markdown-body samp {
+  font-family: monospace;
+  font-size: 1em;
+}
 
-  .markdown-body [type='search']::-webkit-search-cancel-button,
-  .markdown-body [type='search']::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
+.markdown-body figure {
+  margin: 1em 40px;
+}
 
-  .markdown-body ::-webkit-input-placeholder {
-    color: inherit;
-    opacity: 0.54;
-  }
+.markdown-body hr {
+  box-sizing: content-box;
+  overflow: hidden;
+  background: transparent;
+  border-bottom: 1px solid var(--color-border-muted);
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: var(--theme-border-color);
+  border: 0;
+}
 
-  .markdown-body ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
+.markdown-body input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
 
-  .markdown-body a:hover {
-    text-decoration: underline;
-  }
+.markdown-body [type='button'],
+.markdown-body [type='reset'],
+.markdown-body [type='submit'] {
+  -webkit-appearance: button;
+}
 
-  .markdown-body ::placeholder {
-    color: var(--color-fg-subtle);
-    opacity: 1;
-  }
+.markdown-body [type='checkbox'],
+.markdown-body [type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
 
-  .markdown-body hr::before {
-    display: table;
-    content: '';
-  }
+.markdown-body [type='number']::-webkit-inner-spin-button,
+.markdown-body [type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
 
-  .markdown-body hr::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
+.markdown-body [type='search']::-webkit-search-cancel-button,
+.markdown-body [type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
 
-  .markdown-body table {
-    border-spacing: 0;
-    border-collapse: collapse;
-    display: block;
-    width: max-content;
-    max-width: 100%;
-    overflow: auto;
-    background-color: var(--code-background-color);
-  }
+.markdown-body ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
 
-  .markdown-body td,
-  .markdown-body th {
-    padding: 0;
-    color: var(--font-color);
-    background-color: var(--code-background-color);
-  }
+.markdown-body ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
 
-  .markdown-body details summary {
-    cursor: pointer;
-  }
+.markdown-body a:hover {
+  text-decoration: underline;
+}
 
-  .markdown-body details:not([open]) > *:not(summary) {
-    display: none !important;
-  }
+.markdown-body ::placeholder {
+  color: var(--color-fg-subtle);
+  opacity: 1;
+}
 
-  .markdown-body a:focus,
-  .markdown-body [role='button']:focus,
-  .markdown-body input[type='radio']:focus,
-  .markdown-body input[type='checkbox']:focus {
-    outline: 2px solid var(--color-accent-fg);
-    outline-offset: -2px;
-    box-shadow: none;
-  }
+.markdown-body hr::before {
+  display: table;
+  content: '';
+}
 
-  .markdown-body a:focus:not(:focus-visible),
-  .markdown-body [role='button']:focus:not(:focus-visible),
-  .markdown-body input[type='radio']:focus:not(:focus-visible),
-  .markdown-body input[type='checkbox']:focus:not(:focus-visible) {
-    outline: solid 1px transparent;
-  }
+.markdown-body hr::after {
+  display: table;
+  clear: both;
+  content: '';
+}
 
-  .markdown-body a:focus-visible,
-  .markdown-body [role='button']:focus-visible,
-  .markdown-body input[type='radio']:focus-visible,
-  .markdown-body input[type='checkbox']:focus-visible {
-    outline: 2px solid var(--color-accent-fg);
-    outline-offset: -2px;
-    box-shadow: none;
-  }
+.markdown-body table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+  background-color: var(--code-background-color);
+}
 
-  .markdown-body a:not([class]):focus,
-  .markdown-body a:not([class]):focus-visible,
-  .markdown-body input[type='radio']:focus,
-  .markdown-body input[type='radio']:focus-visible,
-  .markdown-body input[type='checkbox']:focus,
-  .markdown-body input[type='checkbox']:focus-visible {
-    outline-offset: 0;
-  }
+.markdown-body td,
+.markdown-body th {
+  padding: 0;
+  color: var(--font-color);
+  background-color: var(--code-background-color);
+}
 
-  .markdown-body kbd {
-    display: inline-block;
-    padding: 3px 5px;
-    font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-    line-height: 10px;
-    color: var(--color-fg-default);
-    vertical-align: middle;
-    border: solid 1px var(--color-neutral-muted);
-    border-bottom-color: var(--color-neutral-muted);
-    border-radius: 6px;
-    box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
-  }
+.markdown-body details summary {
+  cursor: pointer;
+}
 
-  .markdown-body h1,
-  .markdown-body h2,
-  .markdown-body h3,
-  .markdown-body h4,
-  .markdown-body h5,
-  .markdown-body h6 {
-    margin-top: 24px;
-    margin-bottom: 16px;
-    font-weight: var(--base-text-weight-semibold, 600);
-    line-height: 1.25;
-  }
+.markdown-body details:not([open]) > *:not(summary) {
+  display: none !important;
+}
 
-  .markdown-body h2 {
-    font-weight: var(--base-text-weight-semibold, 600);
-    padding-bottom: 0.3em;
-    font-size: 1.5em;
-    border-bottom: 1px solid var(--color-border-muted);
-  }
+.markdown-body a:focus,
+.markdown-body [role='button']:focus,
+.markdown-body input[type='radio']:focus,
+.markdown-body input[type='checkbox']:focus {
+  outline: 2px solid var(--color-accent-fg);
+  outline-offset: -2px;
+  box-shadow: none;
+}
 
-  .markdown-body h3 {
-    font-weight: var(--base-text-weight-semibold, 600);
-    font-size: 1.25em;
-  }
+.markdown-body a:focus:not(:focus-visible),
+.markdown-body [role='button']:focus:not(:focus-visible),
+.markdown-body input[type='radio']:focus:not(:focus-visible),
+.markdown-body input[type='checkbox']:focus:not(:focus-visible) {
+  outline: solid 1px transparent;
+}
 
-  .markdown-body h4 {
-    font-weight: var(--base-text-weight-semibold, 600);
-    font-size: 1em;
-  }
+.markdown-body a:focus-visible,
+.markdown-body [role='button']:focus-visible,
+.markdown-body input[type='radio']:focus-visible,
+.markdown-body input[type='checkbox']:focus-visible {
+  outline: 2px solid var(--color-accent-fg);
+  outline-offset: -2px;
+  box-shadow: none;
+}
 
-  .markdown-body h5 {
-    font-weight: var(--base-text-weight-semibold, 600);
-    font-size: 0.875em;
-  }
+.markdown-body a:not([class]):focus,
+.markdown-body a:not([class]):focus-visible,
+.markdown-body input[type='radio']:focus,
+.markdown-body input[type='radio']:focus-visible,
+.markdown-body input[type='checkbox']:focus,
+.markdown-body input[type='checkbox']:focus-visible {
+  outline-offset: 0;
+}
 
-  .markdown-body h6 {
-    font-weight: var(--base-text-weight-semibold, 600);
-    font-size: 0.85em;
-    color: var(--color-fg-muted);
-  }
+.markdown-body kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  line-height: 10px;
+  color: var(--color-fg-default);
+  vertical-align: middle;
+  border: solid 1px var(--color-neutral-muted);
+  border-bottom-color: var(--color-neutral-muted);
+  border-radius: 6px;
+  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
+}
 
-  .markdown-body p {
-    margin-top: 0;
-    margin-bottom: 10px;
-  }
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: var(--base-text-weight-semibold, 600);
+  line-height: 1.25;
+}
 
-  .markdown-body blockquote {
-    margin: 0;
-    padding: 0 1em;
-    color: var(--color-fg-muted);
-    border-left: 0.25em solid var(--color-border-default);
-  }
+.markdown-body h2 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  padding-bottom: 0.3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--color-border-muted);
+}
 
-  .markdown-body ul,
-  .markdown-body ol {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 2em;
-  }
+.markdown-body h3 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 1.25em;
+}
 
-  .markdown-body ol ol,
-  .markdown-body ul ol {
-    list-style-type: lower-roman;
-  }
+.markdown-body h4 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 1em;
+}
 
-  .markdown-body ul ul ol,
-  .markdown-body ul ol ol,
-  .markdown-body ol ul ol,
-  .markdown-body ol ol ol {
-    list-style-type: lower-alpha;
-  }
+.markdown-body h5 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 0.875em;
+}
 
-  .markdown-body dd {
-    margin-left: 0;
-  }
+.markdown-body h6 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 0.85em;
+  color: var(--color-fg-muted);
+}
 
-  .markdown-body tt,
-  .markdown-body code,
-  .markdown-body samp {
-    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-    font-size: 12px;
-  }
+.markdown-body p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
 
-  .markdown-body pre {
-    margin-top: 0;
-    margin-bottom: 0;
-    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-    font-size: 12px;
-    word-wrap: break-word;
-    background-color: var(--code-background-color);
-  }
+.markdown-body blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--color-fg-muted);
+  border-left: 0.25em solid var(--color-border-default);
+}
 
-  .markdown-body .octicon {
-    display: inline-block;
-    overflow: visible !important;
-    vertical-align: text-bottom;
-    fill: currentColor;
-  }
+.markdown-body ul,
+.markdown-body ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
 
-  .markdown-body input::-webkit-outer-spin-button,
-  .markdown-body input::-webkit-inner-spin-button {
-    margin: 0;
-    -webkit-appearance: none;
-    appearance: none;
-  }
+.markdown-body ol ol,
+.markdown-body ul ol {
+  list-style-type: lower-roman;
+}
 
-  .markdown-body .color-fg-accent {
-    color: var(--color-accent-fg) !important;
-  }
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+  list-style-type: lower-alpha;
+}
 
-  .markdown-body .color-fg-attention {
-    color: var(--color-attention-fg) !important;
-  }
+.markdown-body dd {
+  margin-left: 0;
+}
 
-  .markdown-body .color-fg-done {
-    color: var(--color-done-fg) !important;
-  }
+.markdown-body tt,
+.markdown-body code,
+.markdown-body samp {
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  font-size: 12px;
+}
 
-  .markdown-body .flex-items-center {
-    align-items: center !important;
-  }
+.markdown-body pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  font-size: 12px;
+  word-wrap: break-word;
+  background-color: var(--code-background-color);
+}
 
-  .markdown-body .mb-1 {
-    margin-bottom: var(--base-size-4, 4px) !important;
-  }
+.markdown-body .octicon {
+  display: inline-block;
+  overflow: visible !important;
+  vertical-align: text-bottom;
+  fill: currentColor;
+}
 
-  .markdown-body .text-semibold {
-    font-weight: var(--base-text-weight-medium, 500) !important;
-  }
+.markdown-body input::-webkit-outer-spin-button,
+.markdown-body input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
 
-  .markdown-body .d-inline-flex {
-    display: inline-flex !important;
-  }
+.markdown-body .color-fg-accent {
+  color: var(--color-accent-fg) !important;
+}
 
-  .markdown-body::before {
-    display: table;
-    content: '';
-  }
+.markdown-body .color-fg-attention {
+  color: var(--color-attention-fg) !important;
+}
 
-  .markdown-body::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
+.markdown-body .color-fg-done {
+  color: var(--color-done-fg) !important;
+}
 
-  .markdown-body > *:first-child {
-    margin-top: 0 !important;
-  }
+.markdown-body .flex-items-center {
+  align-items: center !important;
+}
 
-  .markdown-body > *:last-child {
-    margin-bottom: 0 !important;
-  }
+.markdown-body .mb-1 {
+  margin-bottom: var(--base-size-4, 4px) !important;
+}
 
-  .markdown-body a:not([href]) {
-    color: inherit;
-    text-decoration: none;
-  }
+.markdown-body .text-semibold {
+  font-weight: var(--base-text-weight-medium, 500) !important;
+}
 
-  .markdown-body .absent {
-    color: var(--color-danger-fg);
-  }
+.markdown-body .d-inline-flex {
+  display: inline-flex !important;
+}
 
-  .markdown-body .anchor {
-    float: left;
-    padding-right: 4px;
-    margin-left: -20px;
-    line-height: 1;
-  }
+.markdown-body::before {
+  display: table;
+  content: '';
+}
 
-  .markdown-body .anchor:focus {
-    outline: none;
-  }
+.markdown-body::after {
+  display: table;
+  clear: both;
+  content: '';
+}
 
-  .markdown-body p,
-  .markdown-body blockquote,
-  .markdown-body ul,
-  .markdown-body ol,
-  .markdown-body dl,
-  .markdown-body table,
-  .markdown-body pre,
-  .markdown-body details {
-    margin-top: 0;
-    margin-bottom: 16px;
-  }
+.markdown-body > *:first-child {
+  margin-top: 0 !important;
+}
 
-  .markdown-body blockquote > :first-child {
-    margin-top: 0;
-  }
+.markdown-body > *:last-child {
+  margin-bottom: 0 !important;
+}
 
-  .markdown-body blockquote > :last-child {
-    margin-bottom: 0;
-  }
+.markdown-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
 
-  .markdown-body h1 .octicon-link,
-  .markdown-body h2 .octicon-link,
-  .markdown-body h3 .octicon-link,
-  .markdown-body h4 .octicon-link,
-  .markdown-body h5 .octicon-link,
-  .markdown-body h6 .octicon-link {
-    color: var(--color-fg-default);
-    vertical-align: middle;
-    visibility: hidden;
-  }
+.markdown-body .absent {
+  color: var(--color-danger-fg);
+}
 
-  .markdown-body h1:hover .anchor,
-  .markdown-body h2:hover .anchor,
-  .markdown-body h3:hover .anchor,
-  .markdown-body h4:hover .anchor,
-  .markdown-body h5:hover .anchor,
-  .markdown-body h6:hover .anchor {
-    text-decoration: none;
-  }
+.markdown-body .anchor {
+  float: left;
+  padding-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+}
 
-  .markdown-body h1:hover .anchor .octicon-link,
-  .markdown-body h2:hover .anchor .octicon-link,
-  .markdown-body h3:hover .anchor .octicon-link,
-  .markdown-body h4:hover .anchor .octicon-link,
-  .markdown-body h5:hover .anchor .octicon-link,
-  .markdown-body h6:hover .anchor .octicon-link {
-    visibility: visible;
-  }
+.markdown-body .anchor:focus {
+  outline: none;
+}
 
-  .markdown-body h1 tt,
-  .markdown-body h1 code,
-  .markdown-body h2 tt,
-  .markdown-body h2 code,
-  .markdown-body h3 tt,
-  .markdown-body h3 code,
-  .markdown-body h4 tt,
-  .markdown-body h4 code,
-  .markdown-body h5 tt,
-  .markdown-body h5 code,
-  .markdown-body h6 tt,
-  .markdown-body h6 code {
-    padding: 0 0.2em;
-    font-size: inherit;
-  }
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre,
+.markdown-body details {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
 
-  .markdown-body summary h1,
-  .markdown-body summary h2,
-  .markdown-body summary h3,
-  .markdown-body summary h4,
-  .markdown-body summary h5,
-  .markdown-body summary h6 {
-    display: inline-block;
-  }
+.markdown-body blockquote > :first-child {
+  margin-top: 0;
+}
 
-  .markdown-body summary h1 .anchor,
-  .markdown-body summary h2 .anchor,
-  .markdown-body summary h3 .anchor,
-  .markdown-body summary h4 .anchor,
-  .markdown-body summary h5 .anchor,
-  .markdown-body summary h6 .anchor {
-    margin-left: -40px;
-  }
+.markdown-body blockquote > :last-child {
+  margin-bottom: 0;
+}
 
-  .markdown-body summary h1,
-  .markdown-body summary h2 {
-    padding-bottom: 0;
-    border-bottom: 0;
-  }
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+  color: var(--color-fg-default);
+  vertical-align: middle;
+  visibility: hidden;
+}
 
-  .markdown-body ul.no-list,
-  .markdown-body ol.no-list {
-    padding: 0;
-    list-style-type: none;
-  }
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+  text-decoration: none;
+}
 
-  .markdown-body ol[type='a s'] {
-    list-style-type: lower-alpha;
-  }
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+  visibility: visible;
+}
 
-  .markdown-body ol[type='A s'] {
-    list-style-type: upper-alpha;
-  }
+.markdown-body h1 tt,
+.markdown-body h1 code,
+.markdown-body h2 tt,
+.markdown-body h2 code,
+.markdown-body h3 tt,
+.markdown-body h3 code,
+.markdown-body h4 tt,
+.markdown-body h4 code,
+.markdown-body h5 tt,
+.markdown-body h5 code,
+.markdown-body h6 tt,
+.markdown-body h6 code {
+  padding: 0 0.2em;
+  font-size: inherit;
+}
 
-  .markdown-body ol[type='i s'] {
-    list-style-type: lower-roman;
-  }
+.markdown-body summary h1,
+.markdown-body summary h2,
+.markdown-body summary h3,
+.markdown-body summary h4,
+.markdown-body summary h5,
+.markdown-body summary h6 {
+  display: inline-block;
+}
 
-  .markdown-body ol[type='I s'] {
-    list-style-type: upper-roman;
-  }
+.markdown-body summary h1 .anchor,
+.markdown-body summary h2 .anchor,
+.markdown-body summary h3 .anchor,
+.markdown-body summary h4 .anchor,
+.markdown-body summary h5 .anchor,
+.markdown-body summary h6 .anchor {
+  margin-left: -40px;
+}
 
-  .markdown-body ol[type='1'] {
-    list-style-type: decimal;
-  }
+.markdown-body summary h1,
+.markdown-body summary h2 {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
 
-  .markdown-body div > ol:not([type]) {
-    list-style-type: decimal;
-  }
+.markdown-body ul.no-list,
+.markdown-body ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
 
-  .markdown-body ul ul,
-  .markdown-body ul ol,
-  .markdown-body ol ol,
-  .markdown-body ol ul {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
+.markdown-body ol[type='a s'] {
+  list-style-type: lower-alpha;
+}
 
-  .markdown-body li > p {
-    margin-top: 16px;
-  }
+.markdown-body ol[type='A s'] {
+  list-style-type: upper-alpha;
+}
 
-  .markdown-body li + li {
-    margin-top: 0.25em;
-  }
+.markdown-body ol[type='i s'] {
+  list-style-type: lower-roman;
+}
 
-  .markdown-body dl {
-    padding: 0;
-  }
+.markdown-body ol[type='I s'] {
+  list-style-type: upper-roman;
+}
 
-  .markdown-body dl dt {
-    padding: 0;
-    margin-top: 16px;
-    font-size: 1em;
-    font-style: italic;
-    font-weight: var(--base-text-weight-semibold, 600);
-  }
+.markdown-body ol[type='1'] {
+  list-style-type: decimal;
+}
 
-  .markdown-body dl dd {
-    padding: 0 16px;
-    margin-bottom: 16px;
-  }
+.markdown-body div > ol:not([type]) {
+  list-style-type: decimal;
+}
 
-  .markdown-body table th {
-    font-weight: var(--base-text-weight-semibold, 600);
-  }
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 
-  .markdown-body table th,
-  .markdown-body table td {
-    padding: 6px 13px;
-    border: 1px solid var(--theme-border-color);
-    color: var(--font-color);
-  }
+.markdown-body li > p {
+  margin-top: 16px;
+}
 
-  .markdown-body table td > :last-child {
-    margin-bottom: 0;
-  }
+.markdown-body li + li {
+  margin-top: 0.25em;
+}
 
-  .markdown-body table tr {
-    border-top: 1px solid var(--color-border-muted);
-    background-color: var(--code-background-color);
-  }
+.markdown-body dl {
+  padding: 0;
+}
 
-  .markdown-body table tr:nth-child(2n) {
-  }
+.markdown-body dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: var(--base-text-weight-semibold, 600);
+}
 
-  .markdown-body table img {
-    background-color: transparent;
-  }
+.markdown-body dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
 
-  .markdown-body img[align='right'] {
-    padding-left: 20px;
-  }
+.markdown-body table th {
+  font-weight: var(--base-text-weight-semibold, 600);
+}
 
-  .markdown-body img[align='left'] {
-    padding-right: 20px;
-  }
+.markdown-body table th,
+.markdown-body table td {
+  padding: 6px 13px;
+  border: 1px solid var(--theme-border-color);
+  color: var(--font-color);
+}
 
-  .markdown-body .emoji {
-    max-width: none;
-    vertical-align: text-top;
-    background-color: transparent;
-  }
+.markdown-body table td > :last-child {
+  margin-bottom: 0;
+}
 
-  .markdown-body span.frame {
-    display: block;
-    overflow: hidden;
-  }
+.markdown-body table tr {
+  border-top: 1px solid var(--color-border-muted);
+  background-color: var(--code-background-color);
+}
 
-  .markdown-body span.frame > span {
-    display: block;
-    float: left;
-    width: auto;
-    padding: 7px;
-    margin: 13px 0 0;
-    overflow: hidden;
-    border: 1px solid var(--color-border-default);
-  }
+.markdown-body table tr:nth-child(2n) {
+}
 
-  .markdown-body span.frame span img {
-    display: block;
-    float: left;
-  }
+.markdown-body table img {
+  background-color: transparent;
+}
 
-  .markdown-body span.frame span span {
-    display: block;
-    padding: 5px 0 0;
-    clear: both;
-    color: var(--color-fg-default);
-  }
+.markdown-body img[align='right'] {
+  padding-left: 20px;
+}
 
-  .markdown-body span.align-center {
-    display: block;
-    overflow: hidden;
-    clear: both;
-  }
+.markdown-body img[align='left'] {
+  padding-right: 20px;
+}
 
-  .markdown-body span.align-center > span {
-    display: block;
-    margin: 13px auto 0;
-    overflow: hidden;
-    text-align: center;
-  }
+.markdown-body .emoji {
+  max-width: none;
+  vertical-align: text-top;
+  background-color: transparent;
+}
 
-  .markdown-body span.align-center span img {
-    margin: 0 auto;
-    text-align: center;
-  }
+.markdown-body span.frame {
+  display: block;
+  overflow: hidden;
+}
 
-  .markdown-body span.align-right {
-    display: block;
-    overflow: hidden;
-    clear: both;
-  }
+.markdown-body span.frame > span {
+  display: block;
+  float: left;
+  width: auto;
+  padding: 7px;
+  margin: 13px 0 0;
+  overflow: hidden;
+  border: 1px solid var(--color-border-default);
+}
 
-  .markdown-body span.align-right > span {
-    display: block;
-    margin: 13px 0 0;
-    overflow: hidden;
-    text-align: right;
-  }
+.markdown-body span.frame span img {
+  display: block;
+  float: left;
+}
 
-  .markdown-body span.align-right span img {
-    margin: 0;
-    text-align: right;
-  }
+.markdown-body span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--color-fg-default);
+}
 
-  .markdown-body span.float-left {
-    display: block;
-    float: left;
-    margin-right: 13px;
-    overflow: hidden;
-  }
+.markdown-body span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.markdown-body span.align-center > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.markdown-body span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.markdown-body span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.markdown-body span.align-right > span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.markdown-body span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
 
-  .markdown-body span.float-left span {
-    margin: 13px 0 0;
-  }
+.markdown-body span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
 
-  .markdown-body span.float-right {
-    display: block;
-    float: right;
-    margin-left: 13px;
-    overflow: hidden;
-  }
+.markdown-body span.float-left span {
+  margin: 13px 0 0;
+}
 
-  .markdown-body span.float-right > span {
-    display: block;
-    margin: 13px auto 0;
-    overflow: hidden;
-    text-align: right;
-  }
+.markdown-body span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
 
-  .markdown-body code,
-  .markdown-body tt {
-    padding: 0.2em 0.4em;
-    margin: 0;
-    font-size: 85%;
-    white-space: break-spaces;
-    background-color: transparent;
-    border-radius: 6px;
-  }
+.markdown-body span.float-right > span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
 
-  .markdown-body code br,
-  .markdown-body tt br {
-    display: none;
-  }
+.markdown-body code,
+.markdown-body tt {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  white-space: break-spaces;
+  background-color: transparent;
+  border-radius: 6px;
+}
 
-  .markdown-body del code {
-    text-decoration: inherit;
-  }
+.markdown-body code br,
+.markdown-body tt br {
+  display: none;
+}
 
-  .markdown-body samp {
-    font-size: 85%;
-  }
+.markdown-body del code {
+  text-decoration: inherit;
+}
 
-  .markdown-body pre code {
-    font-size: 100%;
-  }
+.markdown-body samp {
+  font-size: 85%;
+}
 
-  .markdown-body pre > code {
-    padding: 0;
-    margin: 0;
-    word-break: break-word;
-    white-space: pre-wrap;
-    background: transparent;
-    border: 0;
-  }
+.markdown-body pre code {
+  font-size: 100%;
+}
 
-  .markdown-body .highlight {
-    margin-bottom: 16px;
-  }
+.markdown-body pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: break-word;
+  white-space: pre-wrap;
+  background: transparent;
+  border: 0;
+}
 
-  .markdown-body .highlight pre {
-    margin-bottom: 0;
-    word-break: break-word;
-  }
+.markdown-body .highlight {
+  margin-bottom: 16px;
+}
 
-  .markdown-body .highlight pre,
-  .markdown-body pre {
-    padding: 16px;
-    overflow: auto;
-    font-size: 85%;
-    line-height: 1.45;
-    border-radius: 6px;
-  }
+.markdown-body .highlight pre {
+  margin-bottom: 0;
+  word-break: break-word;
+}
 
-  .markdown-body pre code,
-  .markdown-body pre tt {
-    display: inline;
-    max-width: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    line-height: inherit;
-    word-wrap: break-word;
-    background-color: transparent;
-    border: 0;
-  }
+.markdown-body .highlight pre,
+.markdown-body pre {
+  padding: 16px;
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  border-radius: 6px;
+}
 
-  .markdown-body .csv-data td,
-  .markdown-body .csv-data th {
-    padding: 5px;
-    overflow: hidden;
-    font-size: 12px;
-    line-height: 1;
-    text-align: left;
-    white-space: nowrap;
-    color: var(--font-color);
-  }
+.markdown-body pre code,
+.markdown-body pre tt {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  word-wrap: break-word;
+  background-color: transparent;
+  border: 0;
+}
 
-  .markdown-body .csv-data .blob-num {
-    padding: 10px 8px 9px;
-    text-align: right;
-    border: 0;
-  }
+.markdown-body .csv-data td,
+.markdown-body .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+  color: var(--font-color);
+}
 
-  .markdown-body .csv-data tr {
-    border-top: 0;
-  }
+.markdown-body .csv-data .blob-num {
+  padding: 10px 8px 9px;
+  text-align: right;
+  border: 0;
+}
 
-  .markdown-body .csv-data th {
-    font-weight: var(--base-text-weight-semibold, 600);
-    border-top: 0;
-  }
+.markdown-body .csv-data tr {
+  border-top: 0;
+}
 
-  .markdown-body [data-footnote-ref]::before {
-    content: '[';
-  }
+.markdown-body .csv-data th {
+  font-weight: var(--base-text-weight-semibold, 600);
+  border-top: 0;
+}
 
-  .markdown-body [data-footnote-ref]::after {
-    content: ']';
-  }
+.markdown-body [data-footnote-ref]::before {
+  content: '[';
+}
 
-  .markdown-body .footnotes {
-    font-size: 12px;
-    color: var(--color-fg-muted);
-    border-top: 1px solid var(--color-border-default);
-  }
+.markdown-body [data-footnote-ref]::after {
+  content: ']';
+}
 
-  .markdown-body .footnotes ol {
-    padding-left: 16px;
-  }
+.markdown-body .footnotes {
+  font-size: 12px;
+  color: var(--color-fg-muted);
+  border-top: 1px solid var(--color-border-default);
+}
 
-  .markdown-body .footnotes ol ul {
-    display: inline-block;
-    padding-left: 16px;
-    margin-top: 16px;
-  }
+.markdown-body .footnotes ol {
+  padding-left: 16px;
+}
 
-  .markdown-body .footnotes li {
-    position: relative;
-  }
+.markdown-body .footnotes ol ul {
+  display: inline-block;
+  padding-left: 16px;
+  margin-top: 16px;
+}
 
-  .markdown-body .footnotes li:target::before {
-    position: absolute;
-    top: -8px;
-    right: -8px;
-    bottom: -8px;
-    left: -24px;
-    pointer-events: none;
-    content: '';
-    border: 2px solid var(--color-accent-emphasis);
-    border-radius: 6px;
-  }
+.markdown-body .footnotes li {
+  position: relative;
+}
 
-  .markdown-body .footnotes li:target {
-    color: var(--color-fg-default);
-  }
+.markdown-body .footnotes li:target::before {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  bottom: -8px;
+  left: -24px;
+  pointer-events: none;
+  content: '';
+  border: 2px solid var(--color-accent-emphasis);
+  border-radius: 6px;
+}
 
-  .markdown-body .footnotes .data-footnote-backref g-emoji {
-    font-family: monospace;
-  }
+.markdown-body .footnotes li:target {
+  color: var(--color-fg-default);
+}
 
-  .markdown-body .pl-c {
-    color: var(--color-prettylights-syntax-comment);
-  }
+.markdown-body .footnotes .data-footnote-backref g-emoji {
+  font-family: monospace;
+}
 
-  .markdown-body .pl-c1,
-  .markdown-body .pl-s .pl-v {
-    color: var(--color-prettylights-syntax-constant);
-  }
+.markdown-body .pl-c {
+  color: var(--color-prettylights-syntax-comment);
+}
 
-  .markdown-body .pl-e,
-  .markdown-body .pl-en {
-    color: var(--color-prettylights-syntax-entity);
-  }
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+  color: var(--color-prettylights-syntax-constant);
+}
 
-  .markdown-body .pl-smi,
-  .markdown-body .pl-s .pl-s1 {
-    color: var(--color-prettylights-syntax-storage-modifier-import);
-  }
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+  color: var(--color-prettylights-syntax-entity);
+}
 
-  .markdown-body .pl-ent {
-    color: var(--color-prettylights-syntax-entity-tag);
-  }
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+  color: var(--color-prettylights-syntax-storage-modifier-import);
+}
 
-  .markdown-body .pl-k {
-    color: var(--color-prettylights-syntax-keyword);
-  }
+.markdown-body .pl-ent {
+  color: var(--color-prettylights-syntax-entity-tag);
+}
 
-  .markdown-body .pl-s,
-  .markdown-body .pl-pds,
-  .markdown-body .pl-s .pl-pse .pl-s1,
-  .markdown-body .pl-sr,
-  .markdown-body .pl-sr .pl-cce,
-  .markdown-body .pl-sr .pl-sre,
-  .markdown-body .pl-sr .pl-sra {
-    color: var(--color-prettylights-syntax-string);
-  }
+.markdown-body .pl-k {
+  color: var(--color-prettylights-syntax-keyword);
+}
 
-  .markdown-body .pl-v,
-  .markdown-body .pl-smw {
-    color: var(--color-prettylights-syntax-variable);
-  }
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+  color: var(--color-prettylights-syntax-string);
+}
 
-  .markdown-body .pl-bu {
-    color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
-  }
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+  color: var(--color-prettylights-syntax-variable);
+}
 
-  .markdown-body .pl-ii {
-    color: var(--color-prettylights-syntax-invalid-illegal-text);
-    background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
-  }
+.markdown-body .pl-bu {
+  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+}
 
-  .markdown-body .pl-c2 {
-    color: var(--color-prettylights-syntax-carriage-return-text);
-    background-color: var(--color-prettylights-syntax-carriage-return-bg);
-  }
+.markdown-body .pl-ii {
+  color: var(--color-prettylights-syntax-invalid-illegal-text);
+  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+}
 
-  .markdown-body .pl-sr .pl-cce {
-    font-weight: bold;
-    color: var(--color-prettylights-syntax-string-regexp);
-  }
+.markdown-body .pl-c2 {
+  color: var(--color-prettylights-syntax-carriage-return-text);
+  background-color: var(--color-prettylights-syntax-carriage-return-bg);
+}
 
-  .markdown-body .pl-ml {
-    color: var(--color-prettylights-syntax-markup-list);
-  }
+.markdown-body .pl-sr .pl-cce {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-string-regexp);
+}
 
-  .markdown-body .pl-mh,
-  .markdown-body .pl-mh .pl-en,
-  .markdown-body .pl-ms {
-    font-weight: bold;
-    color: var(--color-prettylights-syntax-markup-heading);
-  }
+.markdown-body .pl-ml {
+  color: var(--color-prettylights-syntax-markup-list);
+}
 
-  .markdown-body .pl-mi {
-    font-style: italic;
-    color: var(--color-prettylights-syntax-markup-italic);
-  }
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-markup-heading);
+}
 
-  .markdown-body .pl-mb {
-    font-weight: bold;
-    color: var(--color-prettylights-syntax-markup-bold);
-  }
+.markdown-body .pl-mi {
+  font-style: italic;
+  color: var(--color-prettylights-syntax-markup-italic);
+}
 
-  .markdown-body .pl-md {
-    color: var(--color-prettylights-syntax-markup-deleted-text);
-    background-color: var(--color-prettylights-syntax-markup-deleted-bg);
-  }
+.markdown-body .pl-mb {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-markup-bold);
+}
 
-  .markdown-body .pl-mi1 {
-    color: var(--color-prettylights-syntax-markup-inserted-text);
-    background-color: var(--color-prettylights-syntax-markup-inserted-bg);
-  }
+.markdown-body .pl-md {
+  color: var(--color-prettylights-syntax-markup-deleted-text);
+  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+}
 
-  .markdown-body .pl-mc {
-    color: var(--color-prettylights-syntax-markup-changed-text);
-    background-color: var(--color-prettylights-syntax-markup-changed-bg);
-  }
+.markdown-body .pl-mi1 {
+  color: var(--color-prettylights-syntax-markup-inserted-text);
+  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+}
 
-  .markdown-body .pl-mi2 {
-    color: var(--color-prettylights-syntax-markup-ignored-text);
-    background-color: var(--color-prettylights-syntax-markup-ignored-bg);
-  }
+.markdown-body .pl-mc {
+  color: var(--color-prettylights-syntax-markup-changed-text);
+  background-color: var(--color-prettylights-syntax-markup-changed-bg);
+}
 
-  .markdown-body .pl-mdr {
-    font-weight: bold;
-    color: var(--color-prettylights-syntax-meta-diff-range);
-  }
+.markdown-body .pl-mi2 {
+  color: var(--color-prettylights-syntax-markup-ignored-text);
+  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+}
 
-  .markdown-body .pl-ba {
-    color: var(--color-prettylights-syntax-brackethighlighter-angle);
-  }
+.markdown-body .pl-mdr {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-meta-diff-range);
+}
 
-  .markdown-body .pl-sg {
-    color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
-  }
+.markdown-body .pl-ba {
+  color: var(--color-prettylights-syntax-brackethighlighter-angle);
+}
 
-  .markdown-body .pl-corl {
-    text-decoration: underline;
-    color: var(--color-prettylights-syntax-constant-other-reference-link);
-  }
+.markdown-body .pl-sg {
+  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+}
 
-  .markdown-body g-emoji {
-    display: inline-block;
-    min-width: 1ch;
-    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-    font-size: 1em;
-    font-style: normal !important;
-    font-weight: var(--base-text-weight-normal, 400);
-    line-height: 1;
-    vertical-align: -0.075em;
-  }
+.markdown-body .pl-corl {
+  text-decoration: underline;
+  color: var(--color-prettylights-syntax-constant-other-reference-link);
+}
 
-  .markdown-body g-emoji img {
-    width: 1em;
-    height: 1em;
-  }
+.markdown-body g-emoji {
+  display: inline-block;
+  min-width: 1ch;
+  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  font-size: 1em;
+  font-style: normal !important;
+  font-weight: var(--base-text-weight-normal, 400);
+  line-height: 1;
+  vertical-align: -0.075em;
+}
 
-  .markdown-body .task-list-item {
-    list-style-type: none;
-  }
+.markdown-body g-emoji img {
+  width: 1em;
+  height: 1em;
+}
 
-  .markdown-body .task-list-item label {
-    font-weight: var(--base-text-weight-normal, 400);
-  }
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
 
-  .markdown-body .task-list-item.enabled label {
-    cursor: pointer;
-  }
+.markdown-body .task-list-item label {
+  font-weight: var(--base-text-weight-normal, 400);
+}
 
-  .markdown-body .task-list-item + .task-list-item {
-    margin-top: 4px;
-  }
+.markdown-body .task-list-item.enabled label {
+  cursor: pointer;
+}
 
-  .markdown-body .task-list-item .handle {
-    display: none;
-  }
+.markdown-body .task-list-item + .task-list-item {
+  margin-top: 4px;
+}
 
-  .markdown-body .task-list-item-checkbox {
-    margin: 0 0.2em 0.25em -1.4em;
-    vertical-align: middle;
-  }
+.markdown-body .task-list-item .handle {
+  display: none;
+}
 
-  .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
-    margin: 0 -1.6em 0.25em 0.2em;
-  }
+.markdown-body .task-list-item-checkbox {
+  margin: 0 0.2em 0.25em -1.4em;
+  vertical-align: middle;
+}
 
-  .markdown-body .contains-task-list {
-    position: relative;
-  }
+.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em 0.25em 0.2em;
+}
 
-  .markdown-body .contains-task-list:hover .task-list-item-convert-container,
-  .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
-    display: block;
-    width: auto;
-    height: 24px;
-    overflow: visible;
-    clip: auto;
-  }
+.markdown-body .contains-task-list {
+  position: relative;
+}
 
-  .markdown-body .QueryBuilder .qb-entity {
-    color: var(--color-prettylights-syntax-entity);
-  }
+.markdown-body .contains-task-list:hover .task-list-item-convert-container,
+.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
+  display: block;
+  width: auto;
+  height: 24px;
+  overflow: visible;
+  clip: auto;
+}
 
-  .markdown-body .QueryBuilder .qb-constant {
-    color: var(--color-prettylights-syntax-constant);
-  }
+.markdown-body .QueryBuilder .qb-entity {
+  color: var(--color-prettylights-syntax-entity);
+}
 
-  .markdown-body ::-webkit-calendar-picker-indicator {
-    filter: invert(50%);
-  }
+.markdown-body .QueryBuilder .qb-constant {
+  color: var(--color-prettylights-syntax-constant);
+}
 
-  .markdown-body .markdown-alert {
-    padding: 0 1em;
-    margin-bottom: 16px;
-    color: inherit;
-    border-left: 0.25em solid var(--color-border-default);
-  }
+.markdown-body ::-webkit-calendar-picker-indicator {
+  filter: invert(50%);
+}
 
-  .markdown-body .markdown-alert > :first-child {
-    margin-top: 0;
-  }
+.markdown-body .markdown-alert {
+  padding: 0 1em;
+  margin-bottom: 16px;
+  color: inherit;
+  border-left: 0.25em solid var(--color-border-default);
+}
 
-  .markdown-body .markdown-alert > :last-child {
-    margin-bottom: 0;
-  }
+.markdown-body .markdown-alert > :first-child {
+  margin-top: 0;
+}
 
-  .markdown-body .markdown-alert.markdown-alert-note {
-    border-left-color: var(--color-accent-fg);
-  }
+.markdown-body .markdown-alert > :last-child {
+  margin-bottom: 0;
+}
 
-  .markdown-body .markdown-alert.markdown-alert-important {
-    border-left-color: var(--color-done-fg);
-  }
+.markdown-body .markdown-alert.markdown-alert-note {
+  border-left-color: var(--color-accent-fg);
+}
 
-  .markdown-body .markdown-alert.markdown-alert-warning {
-    border-left-color: var(--color-attention-fg);
-  }
+.markdown-body .markdown-alert.markdown-alert-important {
+  border-left-color: var(--color-done-fg);
+}
 
-  .icon-and-text {
-    color: var(--font-color);
-    display: flex;
-    align-items: center;
-    padding: 15px;
-    gap: 6px;
-  }
+.markdown-body .markdown-alert.markdown-alert-warning {
+  border-left-color: var(--color-attention-fg);
+}
 
-  .manual-btn {
-    cursor: pointer;
-  }
+.icon-and-text {
+  color: var(--font-color);
+  display: flex;
+  align-items: center;
+  padding: 15px;
+  gap: 6px;
+}
 
-  .gpt-loading {
-    color: var(--font-color);
-    animation: chatgptbox-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
+.manual-btn {
+  cursor: pointer;
+}
 
-  .code-corner-util {
-    color: var(--font-color);
-    position: absolute;
-    right: 10px;
-    top: 3px;
-    transition: opacity 0.3s;
-    opacity: 0.2;
-  }
+.gpt-loading {
+  color: var(--font-color);
+  animation: chatgptbox-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 
-  .code-corner-util:hover {
-    opacity: 1;
-  }
+.code-corner-util {
+  color: var(--font-color);
+  position: absolute;
+  right: 10px;
+  top: 3px;
+  transition: opacity 0.3s;
+  opacity: 0.2;
+}
 
-  .gpt-util-group {
-    display: flex;
-    gap: 15px;
-    align-items: center;
-  }
+.code-corner-util:hover {
+  opacity: 1;
+}
 
-  .gpt-util-icon {
-    display: flex;
-    cursor: pointer;
-    align-items: center;
-    z-index: 0;
+.gpt-util-group {
+  display: flex;
+  gap: 15px;
+  align-items: center;
+}
 
-    svg {
-      z-index: 0;
-      color: var(--font-color);
-      background-color: var(--theme-color);
-    }
-  }
+.gpt-util-icon {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  z-index: 0;
 
-  .normal-button {
-    padding: 1px 6px;
-    border: 1px solid;
-    border-color: var(--theme-border-color);
-    background-color: var(--theme-color);
+  svg {
+    z-index: 0;
     color: var(--font-color);
-    border-radius: 5px;
-    cursor: pointer;
-    white-space: nowrap;
-  }
-
-  .chatgptbox-question {
-    background: var(--question-bg-color);
+    background-color: var(--theme-color);
   }
+}
 
-  :is(.chatgptbox-answer, .chatgptbox-question, .chatgptbox-error) {
-    font-size: 15px;
-    line-height: 1.6;
-    padding: 4px 15px;
-    word-break: break-word;
+.normal-button {
+  padding: 1px 6px;
+  border: 1px solid;
+  border-color: var(--theme-border-color);
+  background-color: var(--theme-color);
+  color: var(--font-color);
+  border-radius: 5px;
+  cursor: pointer;
+  white-space: nowrap;
+}
 
-    pre {
-      margin-top: 10px;
-      padding: 0 0.4em;
-      overflow-y: hidden;
+.chatgptbox-question {
+  background: var(--question-bg-color);
+}
 
-      code {
-        background-color: var(--code-background-color);
-        font-size: 14px;
-      }
-    }
+:is(.chatgptbox-answer, .chatgptbox-question, .chatgptbox-error) {
+  font-size: 15px;
+  line-height: 1.6;
+  padding: 4px 15px;
+  word-break: break-word;
 
-    p {
-      margin: 0 0 10px;
-    }
+  pre {
+    margin-top: 10px;
+    padding: 0 0.4em;
+    overflow-y: hidden;
 
     code {
-      padding: 0 0.4em;
-      margin: 0;
-      white-space: pre-wrap;
-      word-break: break-word;
-      border-radius: 8px;
-      background-color: var(--color-neutral-muted);
-      font-size: 11px;
-
-      .hljs {
-        padding: 0;
-      }
+      background-color: var(--code-background-color);
+      font-size: 14px;
     }
   }
 
-  .gpt-header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 5px;
-    color: var(--font-color);
+  p {
+    margin: 0 0 10px;
+  }
 
-    svg {
-      width: 16px;
-      height: 16px;
-    }
+  code {
+    padding: 0 0.4em;
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    border-radius: 8px;
+    background-color: var(--color-neutral-muted);
+    font-size: 11px;
 
-    p {
-      font-weight: bold;
-      margin: 0;
+    .hljs {
+      padding: 0;
     }
+  }
+}
 
-    .gpt-feedback {
-      display: flex;
-      gap: 6px;
-    }
+.gpt-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 5px;
+  color: var(--font-color);
 
-    .gpt-feedback-selected {
-      color: #f08080;
-    }
+  svg {
+    width: 16px;
+    height: 16px;
   }
 
-  .chatgptbox-error {
-    p {
-      color: #ec4336;
-    }
+  p {
+    font-weight: bold;
+    margin: 0;
+  }
 
-    color: #ec4336;
+  .gpt-feedback {
+    display: flex;
+    gap: 6px;
   }
 
-  .input-box {
-    display: contents;
+  .gpt-feedback-selected {
+    color: #f08080;
   }
+}
 
-  .interact-input {
-    box-sizing: border-box;
-    padding: 5px 15px;
-    padding-right: 1em;
-    border: 0;
-    border-top: 1px solid var(--theme-border-color);
-    width: 100%;
-    height: 70px;
-    min-height: 70px;
-    resize: none !important;
-    background-color: var(--theme-color);
-    color: var(--font-color);
+.chatgptbox-error {
+  p {
+    color: #ec4336;
+  }
 
-    &:focus {
-      outline: none;
-    }
+  color: #ec4336;
+}
 
-    &::-webkit-scrollbar {
-      background-color: var(--theme-color);
-      height: 9px;
-      width: 9px;
-    }
+.input-box {
+  display: contents;
+}
 
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--theme-border-color);
-      border-radius: 20px;
-      border: transparent;
-    }
+.interact-input {
+  box-sizing: border-box;
+  padding: 5px 15px;
+  padding-right: 1em;
+  border: 0;
+  border-top: 1px solid var(--theme-border-color);
+  width: 100%;
+  height: 100%;
+  background-color: var(--theme-color);
+  color: var(--font-color);
 
-    &::-webkit-scrollbar-corner {
-      background: transparent;
-    }
+  &:focus {
+    outline: none;
   }
 
-  .submit-button {
-    position: absolute;
-    right: 1.1em;
-    bottom: 0.4em;
-    padding: 1px 6px;
-    cursor: pointer;
-    background-color: #30a14e;
-    color: white;
-    border: 1px solid;
-    border-radius: 6px;
-    border-color: rgba(31, 35, 40, 0.15);
-    font-size: 1em;
-    box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
+  &::-webkit-scrollbar {
+    background-color: var(--theme-color);
+    height: 9px;
+    width: 9px;
   }
 
-  .draggable {
-    cursor: move;
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--theme-border-color);
+    border-radius: 20px;
+    border: transparent;
   }
 
-  .dragbar {
-    cursor: move;
-    width: 42%;
-    height: 12px;
-    border-radius: 10px;
-    background-color: var(--dragbar-color);
+  &::-webkit-scrollbar-corner {
+    background: transparent;
   }
 }
 
+.resizable-popup .interact-input {
+  height: 70px;
+  min-height: 70px;
+  resize: none !important;
+}
+
+.submit-button {
+  position: absolute;
+  right: 1.1em;
+  bottom: 0.4em;
+  padding: 1px 6px;
+  cursor: pointer;
+  background-color: #30a14e;
+  color: white;
+  border: 1px solid;
+  border-radius: 6px;
+  border-color: rgba(31, 35, 40, 0.15);
+  font-size: 1em;
+  box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
+}
+
+.draggable {
+  cursor: move;
+}
+
+.dragbar {
+  cursor: move;
+  width: 42%;
+  height: 12px;
+  border-radius: 10px;
+  background-color: var(--dragbar-color);
+}
+
 @keyframes chatgptbox-pulse {
   0%,
   100% {
@@ -1451,7 +1461,7 @@
   background-color: var(--hover-toolbar-color);
 }
 
-.chatgptbox-selection-window {
+.chatgptbox-selection-window.resizable-popup {
   border-radius: 8px;
   background-color: var(--theme-color);
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
@@ -1468,3 +1478,9 @@
   display: flex;
   flex-direction: column;
 }
+
+.gpt-inner.manual-btn {
+  border: 1px solid var(--theme-border-color);
+  background-color: var(--theme-color);
+  border-radius: 8px;
+}