diff --git a/frontend/package.json b/frontend/package.json
index 2f550d23f..1ccaa1737 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,8 +24,8 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "@tanstack/react-query": "^5.100.14",
     "@tanstack/react-router": "^1.170.8",
-    "@vector-im/compound-design-tokens": "6.10.1",
-    "@vector-im/compound-web": "^8.3.5",
+    "@vector-im/compound-design-tokens": "10.2.0",
+    "@vector-im/compound-web": "^9.3.0",
     "@zxcvbn-ts/core": "^3.0.4",
     "@zxcvbn-ts/language-common": "^3.0.4",
     "classnames": "^2.5.1",
diff --git a/frontend/src/components/AccountDeleteButton.tsx b/frontend/src/components/AccountDeleteButton.tsx
index a5ab30991..0cdab39d6 100644
--- a/frontend/src/components/AccountDeleteButton.tsx
+++ b/frontend/src/components/AccountDeleteButton.tsx
@@ -159,7 +159,7 @@ const AccountDeleteButton: React.FC<Props> = (props) => {
         <Button
           kind="tertiary"
           destructive
-          size="sm"
+          size="md"
           className="self-center"
           Icon={IconDelete}
         >
diff --git a/frontend/src/components/BrowserSession.tsx b/frontend/src/components/BrowserSession.tsx
index 66d03cc2f..aaefb88df 100644
--- a/frontend/src/components/BrowserSession.tsx
+++ b/frontend/src/components/BrowserSession.tsx
@@ -125,7 +125,7 @@ const BrowserSession: React.FC<Props> = ({ session, isCurrent }) => {
 
       {!data.finishedAt && (
         <Card.Action>
-          <EndBrowserSessionButton session={data} size="sm" />
+          <EndBrowserSessionButton session={data} size="md" />
         </Card.Action>
       )}
     </Card.Root>
diff --git a/frontend/src/components/ButtonLink.tsx b/frontend/src/components/ButtonLink.tsx
index 57362612d..161f7decc 100644
--- a/frontend/src/components/ButtonLink.tsx
+++ b/frontend/src/components/ButtonLink.tsx
@@ -12,7 +12,7 @@ import styles from "./ButtonLink.module.css";
 
 type Props = {
   kind?: "primary" | "secondary" | "tertiary";
-  size?: "sm" | "lg";
+  size?: "md" | "lg";
   Icon?: React.ComponentType<React.SVGAttributes<SVGElement>>;
   destructive?: boolean;
   disabled?: boolean;
diff --git a/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap b/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap
index d3a8be198..0b6ae3603 100644
--- a/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap
+++ b/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap
@@ -56,9 +56,9 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
             class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <a
-              class="_link_1v5rz_8 _externalLink_94c115"
+              class="_link_k9ljz_8 _externalLink_94c115"
               data-kind="primary"
-              data-size="medium"
+              data-size="md"
               href="https://client.org/tos"
               rel="noreferrer noopener"
               target="_blank"
@@ -79,9 +79,9 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
             class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <a
-              class="_link_1v5rz_8 _externalLink_94c115"
+              class="_link_k9ljz_8 _externalLink_94c115"
               data-kind="primary"
-              data-size="medium"
+              data-size="md"
               href="https://client.org/policy"
               rel="noreferrer noopener"
               target="_blank"
diff --git a/frontend/src/components/CompatSession.tsx b/frontend/src/components/CompatSession.tsx
index c52295baf..08642ff43 100644
--- a/frontend/src/components/CompatSession.tsx
+++ b/frontend/src/components/CompatSession.tsx
@@ -101,7 +101,7 @@ const CompatSession: React.FC<{
 
       {!data.finishedAt && (
         <Card.Action>
-          <EndCompatSessionButton session={data} size="sm" />
+          <EndCompatSessionButton session={data} size="md" />
         </Card.Action>
       )}
     </Card.Root>
diff --git a/frontend/src/components/OAuth2Session.tsx b/frontend/src/components/OAuth2Session.tsx
index 3cac3a399..7ab2ad774 100644
--- a/frontend/src/components/OAuth2Session.tsx
+++ b/frontend/src/components/OAuth2Session.tsx
@@ -123,7 +123,7 @@ const OAuth2Session: React.FC<Props> = ({ session }) => {
 
       {!data.finishedAt && (
         <Card.Action>
-          <EndOAuth2SessionButton session={data} size="sm" />
+          <EndOAuth2SessionButton session={data} size="md" />
         </Card.Action>
       )}
     </Card.Root>
diff --git a/frontend/src/components/PaginationControls.tsx b/frontend/src/components/PaginationControls.tsx
index f8d3e68c3..020640c89 100644
--- a/frontend/src/components/PaginationControls.tsx
+++ b/frontend/src/components/PaginationControls.tsx
@@ -32,7 +32,7 @@ const PaginationControls: React.FC<Props> = ({
     <div className="grid items-center grid-cols-3 gap-2">
       <Button
         kind="secondary"
-        size="sm"
+        size="md"
         disabled={disabled || !onPrev}
         onClick={(): void => onPrev?.()}
       >
@@ -45,7 +45,7 @@ const PaginationControls: React.FC<Props> = ({
       </div>
       <Button
         kind="secondary"
-        size="sm"
+        size="md"
         disabled={disabled || !onNext}
         onClick={(): void => onNext?.()}
       >
diff --git a/frontend/src/components/Session/EndBrowserSessionButton.tsx b/frontend/src/components/Session/EndBrowserSessionButton.tsx
index 308a44c71..91a82930f 100644
--- a/frontend/src/components/Session/EndBrowserSessionButton.tsx
+++ b/frontend/src/components/Session/EndBrowserSessionButton.tsx
@@ -66,7 +66,7 @@ export const useEndBrowserSession = (
 
 type Props = {
   session: FragmentType<typeof FRAGMENT>;
-  size: "sm" | "lg";
+  size: "md" | "lg";
 };
 
 const EndBrowserSessionButton: React.FC<Props> = ({ session, size }) => {
diff --git a/frontend/src/components/Session/EndCompatSessionButton.tsx b/frontend/src/components/Session/EndCompatSessionButton.tsx
index fc7a3b768..0454960dc 100644
--- a/frontend/src/components/Session/EndCompatSessionButton.tsx
+++ b/frontend/src/components/Session/EndCompatSessionButton.tsx
@@ -40,7 +40,7 @@ const END_SESSION_MUTATION = graphql(/* GraphQL */ `
 
 type Props = {
   session: FragmentType<typeof FRAGMENT>;
-  size: "sm" | "lg";
+  size: "md" | "lg";
 };
 
 const EndCompatSessionButton: React.FC<Props> = ({ session, size }) => {
diff --git a/frontend/src/components/Session/EndOAuth2SessionButton.tsx b/frontend/src/components/Session/EndOAuth2SessionButton.tsx
index 6fb7c084a..3e776bb7b 100644
--- a/frontend/src/components/Session/EndOAuth2SessionButton.tsx
+++ b/frontend/src/components/Session/EndOAuth2SessionButton.tsx
@@ -56,7 +56,7 @@ const getDeviceTypeFromClientAppType = (
 
 type Props = {
   session: FragmentType<typeof FRAGMENT>;
-  size: "sm" | "lg";
+  size: "md" | "lg";
 };
 
 const EndOAuth2SessionButton: React.FC<Props> = ({ session, size }) => {
diff --git a/frontend/src/components/Session/EndSessionButton.tsx b/frontend/src/components/Session/EndSessionButton.tsx
index 58d432704..34f8fa297 100644
--- a/frontend/src/components/Session/EndSessionButton.tsx
+++ b/frontend/src/components/Session/EndSessionButton.tsx
@@ -19,7 +19,7 @@ import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
 const EndSessionButton: React.FC<
   React.PropsWithChildren<{
     mutation: UseMutationResult<unknown, unknown, void>;
-    size: "sm" | "lg";
+    size: "md" | "lg";
   }>
 > = ({ children, mutation, size }) => {
   const [open, setOpen] = useState(false);
diff --git a/frontend/src/components/SessionCard/SessionCard.stories.tsx b/frontend/src/components/SessionCard/SessionCard.stories.tsx
index e123ac880..cb7aa6d7d 100644
--- a/frontend/src/components/SessionCard/SessionCard.stories.tsx
+++ b/frontend/src/components/SessionCard/SessionCard.stories.tsx
@@ -35,7 +35,7 @@ const Template: React.FC<{
       </Card.Body>
       {!disabled && (
         <Card.Action>
-          <Button kind="secondary" destructive size="sm" Icon={IconSignOut}>
+          <Button kind="secondary" destructive size="md" Icon={IconSignOut}>
             {t("frontend.end_session_button.text")}
           </Button>
         </Card.Action>
diff --git a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
index cd5b73a80..9860a0b5a 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
@@ -154,7 +154,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           Scopes
         </h5>
         <ul
-          class="_visual-list_1mgc1_8 mt-1"
+          class="_visual-list_6zpfn_8 mt-1"
         >
           <li
             class="_visual-list-item_1nc1y_8"
@@ -271,7 +271,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       aria-controls="radix-_r_8_"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -451,7 +451,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           Scopes
         </h5>
         <ul
-          class="_visual-list_1mgc1_8 mt-1"
+          class="_visual-list_6zpfn_8 mt-1"
         >
           <li
             class="_visual-list-item_1nc1y_8"
@@ -554,7 +554,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       aria-controls="radix-_r_k_"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -752,7 +752,7 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           Scopes
         </h5>
         <ul
-          class="_visual-list_1mgc1_8 mt-1"
+          class="_visual-list_6zpfn_8 mt-1"
         >
           <li
             class="_visual-list-item_1nc1y_8"
diff --git a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
index cc18dd50f..25f240845 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
@@ -172,7 +172,7 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           Scopes
         </h5>
         <ul
-          class="_visual-list_1mgc1_8 mt-1"
+          class="_visual-list_6zpfn_8 mt-1"
         >
           <li
             class="_visual-list-item_1nc1y_8"
@@ -465,7 +465,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           Scopes
         </h5>
         <ul
-          class="_visual-list_1mgc1_8 mt-1"
+          class="_visual-list_6zpfn_8 mt-1"
         >
           <li
             class="_visual-list-item_1nc1y_8"
@@ -604,7 +604,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       aria-controls="radix-_r_8_"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
diff --git a/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap b/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap
index 05cafedc7..f6cc92a26 100644
--- a/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap
+++ b/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap
@@ -20,9 +20,9 @@ exports[`BrowserSessionsOverview > renders with no browser sessions 1`] = `
       </p>
     </div>
     <a
-      class="_link_1v5rz_8"
+      class="_link_k9ljz_8"
       data-kind="primary"
-      data-size="medium"
+      data-size="md"
       href="/sessions/browsers"
       rel="noreferrer noopener"
     >
@@ -52,9 +52,9 @@ exports[`BrowserSessionsOverview > renders with sessions 1`] = `
       </p>
     </div>
     <a
-      class="_link_1v5rz_8"
+      class="_link_k9ljz_8"
       data-kind="primary"
-      data-size="medium"
+      data-size="md"
       href="/sessions/browsers"
       rel="noreferrer noopener"
     >
diff --git a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
index 294eade50..95f71d704 100644
--- a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
@@ -165,9 +165,9 @@ exports[`<CompatSession /> > renders an active session 1`] = `
         aria-controls="radix-_r_0_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+        class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
         data-kind="secondary"
-        data-size="sm"
+        data-size="md"
         data-state="closed"
         role="button"
         tabindex="0"
diff --git a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
index a7384ad0a..ac499c822 100644
--- a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
@@ -159,9 +159,9 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
         aria-controls="radix-_r_0_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+        class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
         data-kind="secondary"
-        data-size="sm"
+        data-size="md"
         data-state="closed"
         role="button"
         tabindex="0"
diff --git a/frontend/src/routes/_account.sessions.browsers.tsx b/frontend/src/routes/_account.sessions.browsers.tsx
index 5add16e62..6d1b19275 100644
--- a/frontend/src/routes/_account.sessions.browsers.tsx
+++ b/frontend/src/routes/_account.sessions.browsers.tsx
@@ -163,7 +163,7 @@ function BrowserSessions(): React.ReactElement {
         <div className="flex *:flex-1">
           <ButtonLink
             kind="secondary"
-            size="sm"
+            size="md"
             disabled={!forwardPage}
             to="/sessions/browsers"
             search={forwardPage || pagination}
@@ -177,7 +177,7 @@ function BrowserSessions(): React.ReactElement {
 
           <ButtonLink
             kind="secondary"
-            size="sm"
+            size="md"
             disabled={!backwardPage}
             to="/sessions/browsers"
             search={backwardPage || pagination}
diff --git a/frontend/src/routes/_account.sessions.index.tsx b/frontend/src/routes/_account.sessions.index.tsx
index 703c17129..94b36f537 100644
--- a/frontend/src/routes/_account.sessions.index.tsx
+++ b/frontend/src/routes/_account.sessions.index.tsx
@@ -343,7 +343,7 @@ function Sessions(): React.ReactElement {
         <div className="flex *:flex-1">
           <ButtonLink
             kind="secondary"
-            size="sm"
+            size="md"
             disabled={!forwardPage}
             to="/sessions"
             search={{ inactive, ...(forwardPage || pagination) }}
@@ -357,7 +357,7 @@ function Sessions(): React.ReactElement {
 
           <ButtonLink
             kind="secondary"
-            size="sm"
+            size="md"
             disabled={!backwardPage}
             to="/sessions"
             search={{ inactive, ...(backwardPage || pagination) }}
diff --git a/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap b/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
index dc5914732..d52db009c 100644
--- a/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
+++ b/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
@@ -48,9 +48,9 @@ exports[`Reset cross signing > renders the cancelled page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -64,9 +64,9 @@ exports[`Reset cross signing > renders the cancelled page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
@@ -123,7 +123,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
       If you're not signed in to any other devices and you've lost your recovery key, then you'll need to reset your identity to continue using the app.
     </p>
     <ul
-      class="_visual-list_1mgc1_8"
+      class="_visual-list_6zpfn_8"
     >
       <li
         class="_visual-list-item_1nc1y_8"
@@ -197,7 +197,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     </p>
     <button
       aria-disabled="false"
-      class="_button_13vu4_8 _destructive_13vu4_110"
+      class="_button_1nw83_8 _destructive_1nw83_110"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -207,7 +207,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     </button>
     <a
       aria-disabled="false"
-      class="_button_13vu4_8 _buttonLink_014cb0"
+      class="_button_1nw83_8 _buttonLink_014cb0"
       data-kind="tertiary"
       data-size="lg"
       href="/reset-cross-signing/cancelled"
@@ -221,9 +221,9 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -237,9 +237,9 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
@@ -296,7 +296,7 @@ exports[`Reset cross signing > renders the errored page 1`] = `
       This might be a temporary problem, so please try again later. If the problem persists, please contact your server administrator.
     </p>
     <button
-      class="_button_13vu4_8"
+      class="_button_1nw83_8"
       data-kind="tertiary"
       data-size="lg"
       role="button"
@@ -309,9 +309,9 @@ exports[`Reset cross signing > renders the errored page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -325,9 +325,9 @@ exports[`Reset cross signing > renders the errored page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
@@ -384,7 +384,7 @@ exports[`Reset cross signing > renders the page 1`] = `
       If you're not signed in to any other devices and you've lost your recovery key, then you'll need to reset your identity to continue using the app.
     </p>
     <ul
-      class="_visual-list_1mgc1_8"
+      class="_visual-list_6zpfn_8"
     >
       <li
         class="_visual-list-item_1nc1y_8"
@@ -458,7 +458,7 @@ exports[`Reset cross signing > renders the page 1`] = `
     </p>
     <button
       aria-disabled="false"
-      class="_button_13vu4_8 _destructive_13vu4_110"
+      class="_button_1nw83_8 _destructive_1nw83_110"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -468,7 +468,7 @@ exports[`Reset cross signing > renders the page 1`] = `
     </button>
     <a
       aria-disabled="false"
-      class="_button_13vu4_8 _buttonLink_014cb0"
+      class="_button_1nw83_8 _buttonLink_014cb0"
       data-kind="tertiary"
       data-size="lg"
       href="/"
@@ -482,9 +482,9 @@ exports[`Reset cross signing > renders the page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -498,9 +498,9 @@ exports[`Reset cross signing > renders the page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
@@ -561,9 +561,9 @@ exports[`Reset cross signing > renders the success page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -577,9 +577,9 @@ exports[`Reset cross signing > renders the success page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
@@ -640,9 +640,9 @@ exports[`Reset cross signing > renders the success page 2`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -656,9 +656,9 @@ exports[`Reset cross signing > renders the success page 2`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
diff --git a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
index 44fe9d013..eadba723e 100644
--- a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
+++ b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`Account home page > display name edit box > displays an error if the di
   </h2>
   <span
     aria-label="@alice:example.com"
-    class="_avatar_zysgz_8 self-center _avatar-imageless_zysgz_55"
+    class="_avatar_va14e_8 self-center _avatar-imageless_va14e_55"
     data-color="6"
     data-type="round"
     role="img"
@@ -53,7 +53,7 @@ exports[`Account home page > display name edit box > displays an error if the di
             aria-describedby="radix-_r_a0_"
             aria-invalid="true"
             autocomplete="name"
-            class="_control_sqdq4_10 _control_1s836_13"
+            class="_control_d83jn_10 _control_1s836_13"
             data-invalid="true"
             id="radix-_r_9p_"
             name="displayname"
@@ -98,7 +98,7 @@ exports[`Account home page > display name edit box > displays an error if the di
           Username
         </label>
         <input
-          class="_control_sqdq4_10"
+          class="_control_d83jn_10"
           id="radix-_r_a1_"
           name="mxid"
           readonly=""
@@ -109,7 +109,7 @@ exports[`Account home page > display name edit box > displays an error if the di
     </div>
     <button
       aria-disabled="false"
-      class="_button_13vu4_8"
+      class="_button_1nw83_8"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -120,7 +120,7 @@ exports[`Account home page > display name edit box > displays an error if the di
     </button>
   </form>
   <button
-    class="_button_13vu4_8"
+    class="_button_1nw83_8"
     data-kind="tertiary"
     data-size="lg"
     role="button"
@@ -168,7 +168,7 @@ exports[`Account home page > display name edit box > lets edit the display name
   </h2>
   <span
     aria-label="@alice:example.com"
-    class="_avatar_zysgz_8 self-center _avatar-imageless_zysgz_55"
+    class="_avatar_va14e_8 self-center _avatar-imageless_va14e_55"
     data-color="6"
     data-type="round"
     role="img"
@@ -199,7 +199,7 @@ exports[`Account home page > display name edit box > lets edit the display name
           <input
             aria-describedby="radix-_r_3h_"
             autocomplete="name"
-            class="_control_sqdq4_10 _control_1s836_13"
+            class="_control_d83jn_10 _control_1s836_13"
             id="radix-_r_3a_"
             name="displayname"
             title=""
@@ -243,7 +243,7 @@ exports[`Account home page > display name edit box > lets edit the display name
           Username
         </label>
         <input
-          class="_control_sqdq4_10"
+          class="_control_d83jn_10"
           id="radix-_r_3i_"
           name="mxid"
           readonly=""
@@ -254,7 +254,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     </div>
     <button
       aria-disabled="false"
-      class="_button_13vu4_8"
+      class="_button_1nw83_8"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -265,7 +265,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     </button>
   </form>
   <button
-    class="_button_13vu4_8"
+    class="_button_1nw83_8"
     data-kind="tertiary"
     data-size="lg"
     role="button"
@@ -315,7 +315,7 @@ exports[`Account home page > renders the page 1`] = `
         >
           <span
             aria-label="@alice:example.com"
-            class="_avatar_zysgz_8 _avatar_0d9d49 _avatar-imageless_zysgz_55"
+            class="_avatar_va14e_8 _avatar_0d9d49 _avatar-imageless_va14e_55"
             data-color="6"
             data-type="round"
             role="img"
@@ -475,7 +475,7 @@ exports[`Account home page > renders the page 1`] = `
                 class="flex items-center gap-2"
               >
                 <input
-                  class="_control_sqdq4_10 _userEmailField_06c85d"
+                  class="_control_d83jn_10 _userEmailField_06c85d"
                   id="radix-_r_j_"
                   name="email"
                   readonly=""
@@ -503,7 +503,7 @@ exports[`Account home page > renders the page 1`] = `
               >
                 <input
                   aria-describedby="radix-_r_o_"
-                  class="_control_sqdq4_10"
+                  class="_control_d83jn_10"
                   id="radix-_r_n_"
                   name="input"
                   required=""
@@ -594,7 +594,7 @@ exports[`Account home page > renders the page 1`] = `
               </label>
               <input
                 aria-describedby="radix-_r_12_"
-                class="_control_sqdq4_10"
+                class="_control_d83jn_10"
                 id="radix-_r_11_"
                 name="password_preview"
                 readonly=""
@@ -680,7 +680,7 @@ exports[`Account home page > renders the page 1`] = `
         aria-controls="radix-_r_1b_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+        class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
         data-kind="primary"
         data-size="lg"
         data-state="closed"
@@ -711,9 +711,9 @@ exports[`Account home page > renders the page 1`] = `
         aria-controls="radix-_r_1e_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_13vu4_8 self-center _has-icon_13vu4_60 _destructive_13vu4_110"
+        class="_button_1nw83_8 self-center _has-icon_1nw83_60 _destructive_1nw83_110"
         data-kind="tertiary"
-        data-size="sm"
+        data-size="md"
         data-state="closed"
         role="button"
         tabindex="0"
@@ -744,9 +744,9 @@ exports[`Account home page > renders the page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -760,9 +760,9 @@ exports[`Account home page > renders the page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
diff --git a/frontend/tests/routes/account/__snapshots__/sessions.test.tsx.snap b/frontend/tests/routes/account/__snapshots__/sessions.test.tsx.snap
index c506ae8fe..0b6d7f71c 100644
--- a/frontend/tests/routes/account/__snapshots__/sessions.test.tsx.snap
+++ b/frontend/tests/routes/account/__snapshots__/sessions.test.tsx.snap
@@ -42,7 +42,7 @@ exports[`Account sessions page > renders the page 1`] = `
         </div>
       </header>
       <button
-        class="_button_13vu4_8"
+        class="_button_1nw83_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -56,9 +56,9 @@ exports[`Account sessions page > renders the page 1`] = `
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -72,9 +72,9 @@ exports[`Account sessions page > renders the page 1`] = `
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
@@ -113,7 +113,7 @@ exports[`Account sessions page > session limit > displays an error if they've hi
         >
           <span
             aria-label="@alice:example.com"
-            class="_avatar_zysgz_8 _avatar_0d9d49 _avatar-imageless_zysgz_55"
+            class="_avatar_va14e_8 _avatar_0d9d49 _avatar-imageless_va14e_55"
             data-color="6"
             data-type="round"
             role="img"
@@ -226,9 +226,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
           </p>
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="/sessions/browsers"
           rel="noreferrer noopener"
         >
@@ -410,9 +410,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
             aria-controls="radix-_r_t_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+            class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
             data-kind="secondary"
-            data-size="sm"
+            data-size="md"
             data-state="closed"
             role="button"
             tabindex="0"
@@ -535,9 +535,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
             aria-controls="radix-_r_10_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+            class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
             data-kind="secondary"
-            data-size="sm"
+            data-size="md"
             data-state="closed"
             role="button"
             tabindex="0"
@@ -660,9 +660,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
             aria-controls="radix-_r_13_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+            class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
             data-kind="secondary"
-            data-size="sm"
+            data-size="md"
             data-state="closed"
             role="button"
             tabindex="0"
@@ -785,9 +785,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
             aria-controls="radix-_r_16_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+            class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
             data-kind="secondary"
-            data-size="sm"
+            data-size="md"
             data-state="closed"
             role="button"
             tabindex="0"
@@ -910,9 +910,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
             aria-controls="radix-_r_19_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+            class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
             data-kind="secondary"
-            data-size="sm"
+            data-size="md"
             data-state="closed"
             role="button"
             tabindex="0"
@@ -1035,9 +1035,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
             aria-controls="radix-_r_1c_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+            class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
             data-kind="secondary"
-            data-size="sm"
+            data-size="md"
             data-state="closed"
             role="button"
             tabindex="0"
@@ -1064,9 +1064,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
       >
         <a
           aria-disabled="true"
-          class="_button_13vu4_8 _buttonLink_014cb0"
+          class="_button_1nw83_8 _buttonLink_014cb0"
           data-kind="secondary"
-          data-size="sm"
+          data-size="md"
           role="link"
           tabindex="0"
         >
@@ -1075,9 +1075,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
         <div />
         <a
           aria-disabled="false"
-          class="_button_13vu4_8 _buttonLink_014cb0"
+          class="_button_1nw83_8 _buttonLink_014cb0"
           data-kind="secondary"
-          data-size="sm"
+          data-size="md"
           href="/sessions?last=6&before=foo"
           role="link"
           tabindex="0"
@@ -1091,9 +1091,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
     >
       <nav>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/policy"
           rel="noreferrer noopener"
           title="Link to the service privacy policy"
@@ -1107,9 +1107,9 @@ exports[`Account sessions page > session limit > displays an error if they've hi
           •
         </div>
         <a
-          class="_link_1v5rz_8"
+          class="_link_k9ljz_8"
           data-kind="primary"
-          data-size="medium"
+          data-size="md"
           href="https://matrix.org/tos"
           rel="noreferrer noopener"
           title="Link to the service terms and conditions"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a38055493..33ea75d75 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -45,11 +45,11 @@ importers:
         specifier: ^1.170.8
         version: 1.170.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@vector-im/compound-design-tokens':
-        specifier: 6.10.1
-        version: 6.10.1(@types/react@19.2.15)(react@19.2.6)
+        specifier: 10.2.0
+        version: 10.2.0(@types/react@19.2.15)(react@19.2.6)
       '@vector-im/compound-web':
-        specifier: ^8.3.5
-        version: 8.4.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(@vector-im/compound-design-tokens@6.10.1(@types/react@19.2.15)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        specifier: ^9.3.0
+        version: 9.3.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(@vector-im/compound-design-tokens@10.2.0(@types/react@19.2.15)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@zxcvbn-ts/core':
         specifier: ^3.0.4
         version: 3.0.4
@@ -2407,8 +2407,8 @@ packages:
   '@types/ws@8.18.1':
     resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
 
-  '@vector-im/compound-design-tokens@6.10.1':
-    resolution: {integrity: sha512-rbb+aUQhB6DppZrfZpwg5o2K4Uzil5QGmAoOSBmAdfgFMwQWkhwk1jnZozbH/vbsqwTLtRdX6tztXRZ1W9sJ0A==}
+  '@vector-im/compound-design-tokens@10.2.0':
+    resolution: {integrity: sha512-0/xEt6HuYMxRt6F4bSwB8DjgCEB26bFVqSwvVlcDbDWPun8e2p+NWTfJ109SMZFOAtPgmEcShB3xz/lG+zqgiA==}
     peerDependencies:
       '@types/react': '*'
       react: ^17 || ^18 || ^19.0.0
@@ -2418,13 +2418,13 @@ packages:
       react:
         optional: true
 
-  '@vector-im/compound-web@8.4.0':
-    resolution: {integrity: sha512-xScGP2UP04qxXBCI6D7MfzwfT0w+8k5sepXehaHleLZX0pykdPFeFp+P1WJz2NocQgEnqWIYHrp50kMrYzs0fA==}
+  '@vector-im/compound-web@9.3.0':
+    resolution: {integrity: sha512-Elu4Uw8RbfP6JaudQYkVibALYT6qpwubqfKhteTxIPWBWzSYM+P5T+B1uX+ra+grNcXwXUt2xfMxpqYQsAHgYA==}
     peerDependencies:
       '@fontsource/inconsolata': ^5
       '@fontsource/inter': ^5
       '@types/react': '*'
-      '@vector-im/compound-design-tokens': '>=1.6.1 <7.0.0'
+      '@vector-im/compound-design-tokens': '>=1.6.1 <11.0.0'
       react: ^18 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
@@ -6623,12 +6623,12 @@ snapshots:
     dependencies:
       '@types/node': 25.9.1
 
-  '@vector-im/compound-design-tokens@6.10.1(@types/react@19.2.15)(react@19.2.6)':
+  '@vector-im/compound-design-tokens@10.2.0(@types/react@19.2.15)(react@19.2.6)':
     optionalDependencies:
       '@types/react': 19.2.15
       react: 19.2.6
 
-  '@vector-im/compound-web@8.4.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(@vector-im/compound-design-tokens@6.10.1(@types/react@19.2.15)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@vector-im/compound-web@9.3.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(@vector-im/compound-design-tokens@10.2.0(@types/react@19.2.15)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/react': 0.27.19(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@fontsource/inconsolata': 5.2.8
@@ -6639,7 +6639,7 @@ snapshots:
       '@radix-ui/react-progress': 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@radix-ui/react-separator': 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@radix-ui/react-slot': 1.2.4(@types/react@19.2.15)(react@19.2.6)
-      '@vector-im/compound-design-tokens': 6.10.1(@types/react@19.2.15)(react@19.2.6)
+      '@vector-im/compound-design-tokens': 10.2.0(@types/react@19.2.15)(react@19.2.6)
       classnames: 2.5.1
       react: 19.2.6
       vaul: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
diff --git a/templates/components/icon.html b/templates/components/icon.html
index 3544d94de..3702ab155 100644
--- a/templates/components/icon.html
+++ b/templates/components/icon.html
@@ -26,6 +26,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.106-1.789z" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
+{% macro advanced_settings() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" clip-rule="evenodd"/><path fill-rule="evenodd" d="M13.49 11.38c.43-1.22.17-2.64-.81-3.62a3.47 3.47 0 0 0-4.1-.59l2.35 2.35-1.41 1.41-2.35-2.35c-.71 1.32-.52 2.99.59 4.1.98.98 2.4 1.24 3.62.81l3.41 3.41c.2.2.51.2.71 0l1.4-1.4c.2-.2.2-.51 0-.71z" clip-rule="evenodd"/></svg>
+{% endmacro %}
+
 {% macro arrow_down() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1"/></svg>
 {% endmacro %}
@@ -63,11 +67,11 @@ done
 {% endmacro %}
 
 {% macro backspace_solid() %}
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M21.15 4H7.283c-.638 0-1.137.311-1.47.782l-4.66 6.73a.87.87 0 0 0 0 .986l4.66 6.72c.333.462.832.782 1.47.782h13.869C22.168 20 23 19.2 23 18.222V5.778C23 4.8 22.168 4 21.15 4m-3.42 11.822a.947.947 0 0 1-1.304 0l-2.672-2.569-2.672 2.57a.947.947 0 0 1-1.303 0 .86.86 0 0 1 0-1.254L12.45 12 9.779 9.431a.86.86 0 0 1 0-1.253.947.947 0 0 1 1.303 0l2.672 2.569 2.672-2.57a.947.947 0 0 1 1.304 0c.36.347.36.907 0 1.254L15.058 12l2.672 2.569a.877.877 0 0 1 0 1.253"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7.33a2 2 0 0 1-1.673-.902l-3.937-6a2 2 0 0 1 0-2.196l3.937-6A2 2 0 0 1 7.33 4zm-3.543 4.457a1 1 0 0 0-1.414 0L13 10.5l-2.043-2.043a1 1 0 0 0-1.414 1.414l2.043 2.043-2.129 2.129a1 1 0 0 0 1.414 1.414l2.13-2.129 2.128 2.129a1 1 0 0 0 1.414-1.414l-2.129-2.129 2.043-2.043a1 1 0 0 0 0-1.414" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
 {% macro backspace() %}
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M15.043 8.457a1 1 0 0 1 1.414 1.414l-2.043 2.043 2.129 2.129a1 1 0 1 1-1.414 1.414l-2.13-2.129-2.127 2.129a1 1 0 0 1-1.415-1.414l2.129-2.129-2.043-2.043a1 1 0 0 1 1.414-1.414L13 10.5z"/><path fill-rule="evenodd" d="M20 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7.28a2 2 0 0 1-1.655-.877l-4.072-6a2 2 0 0 1 0-2.246l4.072-6A2 2 0 0 1 7.28 4zM3.208 12l4.072 6H20V6H7.28z" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
 {% macro block() %}
@@ -78,6 +82,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"/></svg>
 {% endmacro %}
 
+{% macro bug() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M19 8h-1.81a6 6 0 0 0-1.82-1.96l.93-.93a.996.996 0 1 0-1.41-1.41l-1.47 1.47C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L9.11 3.7A.996.996 0 1 0 7.7 5.11l.92.93C7.88 6.55 7.26 7.22 6.81 8H5c-.55 0-1 .45-1 1s.45 1 1 1h1.09c-.05.33-.09.66-.09 1v1H5c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .34.04.67.09 1H5c-.55 0-1 .45-1 1s.45 1 1 1h1.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H19c.55 0 1-.45 1-1s-.45-1-1-1h-1.09c.05-.33.09-.66.09-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v-1c0-.34-.04-.67-.09-1H19c.55 0 1-.45 1-1s-.45-1-1-1m-6 8h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1m0-4h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1"/></svg>
+{% endmacro %}
+
 {% macro calendar() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M5 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V6q0-.824.587-1.412A1.93 1.93 0 0 1 5 4h1V2h2v2h8V2h2v2h1q.824 0 1.413.588Q21 5.175 21 6v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 22zm0-2h14V10H5zM5 8h14V6H5zm7 6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 13q0-.424.287-.713A.97.97 0 0 1 12 12q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 12 14m-4 0a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 13q0-.424.287-.713A.97.97 0 0 1 8 12q.424 0 .713.287Q9 12.576 9 13t-.287.713A.97.97 0 0 1 8 14m8 0a.97.97 0 0 1-.713-.287A.97.97 0 0 1 15 13q0-.424.287-.713A.97.97 0 0 1 16 12q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 16 14m-4 4a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 17q0-.424.287-.712A.97.97 0 0 1 12 16q.424 0 .713.288.287.287.287.712 0 .424-.287.712A.97.97 0 0 1 12 18m-4 0a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 17q0-.424.287-.712A.97.97 0 0 1 8 16q.424 0 .713.288Q9 16.575 9 17q0 .424-.287.712A.97.97 0 0 1 8 18m8 0a.97.97 0 0 1-.713-.288A.97.97 0 0 1 15 17q0-.424.287-.712A.97.97 0 0 1 16 16q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 16 18"/></svg>
 {% endmacro %}
@@ -154,6 +162,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="m8.825 12 1.475-1.475q.3-.3.3-.7t-.3-.7-.713-.3-.712.3L6.7 11.3q-.15.15-.213.325a1.1 1.1 0 0 0-.062.375q0 .2.063.375a.9.9 0 0 0 .212.325l2.175 2.175q.3.3.713.3.412 0 .712-.3t.3-.7-.3-.7zm6.35 0L13.7 13.475q-.3.3-.3.7t.3.7.713.3.712-.3L17.3 12.7q.15-.15.212-.325.063-.175.063-.375t-.062-.375a.9.9 0 0 0-.213-.325l-2.175-2.175a1 1 0 0 0-1.425 0q-.3.3-.3.7t.3.7zM5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"/></svg>
 {% endmacro %}
 
+{% macro collapse_all() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="m12 16.975-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l3.875-3.875q.575-.575 1.425-.575t1.425.575l3.875 3.875a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275zm0-9.8 3.9-3.9A.95.95 0 0 1 16.6 3q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.425 8.55q-.575.575-1.425.575t-1.425-.575L6.7 4.675a.95.95 0 0 1-.275-.7q0-.425.275-.7A.95.95 0 0 1 7.4 3q.425 0 .7.275z"/></svg>
+{% endmacro %}
+
 {% macro collapse() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12 11.034a1 1 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 0 0 0-2h-5.586L22 3.445a1 1 0 0 0-1.414-1.414L14 8.617V3.031a1 1 0 1 0-2 0zm0 1.963a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 11 12H3a1 1 0 1 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 0 0 2 0z"/></svg>
 {% endmacro %}
@@ -182,6 +194,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"/></svg>
 {% endmacro %}
 
+{% macro device_passkey() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M19.5 9.385q1.458 0 2.48 1.021Q23 11.426 23 12.885q0 1.122-.642 2.027a3.4 3.4 0 0 1-1.691 1.269v.204l.758.759q.088.087.124.189a.7.7 0 0 1 .036.219q0 .116-.036.218a.5.5 0 0 1-.124.19l-.758.759.802 1.02a.6.6 0 0 1 .11.197.5.5 0 0 1 .02.226.57.57 0 0 1-.204.38l-1.501 1.313a.62.62 0 0 1-.409.145.5.5 0 0 1-.212-.044.6.6 0 0 1-.167-.116l-.598-.599a.58.58 0 0 1-.175-.423v-4.637a3.54 3.54 0 0 1-1.875-1.553A3.36 3.36 0 0 1 16 12.885q0-1.458 1.02-2.479 1.022-1.02 2.48-1.021m0 2.334q-.481 0-.824.343a1.12 1.12 0 0 0-.343.823q0 .48.343.824.342.343.824.343t.824-.343q.343-.342.343-.824 0-.48-.343-.823a1.12 1.12 0 0 0-.824-.343" clip-rule="evenodd"/><path d="M11 13.125q1.532 0 3.025.298a5.25 5.25 0 0 0 1.054 2.737q.542.714 1.254 1.217v3.441q0 .092.007.182H3.125q-.478 0-.802-.323A1.1 1.1 0 0 1 2 19.875V17.85q0-.957.492-1.758A3.3 3.3 0 0 1 3.8 14.869a16.7 16.7 0 0 1 3.544-1.309A15.5 15.5 0 0 1 11 13.125M11 3q1.857 0 3.178 1.322Q15.5 5.644 15.5 7.5t-1.322 3.178T11 12t-3.178-1.322T6.5 7.5t1.322-3.178T11 3"/></svg>
+{% endmacro %}
+
 {% macro devices() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"/></svg>
 {% endmacro %}
@@ -286,6 +302,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M5 7a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2zm3 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm2 5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/></svg>
 {% endmacro %}
 
+{% macro folder() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h6l2 2h8q.824 0 1.413.588Q22 7.175 22 8v10q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4z"/></svg>
+{% endmacro %}
+
 {% macro forward() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M14.597 5.708a1.004 1.004 0 0 1 0-1.416.996.996 0 0 1 1.412 0l4.699 4.714c.39.391.39 1.025 0 1.416l-4.7 4.714a.996.996 0 0 1-1.411 0 1.004 1.004 0 0 1 0-1.416l3.043-3.053H8.487c-1.888 0-3.485 1.604-3.485 3.666C5.002 16.396 6.599 18 8.487 18h2.093a1 1 0 1 1 0 2H8.487c-3.067 0-5.485-2.575-5.485-5.667S5.42 8.667 8.487 8.667h9.059z"/></svg>
 {% endmacro %}
@@ -455,7 +475,7 @@ done
 {% endmacro %}
 
 {% macro mac() %}
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16.099 2.4a4.1 4.1 0 0 1-1.057 3.074c-.747.862-1.878 1.358-3.07 1.347-.075-1.081.315-2.146 1.085-2.96.78-.825 1.866-1.346 3.042-1.461m3.767 6.54c-1.37.783-2.213 2.163-2.234 3.657.002 1.69 1.092 3.215 2.768 3.873a9.4 9.4 0 0 1-1.44 2.723c-.848 1.178-1.737 2.329-3.149 2.35-.67.015-1.124-.165-1.596-.351-.493-.195-1.006-.398-1.809-.398-.851 0-1.388.21-1.905.412-.447.174-.88.343-1.49.367-1.343.046-2.37-1.258-3.25-2.425-1.756-2.383-3.124-6.716-1.29-9.664.861-1.437 2.471-2.349 4.241-2.402.763-.015 1.494.258 2.136.497.49.183.928.347 1.286.347.315 0 .74-.157 1.237-.34.78-.288 1.737-.64 2.71-.545 1.514.044 2.917.748 3.785 1.9" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16.099 2.4a4.1 4.1 0 0 1-1.057 3.073c-.747.863-1.878 1.36-3.07 1.348-.075-1.081.315-2.146 1.085-2.96.78-.825 1.866-1.346 3.042-1.461m3.767 6.54c-1.37.783-2.214 2.163-2.234 3.657.002 1.69 1.092 3.215 2.768 3.873a9.4 9.4 0 0 1-1.44 2.723c-.848 1.178-1.737 2.329-3.149 2.35-.671.015-1.124-.165-1.596-.351-.493-.195-1.006-.398-1.809-.398-.852 0-1.388.21-1.905.412-.447.174-.88.343-1.49.367-1.343.046-2.37-1.258-3.25-2.425-1.756-2.383-3.124-6.716-1.29-9.664.86-1.437 2.471-2.349 4.241-2.402.763-.015 1.494.258 2.135.497.49.183.929.347 1.287.347.315 0 .74-.157 1.237-.34.78-.288 1.737-.64 2.71-.545 1.514.044 2.917.748 3.785 1.9" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
 {% macro mark_as_read() %}
@@ -606,6 +626,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M11 3a1 1 0 1 1 2 0v8.5a.5.5 0 0 0 1 0V4a1 1 0 1 1 2 0v10.2l3.284-2.597a1.081 1.081 0 0 1 1.47 1.577c-.613.673-1.214 1.367-1.818 2.064-1.267 1.463-2.541 2.934-3.943 4.235A6 6 0 0 1 5 15V7a1 1 0 0 1 1.999 0v5.5a.5.5 0 0 0 1 0V4a1 1 0 0 1 2 0v7.5a.5.5 0 0 0 1 0z"/></svg>
 {% endmacro %}
 
+{% macro re_order() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M9 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"/></svg>
+{% endmacro %}
+
 {% macro reaction_add() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a5 5 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887"/><path d="M15.536 14.121a1 1 0 0 1 0 1.415A5 5 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A3 3 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0M8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M18 6h-1a.97.97 0 0 1-.712-.287A.97.97 0 0 1 16 5q0-.424.288-.713A.97.97 0 0 1 17 4h1V3q0-.424.288-.712A.97.97 0 0 1 19 2q.424 0 .712.288Q20 2.575 20 3v1h1q.424 0 .712.287Q22 4.576 22 5t-.288.713A.97.97 0 0 1 21 6h-1v1q0 .424-.288.713A.97.97 0 0 1 19 8a.97.97 0 0 1-.712-.287A.97.97 0 0 1 18 7z"/></svg>
 {% endmacro %}
@@ -630,10 +654,22 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="m8.566 17-.944 4.094q-.086.406-.372.656t-.687.25q-.543 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.801-3.5H3.158q-.572 0-.916-.484a1.27 1.27 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12q-.57 0-.915-.484a1.27 1.27 0 0 1-.2-1.078A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094q.085-.406.372-.656.286-.25.686-.25.544 0 .887.469.345.468.2 1.031l-.8 3.5h4.578l.944-4.094q.085-.406.372-.656.286-.25.687-.25.543 0 .887.469t.2 1.031L17.723 7h3.119q.573 0 .916.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937H17.15l-1.145 5h3.12q.57 0 .915.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937h-3.691l-.944 4.094q-.087.406-.373.656t-.686.25q-.544 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.8-3.5zm.573-2.5h4.578l1.144-5h-4.578z"/></svg>
 {% endmacro %}
 
+{% macro rotate_left() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M6.56 7.98C6.1 7.52 5.31 7.6 5 8.17c-.28.51-.5 1.03-.67 1.58-.19.63.31 1.25.96 1.25h.01c.43 0 .82-.28.94-.7q.18-.6.48-1.17c.22-.37.15-.84-.16-1.15M5.31 13h-.02c-.65 0-1.15.62-.96 1.25.16.54.38 1.07.66 1.58.31.57 1.11.66 1.57.2.3-.31.38-.77.17-1.15-.2-.37-.36-.76-.48-1.16a.97.97 0 0 0-.94-.72m2.85 6.02q.765.42 1.59.66c.62.18 1.24-.32 1.24-.96v-.03c0-.43-.28-.82-.7-.94-.4-.12-.78-.28-1.15-.48a.97.97 0 0 0-1.16.17l-.03.03c-.45.45-.36 1.24.21 1.55M13 4.07v-.66c0-.89-1.08-1.34-1.71-.71L9.17 4.83c-.4.4-.4 1.04 0 1.43l2.13 2.08c.63.62 1.7.17 1.7-.72V6.09c2.84.48 5 2.94 5 5.91 0 2.73-1.82 5.02-4.32 5.75a.97.97 0 0 0-.68.94v.02c0 .65.61 1.14 1.23.96A7.976 7.976 0 0 0 20 12c0-4.08-3.05-7.44-7-7.93"/></svg>
+{% endmacro %}
+
+{% macro rotate_right() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
+{% endmacro %}
+
 {% macro search() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414zM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0"/></svg>
 {% endmacro %}
 
+{% macro section() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M16 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 8q0 .424.287.713Q15.576 9 16 9t.712-.287A.97.97 0 0 0 17 8a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 7m0 4a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 12q0 .424.287.713.288.287.713.287.424 0 .712-.287A.97.97 0 0 0 17 12a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 11m0 4a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 16q0 .424.287.712.288.288.713.288.424 0 .712-.288A.97.97 0 0 0 17 16a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 15m-4-8H8a.97.97 0 0 0-.713.287A.97.97 0 0 0 7 8q0 .424.287.713Q7.576 9 8 9h4q.424 0 .713-.287A.97.97 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7m0 4H8a.97.97 0 0 0-.713.287A.97.97 0 0 0 7 12q0 .424.287.713Q7.576 13 8 13h4q.424 0 .713-.287A.97.97 0 0 0 13 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11m0 4H8a.97.97 0 0 0-.713.287A.97.97 0 0 0 7 16q0 .424.287.712Q7.576 17 8 17h4q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15m7-12q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3zm0 2H5v14h14z"/></svg>
+{% endmacro %}
+
 {% macro send_solid() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="m21.211 12.895-16.14 8.07c-.785.392-1.658-.342-1.406-1.182L5.7 13h6.55a1 1 0 1 0 0-2H5.7L3.665 4.217c-.252-.84.621-1.574 1.405-1.182l16.141 8.07a1 1 0 0 1 0 1.79"/></svg>
 {% endmacro %}
@@ -706,6 +742,14 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M17 2a5 5 0 0 1 5 4.999v5.335a5 5 0 0 1-1.58 3.647l-4.978 4.667A5 5 0 0 1 12.023 22H7l-.258-.007A5 5 0 0 1 2 17V7a5 5 0 0 1 5-5zM7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 2.999 3H12v-4a4 4 0 0 1 4-4h4V6.999A3 3 0 0 0 17 4zm9 10a2 2 0 0 0-2 2v3.251l.074-.062 4.978-4.666q.252-.238.441-.523z" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
+{% macro stop_solid() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"/></svg>
+{% endmacro %}
+
+{% macro stop() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M16 18v2H8v-2zm2-2V8a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2v2a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4v-2a2 2 0 0 0 2-2"/></svg>
+{% endmacro %}
+
 {% macro strikethrough() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"/></svg>
 {% endmacro %}
@@ -726,6 +770,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M6 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 18q0-.424.287-.712A.97.97 0 0 1 6 17h12q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 18 19zm1.35-5.2 3.425-9.2a.9.9 0 0 1 .338-.437A.93.93 0 0 1 11.65 4h.7q.3 0 .537.162.238.163.338.438l3.425 9.225q.15.425-.1.8a.8.8 0 0 1-.7.375.9.9 0 0 1-.512-.162A.9.9 0 0 1 15 14.4l-.75-2.2H9.8L9 14.425a.84.84 0 0 1-.325.425q-.225.15-.5.15a.84.84 0 0 1-.738-.387.82.82 0 0 1-.087-.813m3-3.2h3.3l-1.6-4.55h-.1z"/></svg>
 {% endmacro %}
 
+{% macro theme() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10m1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93z"/></svg>
+{% endmacro %}
+
 {% macro threads_solid() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"/></svg>
 {% endmacro %}
@@ -738,6 +786,14 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586z"/><path fill-rule="evenodd" d="M22 11.915c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
+{% macro translate() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13 2a2 2 0 0 1 2 2v4h6a2 2 0 0 1 2 2v12.586c0 .89-1.077 1.337-1.707.707L19 21h-8a2 2 0 0 1-2-2v-4H5l-2.293 2.293c-.63.63-1.707.184-1.707-.707V4a2 2 0 0 1 2-2zm2.5 10.125H12v1.25h4.37c-.031.73-.325 1.457-.871 2.151a4.4 4.4 0 0 1-.613-1.026h-1.33c.202.69.57 1.335 1.067 1.932-.524.448-1.162.873-1.912 1.263l.578 1.11a11.3 11.3 0 0 0 2.21-1.483c.633.553 1.382 1.05 2.212 1.483l.578-1.11c-.75-.39-1.388-.815-1.912-1.263.758-.912 1.213-1.939 1.245-3.057H20v-1.25h-3.25V10.25H15.5zM3 14.172l.586-.586A2 2 0 0 1 5 13h4v-2.47H6.96L6.563 12H5l2.031-7H8.97l.96 3.312A2 2 0 0 1 11 8h2V4H3zm4.306-4.927h1.386l-.67-2.481h-.047z" clip-rule="evenodd"/></svg>
+{% endmacro %}
+
+{% macro tree() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M9.01 5v1H11c.333 0 1 0 1.5.5S13 7.667 13 8v7.01c0 .54.45.99.99.99H15v-1a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-1h-1.01C12.34 18 11 16.66 11 15.01V9c0-1 0-1-1-1H9v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.01a2 2 0 0 1 2 2"/></svg>
+{% endmacro %}
+
 {% macro underline() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M6 21a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 20q0-.424.287-.712A.97.97 0 0 1 6 19h12q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 18 21zm6-4q-2.525 0-3.925-1.575t-1.4-4.175V4.275q0-.525.388-.9A1.27 1.27 0 0 1 7.975 3q.525 0 .9.375t.375.9V11.4q0 1.4.7 2.275t2.05.875 2.05-.875.7-2.275V4.275q0-.525.387-.9A1.27 1.27 0 0 1 16.05 3q.525 0 .9.375t.375.9v6.975q0 2.6-1.4 4.175T12 17"/></svg>
 {% endmacro %}
@@ -798,6 +854,10 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="m2.747 2.753 1.602 1.602q.005 0 .008-.003L6.006 6h-.012L16 16.006v-.012l2 2v.012l3.247 3.247a1 1 0 0 1-1.414 1.414l-2.899-2.898A2 2 0 0 1 16 20H6a4 4 0 0 1-4-4V8c0-.892.292-1.715.785-2.38L1.333 4.166a1 1 0 0 1 1.414-1.414m1.484 4.312A2 2 0 0 0 4 8v8a2 2 0 0 0 2 2h9.166zM16 6H8.834l-2-2H16a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715v1.45l-2-2zm5 7.652v-3.304L19.073 12z"/></svg>
 {% endmacro %}
 
+{% macro video_call_outgoing_solid() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16 4a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.759v7.652a1 1 0 0 1-1.65.759L18 13.714V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4zM9.55 9l-.103.005a1 1 0 0 0 0 1.99L9.55 11h.571l-2.828 2.828a1 1 0 0 0 1.414 1.414L11.55 12.4v.6l.005.102a1 1 0 0 0 1.99 0L13.55 13v-3l-.005-.103A1 1 0 0 0 12.55 9z" clip-rule="evenodd"/></svg>
+{% endmacro %}
+
 {% macro video_call_solid() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4"/></svg>
 {% endmacro %}
@@ -814,12 +874,24 @@ done
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7 8.813 8.313 7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.787-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.912.787.788.788.788 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.324 1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.313q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8a.8.8 0 0 1 .1.313 3 3 0 0 1 0 .774.8.8 0 0 1-.1.313q-1.475 3.125-4.35 4.963Q15.475 19 12 19m0-2a9.54 9.54 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.77 9.77 0 0 0-3.613-4.012A9.54 9.54 0 0 0 12 6a9.55 9.55 0 0 0-5.187 1.487A9.77 9.77 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.54 9.54 0 0 0 12 17"/></svg>
 {% endmacro %}
 
+{% macro voice_call_declined_solid() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M7.623 3.04a1.07 1.07 0 0 1 1.086.929l.542 3.954q.039.27-.038.504a1.1 1.1 0 0 1-.272.427l-1.64 1.64Q7.806 11.5 8.456 12.4c.433.601 1.444 1.697 1.444 1.697.013.012 1.098 1.014 1.696 1.444q.9.65 1.909 1.153l1.64-1.64q.194-.194.426-.27a1.1 1.1 0 0 1 .504-.04l3.953.543q.407.058.67.358.26.301.26.728l.04 3.527q0 .427-.33.756-.33.33-.756.33a16 16 0 0 1-6.57-1.105 16.2 16.2 0 0 1-5.563-3.663 16.1 16.1 0 0 1-3.653-5.573 16.3 16.3 0 0 1-1.116-6.56q0-.426.329-.756Q3.67 3 4.095 3zM20.25 3q.405 0 .707.3.3.301.3.708t-.3.707l-1.414 1.414 1.414 1.414q.3.3.3.707t-.3.707-.707.3-.707-.3l-1.414-1.414-1.414 1.414q-.3.3-.707.3t-.707-.3T15 8.25q0-.406.3-.707l1.415-1.414L15.3 4.715q-.3-.3-.301-.707 0-.407.3-.707t.71-.301q.405 0 .707.3l1.414 1.415L19.543 3.3q.3-.3.707-.301"/></svg>
+{% endmacro %}
+
+{% macro voice_call_missed_solid() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M7.623 3.04a1.07 1.07 0 0 1 1.086.929l.542 3.954q.039.27-.038.504a1.1 1.1 0 0 1-.272.427l-1.64 1.64Q7.806 11.5 8.456 12.4c.433.601 1.444 1.697 1.444 1.697.013.012 1.098 1.014 1.696 1.444q.9.65 1.909 1.153l1.64-1.64q.194-.194.426-.27a1.1 1.1 0 0 1 .504-.04l3.953.543q.407.058.67.358.26.301.26.728l.04 3.527q0 .427-.33.756-.33.33-.756.33a16 16 0 0 1-6.57-1.105 16.2 16.2 0 0 1-5.563-3.663 16.1 16.1 0 0 1-3.653-5.573 16.3 16.3 0 0 1-1.116-6.56q0-.426.329-.756Q3.67 3 4.095 3z"/><path d="M16 5q.425 0 .713.287Q17 5.575 17 6a.97.97 0 0 1-.287.713A.97.97 0 0 1 16 7h-.5l2.2 2.15 2.4-2.4a.95.95 0 0 1 .7-.275.95.95 0 0 1 .7.275q.3.3.3.7a.92.92 0 0 1-.275.675l-3.125 3.15a.8.8 0 0 1-.312.225 1.04 1.04 0 0 1-.776 0 .9.9 0 0 1-.312-.2l-3-3V9a.97.97 0 0 1-.287.713A.97.97 0 0 1 13 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9V6q0-.425.287-.713A.97.97 0 0 1 13 5z"/></svg>
+{% endmacro %}
+
+{% macro voice_call_outgoing_solid() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M7.623 3.04a1.07 1.07 0 0 1 1.086.929l.542 3.954q.039.27-.038.504a1.1 1.1 0 0 1-.272.427l-1.64 1.64Q7.806 11.5 8.456 12.4c.433.601 1.444 1.697 1.444 1.697.013.012 1.098 1.014 1.696 1.444q.9.65 1.909 1.153l1.64-1.64q.194-.194.426-.27a1.1 1.1 0 0 1 .504-.04l3.953.543q.407.058.67.358.26.301.26.728l.04 3.527q0 .427-.33.756-.33.33-.756.33a16 16 0 0 1-6.57-1.105 16.2 16.2 0 0 1-5.563-3.663 16.1 16.1 0 0 1-3.653-5.573 16.3 16.3 0 0 1-1.116-6.56q0-.426.329-.756Q3.67 3 4.095 3z"/><path d="M19.964 3a1 1 0 0 1 .995.897l.005.103v3l-.005.103a1 1 0 0 1-1.99 0L18.964 7v-.605l-4.05 4.02A1 1 0 0 1 13.5 9l4.03-4h-.566l-.103-.005a1 1 0 0 1 0-1.99L16.964 3z"/></svg>
+{% endmacro %}
+
 {% macro voice_call_solid() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="m20.958 16.374.039 3.527q0 .427-.33.756-.33.33-.756.33a16 16 0 0 1-6.57-1.105 16.2 16.2 0 0 1-5.563-3.663 16.1 16.1 0 0 1-3.653-5.573 16.3 16.3 0 0 1-1.115-6.56q0-.427.33-.757T4.095 3l3.528.039a1.07 1.07 0 0 1 1.085.93l.543 3.954q.039.271-.039.504a1.1 1.1 0 0 1-.271.426l-1.64 1.64q.505 1.008 1.154 1.909c.433.6 1.444 1.696 1.444 1.696s1.095 1.01 1.696 1.444q.9.65 1.909 1.153l1.64-1.64q.193-.193.426-.27t.504-.04l3.954.543q.406.059.668.359t.262.727"/></svg>
 {% endmacro %}
 
 {% macro voice_call() %}
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062" clip-rule="evenodd"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062" clip-rule="evenodd"/></svg>
 {% endmacro %}
 
 {% macro volume_off_solid() %}
@@ -849,3 +921,11 @@ done
 {% macro windows() %}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12.589 2.4H21.6v9.011h-9.011zM2.4 12.588h9.011v9.011H2.4zM2.4 2.4h9.011v9.011H2.4zm10.189 10.188H21.6v9.011h-9.011z"/></svg>
 {% endmacro %}
+
+{% macro zoom_in() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"/><path fill-rule="evenodd" d="M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11" clip-rule="evenodd"/><path d="M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414zM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0"/><path d="M7.875 11.375h1.75v1.75q0 .372.252.623A.85.85 0 0 0 10.5 14a.85.85 0 0 0 .623-.252.85.85 0 0 0 .252-.623v-1.75h1.75a.85.85 0 0 0 .623-.252A.85.85 0 0 0 14 10.5a.85.85 0 0 0-.252-.623.85.85 0 0 0-.623-.252h-1.75v-1.75a.85.85 0 0 0-.252-.623A.85.85 0 0 0 10.5 7a.85.85 0 0 0-.623.252.85.85 0 0 0-.252.623v1.75h-1.75a.85.85 0 0 0-.623.252A.85.85 0 0 0 7 10.5q0 .372.252.623a.85.85 0 0 0 .623.252"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
+{% endmacro %}
+
+{% macro zoom_out() %}
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M13.5 9.5q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-6a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5z"/><path fill-rule="evenodd" d="M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11" clip-rule="evenodd"/></svg>
+{% endmacro %}