@nayhoo/ui 0.22.0 → 0.23.0

package/dist/patterns/index.mjs

@@ -2,26 +2,26 @@ import {
   Container
 } from "../chunk-OUMPB4BX.mjs";
 import {
-  sprinkles
-} from "../chunk-DO2J4RNO.mjs";
-import "../chunk-GWDU7T23.mjs";
+  navRecipe
+} from "../chunk-YXNAFARR.mjs";
 import "../chunk-IVA2SE6G.mjs";
-import "../chunk-P3OUEGR4.mjs";
-import "../chunk-E6E5BANX.mjs";
 import "../chunk-ZE66ZTIP.mjs";
 import "../chunk-ZBDJRVZE.mjs";
 import "../chunk-W5J5CULC.mjs";
+import "../chunk-ENQ7ORHL.mjs";
+import "../chunk-7RIU5XD3.mjs";
 import "../chunk-DOHVBMXO.mjs";
-import "../chunk-NOIOHUNH.mjs";
 import "../chunk-3QRC6OXA.mjs";
+import "../chunk-P3OUEGR4.mjs";
+import "../chunk-E6E5BANX.mjs";
 import "../chunk-6HL72YC5.mjs";
 import "../chunk-BD5MZVXZ.mjs";
 import "../chunk-WUVNL3DI.mjs";
 import "../chunk-ZE5SRIKT.mjs";
 import "../chunk-6BSCPITT.mjs";
 import "../chunk-F6TTRF4S.mjs";
-import "../chunk-7RIU5XD3.mjs";
-import "../chunk-ZDBDV2HW.mjs";
+import "../chunk-KWTNICKO.mjs";
+import "../chunk-A5XHUJ2A.mjs";
 import "../chunk-TCGR6PEH.mjs";
 import "../chunk-TYCD7GHO.mjs";
 import "../chunk-IN7LRE7C.mjs";
@@ -29,12 +29,9 @@ import {
   theme
 } from "../chunk-4Q6FJKVL.mjs";
 import "../chunk-FURY4XP7.mjs";
-import {
-  Box
-} from "../chunk-LSB5JVS2.mjs";
 import "../chunk-OI24WXH6.mjs";
-import "../chunk-4JJB6DUF.mjs";
-import "../chunk-URGU4MLN.mjs";
+import "../chunk-65T2AXGV.mjs";
+import "../chunk-WRIZ5KCE.mjs";
 import "../chunk-6RSPMV3B.mjs";
 import "../chunk-IFN22XIN.mjs";
 import "../chunk-CFP6Z6LT.mjs";
@@ -46,46 +43,30 @@ import { useScrollPosition } from "@nayhoo/hooks";
 import { jsx } from "react/jsx-runtime";
 var Nav = ({
   children,
-  variant = "fixed",
-  fullWidth = false,
-  compact = false
+  compact = false,
+  fixed = false,
+  fullWidth = false
 }) => {
   const scrollPosition = useScrollPosition();
   const isScrolled = scrollPosition > 24;
-  return /* @__PURE__ */ jsx(
-    Box,
+  const nav = navRecipe({
+    compact: {
+      initial: true,
+      xs: compact || isScrolled
+    },
+    fixed
+  });
+  return /* @__PURE__ */ jsx("nav", { className: nav, children: /* @__PURE__ */ jsx(
+    Container,
     {
-      asChild: true,
-      className: sprinkles({
-        paddingY: {
-          initial: void 0,
-          xs: isScrolled || compact ? void 0 : 2
-        }
-      }),
+      size: fullWidth ? "4" : "3",
       style: {
-        borderBottom: "1px solid",
-        borderColor: isScrolled || compact ? theme.semanticColors.line : "transparent",
-        position: variant,
-        top: 0,
-        transition: "border-color 0.4s, padding 0.4s",
-        width: "100%",
-        zIndex: theme.zIndices[4],
-        backgroundColor: `color-mix(in srgb, ${theme.semanticColors.background}, transparent 40%)`,
-        backdropFilter: "blur(10px)"
+        padding: theme.space[2],
+        width: "100%"
       },
-      children: /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx(
-        Container,
-        {
-          size: fullWidth ? "4" : "3",
-          style: {
-            padding: theme.space[2],
-            width: "100%"
-          },
-          children
-        }
-      ) })
+      children
     }
-  );
+  ) });
 };
 export {
   Nav

package/dist/patterns/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/patterns/nav.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Container } from \"@/components/container\";\nimport { sprinkles, theme } from \"@/theme\";\nimport { useScrollPosition } from \"@nayhoo/hooks\";\n\n/** Common Nav component for Nayhoo apps */\nexport const Nav = ({\n  children,\n  variant = \"fixed\",\n  fullWidth = false,\n  compact = false,\n}: {\n  children: React.ReactNode;\n  variant?: \"fixed\" | \"sticky\";\n  fullWidth?: boolean;\n  compact?: boolean;\n}) => {\n  const scrollPosition = useScrollPosition();\n\n  const isScrolled = scrollPosition > 24;\n\n  return (\n    <Box\n      asChild\n      className={sprinkles({\n        paddingY: {\n          initial: undefined,\n          xs: isScrolled || compact ? undefined : 2,\n        },\n      })}\n      style={{\n        borderBottom: \"1px solid\",\n        borderColor:\n          isScrolled || compact ? theme.semanticColors.line : \"transparent\",\n        position: variant,\n        top: 0,\n        transition: \"border-color 0.4s, padding 0.4s\",\n        width: \"100%\",\n        zIndex: theme.zIndices[4],\n        backgroundColor: `color-mix(in srgb, ${theme.semanticColors.background}, transparent 40%)`,\n        backdropFilter: \"blur(10px)\",\n      }}\n    >\n      <nav>\n        <Container\n          size={fullWidth ? \"4\" : \"3\"}\n          style={{\n            padding: theme.space[2],\n            width: \"100%\",\n          }}\n        >\n          {children}\n        </Container>\n      </nav>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB;AAyC1B;AAtCD,IAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ,MAKM;AACJ,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,aAAa,iBAAiB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,WAAW,UAAU;AAAA,QACnB,UAAU;AAAA,UACR,SAAS;AAAA,UACT,IAAI,cAAc,UAAU,SAAY;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc;AAAA,QACd,aACE,cAAc,UAAU,MAAM,eAAe,OAAO;AAAA,QACtD,UAAU;AAAA,QACV,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ,MAAM,SAAS,CAAC;AAAA,QACxB,iBAAiB,sBAAsB,MAAM,eAAe,UAAU;AAAA,QACtE,gBAAgB;AAAA,MAClB;AAAA,MAEA,8BAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,MAAM;AAAA,UACxB,OAAO;AAAA,YACL,SAAS,MAAM,MAAM,CAAC;AAAA,YACtB,OAAO;AAAA,UACT;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/patterns/nav.tsx"],"sourcesContent":["import { Container } from \"@/components/container\";\nimport { theme } from \"@/theme\";\nimport { navRecipe } from \"@/theme/recipes/nav.css\";\nimport { useScrollPosition } from \"@nayhoo/hooks\";\n\ntype NavProps = {\n  children: React.ReactNode;\n  /**\n   * @default\n   * false\n   */\n  compact?: boolean;\n  /**\n   * @default\n   * false\n   */\n  fixed?: boolean;\n  /**\n   * @default\n   * false\n   */\n  fullWidth?: boolean;\n};\n\nexport const Nav = ({\n  children,\n  compact = false,\n  fixed = false,\n  fullWidth = false,\n}: NavProps) => {\n  const scrollPosition = useScrollPosition();\n\n  const isScrolled = scrollPosition > 24;\n\n  const nav = navRecipe({\n    compact: {\n      initial: true,\n      xs: compact || isScrolled,\n    },\n    fixed,\n  });\n\n  return (\n    <nav className={nav}>\n      <Container\n        size={fullWidth ? \"4\" : \"3\"}\n        style={{\n          padding: theme.space[2],\n          width: \"100%\",\n        }}\n      >\n        {children}\n      </Container>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB;AAyC5B;AApBC,IAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd,MAAgB;AACd,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,aAAa,iBAAiB;AAEpC,QAAM,MAAM,UAAU;AAAA,IACpB,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI,WAAW;AAAA,IACjB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAW,KACd;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,YAAY,MAAM;AAAA,MACxB,OAAO;AAAA,QACL,SAAS,MAAM,MAAM,CAAC;AAAA,QACtB,OAAO;AAAA,MACT;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/providers/index.css

@@ -9555,51 +9555,27 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA== */
+/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=LnNwaW5uZXJfXzE1eHpjeTkwIHsKICBhbmltYXRpb246IHNwaW5fc3Bpbl9fOTFnMjk1MCAuOHMgbGluZWFyIGluZmluaXRlOwogIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXNlbWFudGljQ29sb3JzLXByaW1hcnktcHJpbWFyeTlfXzE5bmJlOGQyY3EpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGlpLXJvdW5kX18xOW5iZThkMmduKTsKICBib3JkZXItdG9wOiAycHggc29saWQgdHJhbnNwYXJlbnQ7Cn0KLnNwaW5uZXJfc2l6ZV8xX18xNXh6Y3k5MSB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy0zX18xOW5iZThkMmdhKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtM19fMTluYmU4ZDJnYSk7Cn0KLnNwaW5uZXJfc2l6ZV8yX18xNXh6Y3k5MiB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy00X18xOW5iZThkMmdiKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtNF9fMTluYmU4ZDJnYik7Cn0KLnNwaW5uZXJfc2l6ZV8zX18xNXh6Y3k5MyB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy01X18xOW5iZThkMmdjKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtNV9fMTluYmU4ZDJnYyk7Cn0= */
 .spinner__15xzcy90 {
   animation: spin_spin__91g2950 .8s linear infinite;
-  border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
+  border: 2px solid var(--semanticColors-primary-primary9__19nbe8d2cq);
   border-radius: var(--radii-round__19nbe8d2gn);
-  border-top: 1px solid currentColor;
+  border-top: 2px solid transparent;
 }
 .spinner_size_1__15xzcy91 {
-  height: var(--sizes-1__19nbe8d2g8);
-  width: var(--sizes-1__19nbe8d2g8);
-}
-.spinner_size_2__15xzcy92 {
-  height: var(--sizes-2__19nbe8d2g9);
-  width: var(--sizes-2__19nbe8d2g9);
-}
-.spinner_size_3__15xzcy93 {
   height: var(--sizes-3__19nbe8d2ga);
   width: var(--sizes-3__19nbe8d2ga);
 }
-.spinner_size_4__15xzcy94 {
+.spinner_size_2__15xzcy92 {
   height: var(--sizes-4__19nbe8d2gb);
   width: var(--sizes-4__19nbe8d2gb);
 }
-.spinner_size_5__15xzcy95 {
+.spinner_size_3__15xzcy93 {
   height: var(--sizes-5__19nbe8d2gc);
   width: var(--sizes-5__19nbe8d2gc);
 }
-.spinner_size_6__15xzcy96 {
-  height: var(--sizes-6__19nbe8d2gd);
-  width: var(--sizes-6__19nbe8d2gd);
-}
-.spinner_size_7__15xzcy97 {
-  height: var(--sizes-7__19nbe8d2ge);
-  width: var(--sizes-7__19nbe8d2ge);
-}
-.spinner_size_8__15xzcy98 {
-  height: var(--sizes-8__19nbe8d2gf);
-  width: var(--sizes-8__19nbe8d2gf);
-}
-.spinner_size_9__15xzcy99 {
-  height: var(--sizes-9__19nbe8d2gg);
-  width: var(--sizes-9__19nbe8d2gg);
-}
 
-/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA= */
+/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YS4+cOBC+z69gDytlpHXUj0lmhjlFe8k9hxxWq5axC3DG2Mg2/ZhV/vvK5mFDQwOzq6ilpnF/VV+5PlMu8zGpjJHicMjZ/oI3m+ifuyjCnMdRJTSYF3fHMoGYgULHEQFhQNnhRJ6RZm9MZHGUSEVBoUSe7T+VBoU0cCAmjoQUYAcp0yXHlzhigjMBKOXgwPaKdK6YeI2jjR35UWnD0gsiUhgQJuREJ0hemUEGlyhnWc5ZlhtEJJcqjlSW4A+bP9zn3rmWwqAUF4xf4uiI1QeE7JBGBs7mcNg+iwSe6C5lHn0C6zFEf3cjGhVAWVUEVtJbHbFiWBgkqgIUI3FkcFJxrOyAtiijsNDMMClim9xou9nUf5SyHVbAsWFHeLn7efdxIEocJ5BKBU6cqbyPmeHUgFprlctjY0QqpW1mS8lqBUbQlGmccKA1CyavmZKVoK0odSLdjUaaYwP1967L5Pby475bTzmm8mTXiAYTbdxnW55HvHxpLo/ez1ut+gzxU0Bc1gbNLIU0CHMuT0BradykERxBGN0uZJ+BtOL8O6MmPxhVQZuQrcvDyY7HVubfx01SzHVnswttmsfOG3GJKRNZj2Vfy1PP1C2uEisQJvqNFaVUBoueC83e4LBtjR+aBeEWgcKUVbpNl71jaOtXeZa7FOW9x8K60+hTgCIOVWJqI0UcUo8tMQEUqN1Dqp7bUah7wCxj+FB+cxH4OJ8d1NWVJaFOZuYvig128SNGpPjbZao/rc2suZvUiH0z2WsHu9bBpzlldsFE2KQynwMUnVFm77FzygyhN5Tx0GRKGTv0tamtQcDp8Vofn58F+oQR+wWymfc6I9tiv/vW7+f/R83HAAUzaj502P2cmkPoDTU9lNx+zoahTmZmpY79mjDjdYWOU36b/fxQKlZgdWkJHm/ucRoKLAwjf9ZbTmPbXn0Od4Rf71O3jbdBRSZ6UajBLv6+gIOaSYpllJjYBuY/cAZ1gIhRTg1EChqwPq2h66z9r0CXZhdZ6SDUhmYLg16vzghzoBDFS4nXazTCHOjkCvw1s6yMrRIt7/MEYdC6LGsBB7HVHN3eAYtiWZ/8IMyv1jagTJdRrk97wPnFGQek48ssy6U2LSVekvE5H78gUwPCX5EnUEqqljJZw+Us6++wbpxn60ZgGNYLeFgQ4HoRArawRlyWkK0XIGAL68LbeEWqCAGtWz6yqhDVtu01UADmd9SBcU+F8R11GOo7anafM9ACxnfUK8p3VOs+Z6AI9HdU56p3qKRz/ao9vgYdnrwfeSFQB1tglTEx25F3wLU9dnfkSh1dfvXWpm5cfX+HHVtzxL4NmzomZDephj3yBFUfNtXJ5jep/Dqit6j6ME9VX76VTAjoHnxWt8rd2yicaMkr497cdefeKPJH2Fa6OMKVkS93P/8FCgLQwkkUAAA= */
 .button__hi3ya00 {
   all: unset;
   align-items: center;
@@ -9744,146 +9720,31 @@
 .button_round_true__hi3ya0d {
   border-radius: var(--radii-full__19nbe8d2go);
 }
-.button__hi3ya0r {
+.button__hi3ya0e {
   margin-left: var(--space-1__19nbe8d0);
   margin-right: var(--space-1__19nbe8d0);
 }
-.button_size_1__hi3ya0s {
+.button_size_1__hi3ya0f {
   height: var(--fontSizes-2__19nbe8da);
   width: var(--fontSizes-2__19nbe8da);
 }
-.button_size_2__hi3ya0t {
+.button_size_2__hi3ya0g {
   height: var(--fontSizes-4__19nbe8dc);
   width: var(--fontSizes-4__19nbe8dc);
 }
-.button_size_3__hi3ya0u {
+.button_size_3__hi3ya0h {
   height: var(--fontSizes-5__19nbe8dd);
   width: var(--fontSizes-5__19nbe8dd);
 }
-.button_buttonSpinner__hi3ya0v {
+.button_buttonSpinner__hi3ya0i {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
 }
-@media screen and (min-width: 768px) {
-  .button_fullWidth_sm_true__hi3ya0e {
-    width: 100%;
-  }
-  .button_fullWidth_sm_false__hi3ya0f {
-    width: unset;
-  }
-  .button_loading_sm_true__hi3ya0g {
-    color: transparent !important;
-  }
-  .button_size_sm_1__hi3ya0h {
-    border-radius: var(--radii-1__19nbe8d2gh);
-    height: var(--sizes-5__19nbe8d2gc);
-    padding-left: var(--space-2__19nbe8d1);
-    padding-right: var(--space-2__19nbe8d1);
-    font-size: var(--fontSizes-1__19nbe8d9);
-    line-height: var(--sizes-5__19nbe8d2gc);
-  }
-  .button_size_sm_1__hi3ya0h[data-left-icon] {
-    padding-left: 0;
-  }
-  .button_size_sm_1__hi3ya0h[data-right-icon] {
-    padding-right: 0;
-  }
-  .button_size_sm_2__hi3ya0i {
-    border-radius: var(--radii-2__19nbe8d2gi);
-    height: var(--sizes-6__19nbe8d2gd);
-    padding-left: var(--space-3__19nbe8d2);
-    padding-right: var(--space-3__19nbe8d2);
-    font-size: var(--fontSizes-3__19nbe8db);
-    line-height: var(--lineHeights-6__19nbe8d2fv);
-  }
-  .button_size_sm_2__hi3ya0i[data-left-icon] {
-    padding-left: var(--space-1__19nbe8d0);
-  }
-  .button_size_sm_2__hi3ya0i[data-right-icon] {
-    padding-right: var(--space-1__19nbe8d0);
-  }
-  .button_size_sm_3__hi3ya0j {
-    border-radius: var(--radii-2__19nbe8d2gi);
-    height: var(--sizes-7__19nbe8d2ge);
-    padding-left: var(--space-4__19nbe8d3);
-    padding-right: var(--space-4__19nbe8d3);
-    font-size: var(--fontSizes-4__19nbe8dc);
-    line-height: var(--sizes-7__19nbe8d2ge);
-  }
-  .button_size_sm_3__hi3ya0j[data-left-icon] {
-    padding-left: var(--space-2__19nbe8d1);
-  }
-  .button_size_sm_3__hi3ya0j[data-right-icon] {
-    padding-right: var(--space-2__19nbe8d1);
-  }
-  .button_variant_sm_primary__hi3ya0k {
-    background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
-    color: var(--semanticColors-primary-primary11__19nbe8d2cs);
-  }
-  .button_variant_sm_primary__hi3ya0k:hover {
-    background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
-  }
-  .button_variant_sm_primary__hi3ya0k:active {
-    background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
-  }
-  .button_variant_sm_secondary__hi3ya0l {
-    background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
-    color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
-  }
-  .button_variant_sm_secondary__hi3ya0l:hover {
-    background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
-  }
-  .button_variant_sm_secondary__hi3ya0l:active {
-    background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
-  }
-  .button_variant_sm_outline__hi3ya0m {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
-  }
-  .button_variant_sm_outline__hi3ya0m:hover {
-    background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
-  }
-  .button_variant_sm_outline__hi3ya0m:active {
-    background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
-  }
-  .button_variant_sm_ghost__hi3ya0n {
-    background-color: transparent;
-  }
-  .button_variant_sm_ghost__hi3ya0n:hover {
-    background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
-  }
-  .button_variant_sm_ghost__hi3ya0n:active {
-    background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
-  }
-  .button_variant_sm_error__hi3ya0o {
-    background-color: var(--semanticColors-error-error4__19nbe8d2dx);
-    color: var(--semanticColors-error-error11__19nbe8d2e4);
-  }
-  .button_variant_sm_error__hi3ya0o:hover {
-    background-color: var(--semanticColors-error-error5__19nbe8d2dy);
-  }
-  .button_variant_sm_error__hi3ya0o:active {
-    background-color: var(--semanticColors-error-error6__19nbe8d2dz);
-  }
-  .button_variant_sm_success__hi3ya0p {
-    background-color: var(--semanticColors-success-success4__19nbe8d2el);
-    color: var(--semanticColors-success-success11__19nbe8d2es);
-  }
-  .button_variant_sm_success__hi3ya0p:hover {
-    background-color: var(--semanticColors-success-success5__19nbe8d2em);
-  }
-  .button_variant_sm_success__hi3ya0p:active {
-    background-color: var(--semanticColors-success-success6__19nbe8d2en);
-  }
-  .button_round_sm_true__hi3ya0q {
-    border-radius: var(--radii-full__19nbe8d2go);
-  }
-}
 
-/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUuXKDMBAG4J6nUBkX8hiMzeEyj+AiJSNgwZoI4UjgGGfy7hlhWBgo5DQcK+33i2O0beDeJInbBdq/3XfkxyFEcAn0Ary8NDFxTw4hFVMllzHZmZuilg39HoZvTL1RakoffUVTBWUrmEoSN5IphLlXyA223ZjiTDZUthUonsWkYamZbQrazMq5vgrWxSQVdfaJfQWruOjmcZoOKx9T+Obk/DrbvprVolbJVfGKqQ6fzu2frh8bJQ0Vkw3P3k1R06FjPEcTn32teA1ZLfN5gGcNwJ7pahaSwyoElKoVBuytAf3853EGg7defZs2AlD2rbLpPY9N40vPZq7mD0hcFA+92H89MzL/dmf+AE1ddKKl4qFytCkeKmyp7FEJbMoelXSp+KiENsVHZfVeDqhENuWASr5Ujqgwm3JEBZZKgEpqUwJUiqUSopLZlBCVcqlEqOQ2ZfqfLzPluREl067z1GDS/rtVLeQKct5WCBevwNgzuvXaTWuRo1q+og4do3k15h9/MRwiwAUAAA== */
-.text__1y7s4vx0 {
+/* vanilla-extract-css-ns:src/theme/recipes/heading.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XTyW6DMBAG4DtP4WNzcFTITo59hBx6RAYPxKqXxDa0SdV3ryBhIKol0guL7fl+jS3Pj8C40FWWxao5V1X+Sr4jQqTQQI8gqqNPSbyPCFHMVkKn5LX9KY329PM+3TD7Qmk79N6NOGqhqiWzWRbvdA5bnpR6hmUNs4JpT3WtwIoiJZ7l7ep2wLWruHAnyS4pyaUpPrCuZErIyzjOUQ9ffpQiZvvoJ5r3LRVGGpudrFDMXrDBuGuwm+sxB4ppL4q3dtDRe0X/3g0JxTmU4KAwmo8zkskMrBm+RjkcQjlgrbGYsZjM6NbfniMbkmAPde4lIL6cxNutP/RF/QEUj7SEBmQWo7rq1O40nbjC+CwP4gqObtGqQlKC0npK2qBUhqQFSpspaY0ShKQlStspaYUSD0krlHZT0hKl4I6vUWJT0gKl/FG63e5suMo3MB/A/97/v7gCLmqFdvGMjTU9bYJ0biRHmD8D3yt69tSyv9YMm74eBQAA */
+.heading__1mvqggb0 {
   line-height: 1;
   margin: 0;
   font-weight: var(--fontWeights-regular__19nbe8d2fn);
@@ -9891,56 +9752,47 @@
   display: block;
   font-family: var(--fonts-text__19nbe8d2fi);
 }
-.text_color_primary__1y7s4vx1 {
+.heading_color_primary__1mvqggb1 {
   color: var(--semanticColors-primary-primary9__19nbe8d2cq);
 }
-.text_color_secondary__1y7s4vx2 {
+.heading_color_secondary__1mvqggb2 {
   color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
 }
-.text_color_error__1y7s4vx3 {
+.heading_color_error__1mvqggb3 {
   color: var(--semanticColors-error-error9__19nbe8d2e2);
 }
-.text_color_subtle__1y7s4vx4 {
+.heading_color_subtle__1mvqggb4 {
   color: var(--semanticColors-textSubtle__19nbe8d2fc);
 }
-.text_size_1__1y7s4vx5 {
-  font-size: var(--fontSizes-1__19nbe8d9);
-}
-.text_size_2__1y7s4vx6 {
-  font-size: var(--fontSizes-2__19nbe8da);
-}
-.text_size_3__1y7s4vx7 {
-  font-size: var(--fontSizes-3__19nbe8db);
-}
-.text_size_4__1y7s4vx8 {
-  font-size: var(--fontSizes-4__19nbe8dc);
+.heading_level_1__1mvqggb5 {
+  font-size: var(--fontSizes-8__19nbe8dg);
 }
-.text_size_5__1y7s4vx9 {
-  font-size: var(--fontSizes-5__19nbe8dd);
+.heading_level_2__1mvqggb6 {
+  font-size: var(--fontSizes-7__19nbe8df);
 }
-.text_size_6__1y7s4vxa {
+.heading_level_3__1mvqggb7 {
   font-size: var(--fontSizes-6__19nbe8de);
 }
-.text_size_7__1y7s4vxb {
-  font-size: var(--fontSizes-7__19nbe8df);
+.heading_level_4__1mvqggb8 {
+  font-size: var(--fontSizes-5__19nbe8dd);
 }
-.text_size_8__1y7s4vxc {
-  font-size: var(--fontSizes-8__19nbe8dg);
+.heading_level_5__1mvqggb9 {
+  font-size: var(--fontSizes-4__19nbe8dc);
 }
-.text_size_9__1y7s4vxd {
-  font-size: var(--fontSizes-9__19nbe8dh);
+.heading_level_6__1mvqggba {
+  font-size: var(--fontSizes-3__19nbe8db);
 }
-.text_weight_regular__1y7s4vxe {
+.heading_weight_regular__1mvqggbb {
   font-weight: var(--fontWeights-regular__19nbe8d2fn);
 }
-.text_weight_medium__1y7s4vxf {
+.heading_weight_medium__1mvqggbc {
   font-weight: var(--fontWeights-medium__19nbe8d2fo);
 }
-.text_weight_bold__1y7s4vxg {
+.heading_weight_bold__1mvqggbd {
   font-weight: var(--fontWeights-bold__19nbe8d2fp);
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA72VwW7iMBCG7zxF9rY9uCJAW5qeql72LSInniRDjR3ZE6Cs9t1XdhJwU7xF1e4KiciT3/N/Ho+dWyy1YkVHpFWe7x6Xx7WdJz9nScIl1oohwdZmSQmKwDy5cNsCN1yVkCVKK3CxQhsBhu1RUJMl8z50YBaPqOpsfF3og3sj0LaSv2UJKokKWCXBx92T2cageh1yVFoRq/gWpVc3YJBOcYtHyJJ01frJm84SVm+s1IpAUQjsTRrAuqEsSV1Ed+SCZ/6WC+FJvS3BgZiAUhtOqNVZ1lkwzIKEks5BtofiFYkRb1mDdSOdESu11CZLyHBlW25AeXA/xD4plzJJ5/OtdS8GedkZJ31xo6fZr9ntpc3JMl4RGL9HsSpHpxZQaQNfmtvo3eBadsY63FZjX+TYFIGWFxJE78fL19roTomxOjtuvrN+YJmVnKD/X+R5+qgKWIv0bXNz6qaGC713jWCBkrn/pe3hQpbn4fFwznOc3wR1jhmvA+O2nzAsVWliXEq9B+Ebpl85gx0osmMzTMogNXddlZPpYKxJ2hfwQ3ck33DbakPcNcokj+v0PB0zLIbN8xtmuMDOjgtyI2TpaRGLuvGLGJu/V7l0lt0FqtKrhtP7J9ElsMUItvwMbBFkwyjYfaASMbCp6BLYcgRb/R2wh0AFMbCp6BLYagS7+wxsGWTbRMHWgaqKgU1FE7AdN8gV5XWjLY1895Fz++5WuypRcHnErgELW64Iy5f+VAYeP9zcM351NX7GS8IdfNH22U8OfOu47/BFGZ0frincNbfahK73OAFdaLAY0P/agA++/3wLfMJ3d+z6s2NVdVIGx0G7pL8BJnZceAgJAAA= */
+/* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71U207jMBB95yu8b8uDUVMuLeEJ8bJ/ETn2JBlw7ciepKWr/feVnaQNoYEKsatKjTw+M+fMzVcoreF5Q2RNlrX31/u1X7DfF4wJjaXhSLDxKZNgCNxDMNc1CCeMhJQZayDYcusUOL5FRVXKFp1pxz3u0ZTpcJ3bXbhR6GstXlOGRqMBXmiI9vDlvnJoXvoYhTXEC7FBHdEVOKSD3eMeUpbc1NH5ufGExSuX1hAYGguOJBVgWVHKkmCxDQXjUX8tlIpKIy3BjrgCaZ0gtOYIazw47kGDpKORbyF/QeIkal5hWelAxKXV1qWMnDC+Fg5MFB6P2AUVWrNksdj4cNHDZeMC9CmcHi7+XFydak6aioLAxR7NVXnWNYfCOviSb2XbnlU2zge5tcWuyHMuCr3INaiOT8iX0tnGqKE6rXA/eXfw3GtB0P0vsyy5NzmsVfL6fHmYpkoouw2D4IHYIv6SenciymP/WR3j7BeXozrPEa9HxHXn0KdqLHGhtd2CigPTZc6hBUN+GIZJGbQVYaoycg0MNUm6Ar6bDvYDN7V1JMKgTOKESc+SIcKyb15smBMKGz8kFE7Ik0MSy7KKSQzD36FCOM9vRygZUf32fgQ6JWw5CLv+TNhyFA1nhd2NUGpO2BR0Stj1IOzme4StRiiYEzYFTYS1wqEwlJWV9TTou51ZjzePx1mBRjs6t20eNsIQyqdu+Eccv4LvUX5RnCs/FZKwhS/SPkbnEW85z9s/3APz3TmFO+fxmKjrOA6CPujjVND/asA73n/eghjwzVO2+mytikbr0TrYEPQv1VivYm8IAAA= */
 .icon-button__v93z8s0 {
   align-items: center;
   appearance: none;
@@ -9994,34 +9846,87 @@
   height: var(--sizes-7__19nbe8d2ge);
   width: var(--sizes-7__19nbe8d2ge);
 }
-.icon-button_size_4__v93z8s5 {
-  border-radius: var(--radii-3__19nbe8d2gj);
-  height: var(--sizes-8__19nbe8d2gf);
-  width: var(--sizes-8__19nbe8d2gf);
-}
-.icon-button_variant_ghost__v93z8s6 {
+.icon-button_variant_ghost__v93z8s5 {
   background-color: transparent;
 }
-.icon-button_variant_ghost__v93z8s6:hover {
+.icon-button_variant_ghost__v93z8s5:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.icon-button_variant_ghost__v93z8s6:active {
+.icon-button_variant_ghost__v93z8s5:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.icon-button_variant_outline__v93z8s7 {
+.icon-button_variant_outline__v93z8s6 {
   background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
 }
-.icon-button_variant_outline__v93z8s7:hover {
+.icon-button_variant_outline__v93z8s6:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.icon-button_variant_outline__v93z8s7:active {
+.icon-button_variant_outline__v93z8s6:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.icon-button_round_true__v93z8s8 {
+.icon-button_round_true__v93z8s7 {
   border-radius: var(--radii-full__19nbe8d2go);
 }
 
+/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUuXKDMBAG4J6nUBkX8hiMzeEyj+AiJSNgwZoI4UjgGGfy7hlhWBgo5DQcK+33i2O0beDeJInbBdq/3XfkxyFEcAn0Ary8NDFxTw4hFVMllzHZmZuilg39HoZvTL1RakoffUVTBWUrmEoSN5IphLlXyA223ZjiTDZUthUonsWkYamZbQrazMq5vgrWxSQVdfaJfQWruOjmcZoOKx9T+Obk/DrbvprVolbJVfGKqQ6fzu2frh8bJQ0Vkw3P3k1R06FjPEcTn32teA1ZLfN5gGcNwJ7pahaSwyoElKoVBuytAf3853EGg7defZs2AlD2rbLpPY9N40vPZq7mD0hcFA+92H89MzL/dmf+AE1ddKKl4qFytCkeKmyp7FEJbMoelXSp+KiENsVHZfVeDqhENuWASr5Ujqgwm3JEBZZKgEpqUwJUiqUSopLZlBCVcqlEqOQ2ZfqfLzPluREl067z1GDS/rtVLeQKct5WCBevwNgzuvXaTWuRo1q+og4do3k15h9/MRwiwAUAAA== */
+.text__1y7s4vx0 {
+  line-height: 1;
+  margin: 0;
+  font-weight: var(--fontWeights-regular__19nbe8d2fn);
+  font-variant-numeric: tabular-nums;
+  display: block;
+  font-family: var(--fonts-text__19nbe8d2fi);
+}
+.text_color_primary__1y7s4vx1 {
+  color: var(--semanticColors-primary-primary9__19nbe8d2cq);
+}
+.text_color_secondary__1y7s4vx2 {
+  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
+}
+.text_color_error__1y7s4vx3 {
+  color: var(--semanticColors-error-error9__19nbe8d2e2);
+}
+.text_color_subtle__1y7s4vx4 {
+  color: var(--semanticColors-textSubtle__19nbe8d2fc);
+}
+.text_size_1__1y7s4vx5 {
+  font-size: var(--fontSizes-1__19nbe8d9);
+}
+.text_size_2__1y7s4vx6 {
+  font-size: var(--fontSizes-2__19nbe8da);
+}
+.text_size_3__1y7s4vx7 {
+  font-size: var(--fontSizes-3__19nbe8db);
+}
+.text_size_4__1y7s4vx8 {
+  font-size: var(--fontSizes-4__19nbe8dc);
+}
+.text_size_5__1y7s4vx9 {
+  font-size: var(--fontSizes-5__19nbe8dd);
+}
+.text_size_6__1y7s4vxa {
+  font-size: var(--fontSizes-6__19nbe8de);
+}
+.text_size_7__1y7s4vxb {
+  font-size: var(--fontSizes-7__19nbe8df);
+}
+.text_size_8__1y7s4vxc {
+  font-size: var(--fontSizes-8__19nbe8dg);
+}
+.text_size_9__1y7s4vxd {
+  font-size: var(--fontSizes-9__19nbe8dh);
+}
+.text_weight_regular__1y7s4vxe {
+  font-weight: var(--fontWeights-regular__19nbe8d2fn);
+}
+.text_weight_medium__1y7s4vxf {
+  font-weight: var(--fontWeights-medium__19nbe8d2fo);
+}
+.text_weight_bold__1y7s4vxg {
+  font-weight: var(--fontWeights-bold__19nbe8d2fp);
+}
+
 /* vanilla-extract-css-ns:src/theme/styles/toast.css.ts.vanilla.css?source=#H4sIAAAAAAAAA91YTW/jNhC951ewLgxYhelScpw4WgTYYntZYE976KVYBLQ0stnIpEpSsZzF/vdCFPUty8oWbYFeLJPiDN/MvBkO9f4ZzpGkR1BIC6r0k4pZCL+KE396ck/xHuJXgr7eIETm5oGQlpSrSMijX/yNqYZ1uCBL9ELlAuOzs0TEeXeD0LcbhFwyQXC7SbJa6NvN+0FQn9n+oCtU7iRUBSRJQ5ZhowqrE0sAAw9x5nwv5HzFkOwl5J8gqoF7/yFw/AbkAZNBDL9wdqSaiZoO9xfxq4DGsCAOkkJTDYvbTQh7swFCIqEB02cfkXG0hQ53XId7GfQBgucjlc993Ns27gPkdLJ4EDqxUB+qUR/t7RXBuyQbBtkytP2y1uWSQnzQpohJpT8xPhCLh6ux+D7vT/a3gkDwcBgcnUyUB/L3iTKoowK+KuCa398YnBIh64xcG+0YK02DZ7ynSR2QRCiWG+WjiGUQ5lM7obU4WnyywQXLhPWDlT3SDNs5l5CXUzEn94xbgZjlaa3PMfiICw753CtmPITMtzn6+pGHLACF756e3Ae+g23oHYqoilTHjDdEjXMs2spR6JaQo0JAFbzr+OGzELUPbq0P2u7HuELSL0VH8QK4qtsYn30U0DhYuEmGMLIVrPKpg36ymoyBjmOlTBxLyVyOrMhmcG0dC7pTIk41NMPhbgqv24iUwxiixqiyrtBuh07lvUt1OK+4zUOq5/udkCFI46RU+chuV0cEJ1IkIPOtq42WJZzO0jCVtLDTxK7zVrMj43scpTwoFl0Pre/TSIM0EQ4E18C1j2azyz4tnNYjuBYmM8i8wfZyWFcyYum/o8HzXoqUh9bmhErgehzq7yHVFEdScP040zKF2RcD+2p07JGWB6gI0uRdIhqr793GViFL9fy/M2lrlZesx1kQCwWh3ZuWBdQf6cTWm2nZXGxzYGEIvG1iI8Xdt+hoBKNdJSaoEC8gGd93lNjMd9vVo/ClEcEiihRofHYQRtfKycUkMi6bFJS8qj3O8rLWpENX39u0BZQHEFc2ZxNdVlTYkEkwWf44M3k4ypRue+xWVMEinZR2vU3zOjC6Z6exHd/yI+cgq9UbozahYcj4vq7Qw4W0rC6WHGbktIsMDkQspI9OB1YeDBlWBxqKk48OKl545A553hzdz9HPaL2ZO4gkmTno0XqbH1n532V/qUeaSz1illpcIVNJTM8+2ktmmoP8iTUck7xyYCqBKh/NNNMxIGq8OkOzEFQgWZKPysm+bCDi9MiVj2iqheklbOl+Z6p4/rLdqkhxKiYsNhqzPcdMw1H5KACuQbYrvoSYavbSqySdOPlc6EVdtlL1OAshommsZ18cE8Rho1kgOOpYbubeZn7D8gFXTEXeOlEK1G1OmQU1s0b1jlS1C0Rtq/uQl/1K3V2RCGMHse0m8uOXNDqLzkG1wOvNfInyX6d5Qm+SDP3AjnnLSwv6VId1/1WVkKTD8CiGMVr9kSrNojOu+ov6VTelybyzZz+JC/eZgcLGuOLXrbpg98wcmwmjAk0J1Tkk/EIaeVWLjIiqurL2dKt77JXwTkR9ww3bb43j8xr4rhLP6r3GpcEDvroZV4t3ZrFliUfalbYcd4Ln9pq7dsgUHCnXLPhgLU2DAFT1fKgvMfCnc6katdjd+wzQO4guf6cgq7VCQbpjAd7BKwO5ICv3frNEZLXdmsfaWyJ35d1vHBQJeaIyVK09cAiG/G7ZiA9SYMC1Iy23OZfYq0ky692dyIZNG/uaQVZefda24LfvcD1jvNKYSxeqIuKWB0mGlIhZ2HhVXrmG3lk2/BhFUfN2dte8jd21qVZyqvklpfItSCnqDAj+ecqaDYvfJl29/w9dOy71/R1EQsL062HHwevO3ZoMe7tLiYcmJW47oWwxwrXDfg86+vWJrNzNhQzpe2zbvGm3Yll+WLrsv4up3gM8+invTXg3k3L4343Qt78A+1LFxU0YAAA= */
 @keyframes toast_slideDown__1wlgelz0 {
   0% {