@m3-baseui/react-vanilla-extract 1.0.3 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/bottom-app-bar.css +28 -0
  2. package/dist/bottom-app-bar.css.map +1 -0
  3. package/dist/bottom-app-bar.d.ts +7 -0
  4. package/dist/bottom-app-bar.js +17 -0
  5. package/dist/bottom-app-bar.js.map +1 -0
  6. package/dist/bottom-sheet.css +79 -0
  7. package/dist/bottom-sheet.css.map +1 -0
  8. package/dist/bottom-sheet.d.ts +22 -0
  9. package/dist/bottom-sheet.js +27 -0
  10. package/dist/bottom-sheet.js.map +1 -0
  11. package/dist/fab-menu.css +201 -0
  12. package/dist/fab-menu.css.map +1 -0
  13. package/dist/fab-menu.d.ts +15 -0
  14. package/dist/fab-menu.js +19 -0
  15. package/dist/fab-menu.js.map +1 -0
  16. package/dist/index.css +539 -14
  17. package/dist/index.css.map +1 -1
  18. package/dist/index.d.ts +7 -1
  19. package/dist/index.js +94 -8
  20. package/dist/index.js.map +1 -1
  21. package/dist/navigation-bar.css +20 -2
  22. package/dist/navigation-bar.css.map +1 -1
  23. package/dist/navigation-bar.js.map +1 -1
  24. package/dist/navigation-rail.css +117 -0
  25. package/dist/navigation-rail.css.map +1 -0
  26. package/dist/navigation-rail.d.ts +14 -0
  27. package/dist/navigation-rail.js +29 -0
  28. package/dist/navigation-rail.js.map +1 -0
  29. package/dist/progress.css +2 -2
  30. package/dist/progress.css.map +1 -1
  31. package/dist/progress.js.map +1 -1
  32. package/dist/side-sheet.css +103 -0
  33. package/dist/side-sheet.css.map +1 -0
  34. package/dist/side-sheet.d.ts +22 -0
  35. package/dist/side-sheet.js +28 -0
  36. package/dist/side-sheet.js.map +1 -0
  37. package/dist/snackbar.css +6 -7
  38. package/dist/snackbar.css.map +1 -1
  39. package/dist/snackbar.js.map +1 -1
  40. package/dist/textfield.css +4 -3
  41. package/dist/textfield.css.map +1 -1
  42. package/dist/textfield.js.map +1 -1
  43. package/dist/top-app-bar.css +89 -0
  44. package/dist/top-app-bar.css.map +1 -0
  45. package/dist/top-app-bar.d.ts +7 -0
  46. package/dist/top-app-bar.js +24 -0
  47. package/dist/top-app-bar.js.map +1 -0
  48. package/package.json +31 -1
package/dist/index.css CHANGED
@@ -1608,7 +1608,7 @@
1608
1608
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
1609
1609
  }
1610
1610
 
1611
- /* vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y0W7bOgx971foZUADXBV2twy96pdcDMNAW4zNVZZ8JTptNuzfLyS7TZw6rd3tDhiQpyCSDkkdHlG0rr7k-l8M7j4T3y-E0BRaAzslNgYfbi9E-pWaPJZMzipROtM1Ns5U0CrxoU2rGrLynjTXSlznWRz7cXH1ZPmTBgapKUBhUH9OjlwLJfFOiezq_U000TqyjF7iFi0HJayzODKTJ1zrAvWReDTAtMXbqbDBUGUlMTZBicAeuayfgs6v-6hrpKpmJdYf-_8taE22kmQNWVQiH8YL9yADfSNbKVE4r9HLwqUZ9mAf4xlmSmecF_k6a4LYgr-UstEy7IJsXFwnEUL0ERisBq9Xfz26XYAZ8XKdeBm8s2ulwQ1LD5q6oMbmQg0tSnxgDzI0YMzqdgz1kZBFWCjvKu86q5XwVXE5giQqZOj8BkqUpbMMZNHLmqoaA68OvReO2TVKXLcPIjhD-pQ513HMzmo1pbGNK7sQJTbNTu-kN3Qy3tZTA3437YDsFgz9nAP03vkj8-8PrSzOnRL5L6btMJ4ZSTngbOIYracLwnMuRywsJ_HDCxUiFgYl8teLRYmxDB0VtWzkZ538DFN5lr07PgmpLLTg0fJhkvqSJsSQi_3AwFjyI8TLG3f28UT1bG-cZbmBhszuSDG8azGUYFAWTu-kAV-hjMv3uPuhAr6O61fukYG-4RxcXJdQcceynu3vYHkPR463Q4jXRmTqdQvsobwjW401slaqNVBi7YxGnxI5l2-5BU9g-Uh1H3vVDaJn93TBHKy5OVImFMGZjrHf2YaHzCfwutdT0tDG-WaQkwHGfy7lOnu3Gk1L56kiq5Kd0xfp27Z5ltcceY37ADDmrVf5yXJ8M0OoC--tOSaniuzJGP9OBpOEh75pWsLZMl2lu-4Nuupxy3XV45brqsf9jK56C9Nl65F1MuZM-u8m_ZnUYc96NqNWz2-Spxuo4SPrnL1fcmTOyfsDkldMv0ac6NTTI0WoPdm7hT30iZ6unHb_tQtMm136lEXLSsR9oiyQ7xH3jyL5K-8J_3MndlbQi41P-cbGRyfcyY9CTNPPlZhIHBIpbdegp1IJhqIz4ONAuL348R_7vSufhhMAAA */
1611
+ /* vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YXW_rNgx976_QywUaYCrstrno1F8yDMNAW7TNVZY8iU6bO9z_Pkh2mjh1vrq7AQPyFETSIaXDI5LW3e-5_hODe83EXzdCaAqdgbUSlcG35xuRfqUmjyWTs0qUzvStjTM1dEo8dmlVS1a-kuZGifs8i2Pfb-7eLf-qgUFqClAY1L8lR66DknitRHb38BRNdI4so5e4QstBCessTszkCde5QMNOPBpgWuHz3LbBUG0lMbZBicAeuWzeN53fD7tukOqGlVh-Hf53oDXZWpI1ZFGJfBwv3JsM9I1srUThvEYvC5dm2IPd7GecKZ1xXuTLrA1iBf5WylbLsA6ydXGdRAjRR2CwGrxe_LRxewFmwst94mX0zq6TBiuWHjT1QU3NhQY6lPjGHmRowZjF8xTqIyEXYaF8qb3rrVbC18XtBJKokKH3FZQoS2cZyKKXDdUNBl7sei8cs2uVuO_eRHCG9CFzrucYncViTmOVK_sQJTbPzuBko9SHTXR355KTg2fpPLXg1_POya7A0Cnnxx2g987vmX_YtXJxXJXIfzClu_tJLB63vsPZzBV7nE8WH7mcsHA5iY9HskdMGkrkpxNJiTFF7SW8bOJnmfyMU3mWfdm_JSlldODR8m6QhnQnxBiL7cDIWPIjxPGDO7u5bQPblbMsK2jJrPcUw-sOQwkGZeH0WhrwNcq4fIt7HbPjadywcosM9A3PwcV1CRVPLJuz_e0sH-DIsXKEWFIiU6ctsIfyhWw91chSqc5AiY0zGn0K5Ll8yxV4Ast7qvs6qG4UPbv34rOz5mlPmVAEZ3rG4WQVj5FP4OWgp6Shyvl2lJMBxl9u5TL7sphMS-epJquSncNF9nPHvMrrHHlNewQw5rNl_mA6fjpDqBfWrXNMziXZg3v8ORlMEh57qnkJZ5fpKtW6T-hqwF2uqwF3ua4G3D_R1WBhPm1tWCdjrqT_16R_kDpsWc_OyNXnN9DzDdT4AXaN3g-5Mtfg_Q-CV8y_VBzo1NMDRmg82ZcLe-gDPV057_6PPjBV6_SZi5aViOdEWSC_Im4fTPITbw3_cid2VdDRxqf8ZOOjE-7gRyGm6Y9KTCSOgZS2b9FTqQRD0RvwcSA833z_G3Yyd6CiEwAA */
1612
1612
  ._1dqesow0 {
1613
1613
  display: flex;
1614
1614
  flex-direction: column;
@@ -1636,6 +1636,7 @@
1636
1636
  border-bottom: 2px solid rgb(var(--md-sys-color-outline));
1637
1637
  }
1638
1638
  ._1dqesow0[data-focused] ._1dqesow2 {
1639
+ border-bottom-width: 3px;
1639
1640
  border-bottom-color: rgb(var(--md-sys-color-primary));
1640
1641
  }
1641
1642
  ._1dqesow0[data-invalid] ._1dqesow2 {
@@ -1646,8 +1647,8 @@
1646
1647
  border: 1px solid rgb(var(--md-sys-color-outline));
1647
1648
  }
1648
1649
  ._1dqesow0[data-focused] ._1dqesow3 {
1649
- border: 2px solid rgb(var(--md-sys-color-primary));
1650
- padding-inline: 15px;
1650
+ border: 3px solid rgb(var(--md-sys-color-primary));
1651
+ padding-inline: 14px;
1651
1652
  }
1652
1653
  ._1dqesow0[data-invalid] ._1dqesow3 {
1653
1654
  border-color: rgb(var(--md-sys-color-error));
@@ -1768,7 +1769,7 @@
1768
1769
  font-variant-numeric: tabular-nums;
1769
1770
  }
1770
1771
 
1771
- /* vanilla-extract-css-ns:src/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71Vy27bMBC8-yuIAAXiAwMpzgv0sZ9RFMWKXElMKJIgV07dIv9ekJJjyw_ETtGeLFO7w5nZIXXzo3TPDx7qgv2eMaZ09AbWgtUGfy5njIHRjeWasIuCRQpIsk3rz30kXa-5dJbQkmDRg0QOwfVWpYJXragVrCyKL-lvi7ppSbCnwmfcCuRLk4sFC011vYJwzXmneFxHLp1xgcc-1AkzbQHaYpjPl7O32c2GcZkZexc1aWcFC2iA9AqXx3SkX8HKzSNXOqAc-qQzfWcPxEq0hOGo1u2rBrxgd4MkD0pp23BtjbZ4sEzOC1beThcrR-Q6wcqHQ1sogI0eAlrKr1xQGASzzmaJsg_RBcG80xs2fcTAIxqUtK1zPQ18hoVdA78pIOBKR6gMqu_ZT-dBaloLVtwsnjLVAZ_jCi3FIzC3l8zhcovHID2Mdm6CtMhO7tBY7NGAKjrTU6ahbUQSrNj6yAMo3UfBJsGLLXjkdW_M_INpuBWG2rhXwVqtFOb45JJx923rkGZW3hddnO7WuVTLEWKKQiSwCoKahnwhRIW1C5jVvdtzdbU8T-yOAtmHxP5rorOcTPr0mKeixo50qD-jZcybDxhjitve6M65ElC6BLw-fSmINo2GnTDwXfN07ASEPDfuo9VO9pGvdNSVwc-gZoB9VJDpgHwGbjRvCnj3b09g9v7kTJx9v6lXEDRYms_3g_NXR-BkbO7GM_ERuw9Dc38m0DGZtbPEa-i02R8YrT1GCQa5gQoN71DpvuOpYdv5Ol5n53QOtdveqH_heZ2pMvelLwFvL9hzp2EAQEq3RPraa9uch0EB5Iu2zX-KxWXTnB_O4rEolrO3P93vGh8aCQAA */
1772
+ /* vanilla-extract-css-ns:src/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W227bMAx9z1cIBQY0D-qcJu0K5XGfMQwDLdG2WlkyJDpdNuzfB8lOE-fSOCm2p8QyzyHPIank7sfMPT82UGTs94QxpUNjYC1YYfDncsIYGF1argnrIFggjySreP7cBtLFmktnCS0JFhqQyMG71qoY8KoVVYLNsuxTfKxQlxUJ9pQ1iTcH-VKmYMF8md-uwN9yXise1oFLZ5znofVF5IwpQFv00-ly8mdyt6l4lipuXNCknRXMowHSK1we0xE_BZttvnKlPcoOJ51pa3sgVqIl9Ee1bl-V0Ai26CQ1oJS2JdfWaIsHx-QawWb3w8PcEblasNnjoS3kwYYGPFpKr5xX6AWzziaJsvXBecEapzfVtAE9D2hQ0jbOtdTV0x3sGvhNAQFXOkBuUH3v_Ux0HFdoKRxB3V9i--WO9nPz2Lu3mZt5Mm6njPleGZAHZ1pKZWgbkATLtrZxD0q3QbDBnIUKGuRFa8z0jPluhb4w7lWwSiuFaVpSSJ99C-2Gl80esjoMs9UuxnKEEDsfCKwCr4YzPRcix8J5TOre7Lm5WY4Tu6NAtj5W_zWWkyQ0IDWt-8jjbR6K6hFxh6_R0o9X4zGEOF17rRtzA6B0kXh9-g4QVWwNO2Hgm-Zh2wkIeQLusxVOtoGvdNC5wWtYE8E-K8i4INfQ9eYdNXa7t-eIswF88W8XOLXuZEudfbvXV-A1WJpO9-fuQxt0cuoW_Uqdq-78zJ20f2yKzoAp-8yyu_nT--wflfNergULqzLx9Lfu_d6t2z3vIB4uyjpsceEs8QJqbfZnndYNBgkGuYEcDa9R6bbmEbBFvvY1jUF2sVts0L9wHDJGJlz8zeTVBTl3AB0BUrxg4_8ibctxHORBvmhb_qeVuKyb08NefMmykatxYaoPrcb1uf4C0--Q-w4LAAA */
1772
1773
  ._1oj6paf0 {
1773
1774
  display: flex;
1774
1775
  align-items: stretch;
@@ -1795,7 +1796,6 @@
1795
1796
  outline: none;
1796
1797
  }
1797
1798
  ._1oj6paf1[data-disabled] {
1798
- opacity: 0.38;
1799
1799
  pointer-events: none;
1800
1800
  }
1801
1801
  ._1oj6paf2 {
@@ -1835,6 +1835,9 @@
1835
1835
  ._1oj6paf1:active ._1oj6paf3::before {
1836
1836
  opacity: var(--md-sys-state-pressed);
1837
1837
  }
1838
+ ._1oj6paf1[data-disabled] ._1oj6paf3::before {
1839
+ opacity: 0;
1840
+ }
1838
1841
  ._1oj6paf4 {
1839
1842
  position: relative;
1840
1843
  display: flex;
@@ -1846,6 +1849,16 @@
1846
1849
  ._1oj6paf1[data-pressed] ._1oj6paf4 {
1847
1850
  color: rgb(var(--md-sys-color-on-secondary-container));
1848
1851
  }
1852
+ ._1oj6paf1[data-disabled] ._1oj6paf4 {
1853
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
1854
+ }
1855
+ ._1oj6paf1[data-disabled][data-pressed] ._1oj6paf4 {
1856
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
1857
+ }
1858
+ ._1oj6paf4 svg {
1859
+ width: 24px;
1860
+ height: 24px;
1861
+ }
1849
1862
  ._1oj6paf5 {
1850
1863
  color: rgb(var(--md-sys-color-on-surface-variant));
1851
1864
  font-family: var(--md-sys-typescale-label-medium-font);
@@ -1859,6 +1872,12 @@
1859
1872
  color: rgb(var(--md-sys-color-on-surface));
1860
1873
  font-weight: 700;
1861
1874
  }
1875
+ ._1oj6paf1[data-disabled] ._1oj6paf5 {
1876
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
1877
+ }
1878
+ ._1oj6paf1[data-disabled][data-pressed] ._1oj6paf5 {
1879
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
1880
+ }
1862
1881
 
1863
1882
  /* vanilla-extract-css-ns:src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUXW-cMBB8v19h5Skn1SncXarEeezPqKJqwQu4MTayF5Jrlf9e2XDhQ5eGSx8NM-OZ2YWbn2lKdwCQsD8bxp6VpEqwQ9K8PGwYq1CVFY3nzDqJjjuQqvWCdeCuOa8l90fPfQUN8hqlauvtw-Z1czNK-66cyu8Oc_n-PGGkU_Tttzn6dP7YjAZX4nahfKmX3RR9v_Byv9oLvpCDc452S0f7xR39ecLYR_SyjloZPijcDeNqQEplSq6MVgYFSwdoCY1g6e7SGhkrrCFeQK30cYGkY4M-Bx3QGeqewwN-JD4PjlcQe-hI9eo3riIGYKSFxLxaf-ME3_ORCB33DeTKlKskyEH-pEy5XUzr0o07RHRjvSJljWAONZDqMJCk8o2Go2D9THmhMYqBVqXhirD2guVoCF14_Kv1pIojz60hNDR9ldmX0FYMN-xAZqOW7dAV2j4LVikp0YxbIpixJvrIW-etE6yx6iTY-tAXasxpxNmW-t07PYjXViCD_KxT1NhBCMw1dqj3cQrkwJxqGJksvU1qP6fXNnIRfNh4T2AkODkfxUGIDAvrMBb81snV1cOsb8i81S1Fu8p4JMGSaB3yp9LZ1kgR8js09N1qG8PbsCd0HJBDKxw7NOTH8NM4A4OlySezVGFOMcnaTg9nJWalvOWY_wcICHlELyUKm7eed8qrTONqqchaSkEetny1RuPQe1zW8kMCwend43-KCak8ZBrlF7a84fTmcfhYzw98Opm3Z5M1cmV2PXOTh4Xi1nDfugJy3LKvLLlJd_FriC9Xk_Z376U5tfKPVOeLS2aC9_3yfRxnsBX_QqAMOl6pstquyNQ4VYM7budJYO3FA328eM2d1pznTQxkq5NjbsPHe7mFd5gTE_laE4SO1Gc8nCe-_gUZdxR8NAoAAA */
1864
1883
  ._11t8aaa0 {
@@ -1970,6 +1989,97 @@
1970
1989
  color: rgb(var(--md-sys-color-on-tertiary-container));
1971
1990
  }
1972
1991
 
1992
+ /* vanilla-extract-css-ns:src/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVwW7bMAy95yuEnBpgypK2KToV22WfMQQDLdE2UVkyJNmtO_TfB8luErvZ5nSnwCIfSb33xKx_btuuuC9fNuzXgjFFvtbQCZZrfH5YsPTLFTmUgawRTFrdVCZGQFNhOAWsfJ_O0agYKKAW7L5O8AzkY-FsY5RgwYHxNTg0IYZsEzQZFMxYg_EgxXPrKm4dFWQEa8FdcT49Xx2SqZ_J1iApdGy721R-AFWK-87zysYUjuDJFNwHMAqcWn06NrsA9bB4XawPfP1QECAGXeizOo37T2yagEYdw4njYVzBNqNbC-YlaLzarL_sxq22CVbbt_s61BCoTaQdBCMT2eRvuo3UkWgCuoM22-tenBKpKINgu7v-uwaVZu1LCbYdzm2LLtf2SbCSlMKkfmafuacXMoVgmXUKHc9sypaN89YJVlt669p4dNyjRhmOcr_TfyjjQFHjxVgRX0KNPG-0Xh26l6DiTKM81NhCEk9ji_rmnVeOyIuEZyy3JvAcKtLdpGfoakzScQ0Zaq7BFchj_hH4NFA9A9inHqGeXnAWMCYmWDJCOb_jSX6PxxCiYNGnUd8ZJYID-UimmBhXiAxz6zAZWFoT0ATBlsuHkZ8h81Y3IZmAjMcwPI3T5SEbFxfHd6ttstT4EQ1e49iiCX6yUqZbYvOh974VZXwH6SZz7Xd7tsSIlMM9xnYPEJCn7EmJfqmUVJQ66oVq_1_lBMi4SWbXqB16j1Nq-qEUecg0qv2wrs5Lcsrd4exEaFdkV6PGMkrOreG-cTlIXLHPbLPeXierpuBs0M393wc_T8NmsoyHxa9t-LrMIeMVmoZrhLg7l_vx3-hoK19S5RvzbZFqPZEKpWDXt-Ol3X-flLzprflvKgdKeHyPQAZdstNqBp-1owpctxqzeDu38QA_Np7T05rzuJMBdrNvjtLGp335CH9AngxxN3eIgC7QR2Y4D3z9DcphDVLCCQAA */
1993
+ ._1vyg8hz0 {
1994
+ display: flex;
1995
+ flex-direction: column;
1996
+ align-items: flex-end;
1997
+ gap: 8px;
1998
+ background: transparent;
1999
+ outline: none;
2000
+ transform-origin: var(--transform-origin);
2001
+ transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
2002
+ }
2003
+ ._1vyg8hz0[data-starting-style],
2004
+ ._1vyg8hz0[data-ending-style] {
2005
+ opacity: 0;
2006
+ transform: scale(0.95);
2007
+ }
2008
+ ._1vyg8hz1 {
2009
+ position: relative;
2010
+ display: inline-flex;
2011
+ align-items: center;
2012
+ gap: 12px;
2013
+ height: 56px;
2014
+ padding-inline: 16px;
2015
+ overflow: hidden;
2016
+ box-sizing: border-box;
2017
+ cursor: pointer;
2018
+ user-select: none;
2019
+ outline: none;
2020
+ border-radius: var(--md-sys-shape-full);
2021
+ box-shadow: var(--md-sys-elevation-level3);
2022
+ transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
2023
+ font-family: var(--md-sys-typescale-label-large-font);
2024
+ font-weight: var(--md-sys-typescale-label-large-weight);
2025
+ font-size: var(--md-sys-typescale-label-large-size);
2026
+ line-height: var(--md-sys-typescale-label-large-line-height);
2027
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
2028
+ }
2029
+ ._1vyg8hz1::before {
2030
+ content: "";
2031
+ position: absolute;
2032
+ inset: 0;
2033
+ background: currentColor;
2034
+ opacity: 0;
2035
+ pointer-events: none;
2036
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
2037
+ }
2038
+ ._1vyg8hz1:hover {
2039
+ box-shadow: var(--md-sys-elevation-level4);
2040
+ }
2041
+ ._1vyg8hz1:hover::before {
2042
+ opacity: var(--md-sys-state-hover);
2043
+ }
2044
+ ._1vyg8hz1[data-highlighted]::before {
2045
+ opacity: var(--md-sys-state-hover);
2046
+ }
2047
+ ._1vyg8hz1:active::before {
2048
+ opacity: var(--md-sys-state-pressed);
2049
+ }
2050
+ ._1vyg8hz1[data-disabled] {
2051
+ pointer-events: none;
2052
+ box-shadow: none;
2053
+ background: rgb(var(--md-sys-color-on-surface) / 0.12);
2054
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
2055
+ }
2056
+ ._1vyg8hz1[data-disabled]::before {
2057
+ opacity: 0;
2058
+ }
2059
+ ._1vyg8hz1 [data-slot=fab-menu-leading] {
2060
+ display: inline-flex;
2061
+ }
2062
+ ._1vyg8hz1 [data-slot=fab-menu-leading] > svg {
2063
+ width: 24px;
2064
+ height: 24px;
2065
+ }
2066
+ ._1vyg8hz3 {
2067
+ background: rgb(var(--md-sys-color-surface-container-high));
2068
+ color: rgb(var(--md-sys-color-primary));
2069
+ }
2070
+ ._1vyg8hz4 {
2071
+ background: rgb(var(--md-sys-color-primary-container));
2072
+ color: rgb(var(--md-sys-color-on-primary-container));
2073
+ }
2074
+ ._1vyg8hz5 {
2075
+ background: rgb(var(--md-sys-color-secondary-container));
2076
+ color: rgb(var(--md-sys-color-on-secondary-container));
2077
+ }
2078
+ ._1vyg8hz6 {
2079
+ background: rgb(var(--md-sys-color-tertiary-container));
2080
+ color: rgb(var(--md-sys-color-on-tertiary-container));
2081
+ }
2082
+
1973
2083
  /* vanilla-extract-css-ns:src/divider.css.ts.vanilla.css?source=Lm45YnFjZTAgewogIGZsZXgtc2hyaW5rOiAwOwogIGFsaWduLXNlbGY6IHN0cmV0Y2g7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itb3V0bGluZS12YXJpYW50KSk7Cn0KLm45YnFjZTEgewogIGhlaWdodDogMXB4OwogIHdpZHRoOiBhdXRvOwp9Ci5uOWJxY2UyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQoubjlicWNlNiB7CiAgbWFyZ2luLWlubGluZS1zdGFydDogMTZweDsKfQoubjlicWNlNyB7CiAgbWFyZ2luLWlubGluZTogMTZweDsKfQoubjlicWNlOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5uOWJxY2U5IHsKICBtYXJnaW4tYmxvY2s6IDE2cHg7Cn0 */
1974
2084
  .n9bqce0 {
1975
2085
  flex-shrink: 0;
@@ -1998,7 +2108,7 @@
1998
2108
  margin-block: 16px;
1999
2109
  }
2000
2110
 
2001
- /* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwW7bMAy95yt4KZAcVNiJ123upZ8xYBgGxqJtLrJkiHS6oOi_D5aTNEm7bunJJs3H90g9-WFDuzpiRwI_c9vnq-JrBk8zgOwmPQA0opc6xK6cXh0qfZubPMtuFvczgOcZwBi8W168VD_PHl5z5gmt4XWTGBSV5qu7zFJzbHF7AC4Tog_CysGXEMmh8pbGQsvSO9yVsHah2oyZR7balknuGLbETaslFP3vMQxbirULjyW0bC35MbcO0VI0ES0PUsIW49yYzhrZiZEWezL14Nzi_lTT6kITriW4QZMm9kJaQpZ6Y7VpYhi8LSE26_lZ8yq4EI0MscaKTBW8InuKpuWmJdHF4qPqinfUaegP2oJq6PaBo_oKzX3kDuPuSoX7Q9-LSgcFyyzr5BzThbHAEAr7xoiitxjt-YTL7xYVDXtLSrFjj0o_4GIBeysUkxNOuX3waRnoucMp9XI1lgKEQoa9CYMC-5o9j8s74f-UCI7uY-_Yk6kdJZeh48YbVuqkhIq8UhzTvwZRrnfppMnr6aeD1C-TTY-uTfEp75tzP709Sg75bSEwSsP4tzlk25zP8q-bNMUnPe4SXjSGDX3U5RPaHNZwMfXn_2E48-Qb_Y7JcR8V9uN_Z_D20hr7IovShroWUlhdY9E_Mxstrm0FAAA */
2111
+ /* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UTW_bMAy951fwUiA5aLCTrNvcS3_GgGEYGIu2uciSIdLpgqL_fbCcpE76saUnmzQf3yP15Pst7auILQn8ym2Xr9bfMnicAWQ36QGgEb1UIbbF-OpQ6fvc5Fl2s7ibATzNAIbg3fL1c_XT7P4lZ57QGl42iUFRab66zSzVpxafjsBlQnRBWDn4AiI5VN7RUGhZOof7AjYulNsh88BWmyLJHcKGuG60gHX3ZwjDjmLlwkMBDVtLfshtQrQUTUTLvRSwwzg3prVG9mKkwY5M1Tu3uJtqWl1owo0E12vSxF5IC8hSbyy3dQy9twXEejM_a14GF6KRPlZYkimDV2RP0TRcNyS6WHxU3foddRq6o7agGtpD4Ki6QnMXucW4v1Lh4dAPotJBwTLLWjnHtGEoMITCvjai6C1Gez7h8odFRcPeklJs2aPST7hYwMEK69EJU24ffFoGem5xTD1fjaUAoZBhb0KvwL5iz8PyJvyfE8HJfewdezKVo-QydFx7w0qtFFCSV4pD-ncvytU-nTR5nX46Sv062vTk2hRPeV-d-_H1UXLIBQZhGN-aQnb1-ST_ukdjPOlxm_CiMWzpox4f0ea4hIuZv_wPw5kjX-l3Sg77KLEb_jq9t5fGOBRZlCZUlZDC6hqD_gXXJHsLawUAAA */
2002
2112
  @keyframes _1dp13490 {
2003
2113
  0% {
2004
2114
  transform: translateX(-100%);
@@ -2048,7 +2158,7 @@
2048
2158
  height: 48px;
2049
2159
  }
2050
2160
  ._1dp13495[data-indeterminate] {
2051
- animation: _1dp13491 1.4s linear infinite;
2161
+ animation: _1dp13491 1s linear infinite;
2052
2162
  }
2053
2163
  ._1dp13495 svg {
2054
2164
  display: block;
@@ -2194,7 +2304,7 @@
2194
2304
  height: 24px;
2195
2305
  }
2196
2306
 
2197
- /* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bOBB9z1cQBQrYQBnIdmNkmcf9iS2KohiJI4lrihTIkWJlsf9ekJJtSZtu5KRAgaJPiThzDjmXM-PbrxvKD8a2CfvnhrHaekXKGsFydUT5cMNYaolsJdhmXx_Dt8acBLtL3ocPcmB8bl0l-n81EP614nfJ-3UwP3FlJB6De_iUytcaOsFyjZEr_OVSOcz6SzOrm8oESwG1YPf9jY9KUilYpczqbp_Uxw8sA52tNknSPjLOdtv6uF4_3Px7c3sKZjMLxqEGUi0--wjQqjBcEVZesAwNoZu_oFKGl6iKkgT7OJyl9si9elKmECy1TqLjqY2WGqRUpuB9pk55O526nuZ-eppqmx3OpwOfA6kaL1gLbsV5JbnvPPcl1MjxSA64r0DrmOkUskPhbGOkYK5IVxNIZrV1XJkWnUfuG5dDhuuIi6YXIdZMUTH2EqR9nD0ONbYQcs41tqh30Tu3hngOldLdzJ26Gn0GGnlqZccrlKqpePC_AB-HvC8A9q4XqFdPuAgYHCNMK4PnSi8Ajvx7PBKh476GLDbGAgpykB2UKdZnPQ1NawMJdWybJJWfMlU25hjBh97Bqi4hhCDXHy6KvAo3Vc9nCQTcEzgKfp46jV-ipIY3CZZ8T_2fVvf18Vk-NPJ_2Eb-22i8YlgEi2Cbk1KHeZGcVbwNqhpdsIsX_G7LhW05ytzHWd1u_7hK4HFevSKRPe76PPa469PY496SxZ7h-STeLdlOysTrX1hSfzeeVN7xzBpCQ2NTlIsvnTKHQQunyHezjdRfJdhm25_bFl2uw2wvlZRo3r6R4nSowaGhC5lgxpoYdNY4H7ZQbdXp9bah_lFnn0WLqnaqAtetF-8dDSlqrsEVeF1fjoFXNeYYeFVnjoGvbM0xxXd6U4gUc-sw9ui5rd69e5i0LKTe6oZiZZTxSEOLjYueNS4U_M9QoIf_7I6h1hxbNOQvdX5uA25e2mSewEhwch5LGVp5EtH5EdMOJiDk0XtOkdus8bxVXqUaF1NF1JwKsqDyxRy1Q-_nu3n_k2bHsFN3w4g4j5I3jYy8-ZmzYvqjdpzjX0gD-7drYP_jNLD_MRrof08Oti-vIfsGusiYofcOAAA */
2307
+ /* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WUW_bOAx-768QCgxIgGlwkjUo1Mf9iR0OxYG2aFuLLBkS7cY93H8_SHYS29ddnXbAgGFPiUR-n0TqI-lPf20oPxjbJuzvG8Zq6xUpawTL1RHlww1jqSWylWCbfX0Ma405CXaXfAgLcmB8bl0l-r8aCL-u-F3yYR3Mz1wZicfgHpZS-VpDJ1iuMXKFXy6Vw6w_NLO6qUywFFALdt-f-KQklYJVyqzu9kl9_Mgy0NlqkyTtE-Nst62P6_XDzT83n07BbGbBONRAqsUXLwFaFYYrwsoLlqEhdPMbVMrwElVRkmCfh73UHrlXz8oUgqXWSXQ8tdFSg5TKFLzP1Clvp13X09xPd1Nts8N5d-BzIFXjBWvBrTivJPed576EGjkeyQH3FWgdM51CdiicbYwUzBXpagLJrLaOK9Oi88h943LIcB1x0fQqxJopKsZegrRPs8uhxhZCzrnGFvUueufWEM-hUrqbuVNXo89AI0-t7HiFUjUVD_4X4NOQ9wXA3vUC9eoZFwGDY4RpZfD80guAI_8ej0TouK8hi8JYQEEOsoMyxfpcT4NobSChjm2TpPJTpsrGHCP4oB2s6hJCCHL98VKRV-Gm1fOnBALuCRwFP0-dxsdYUsOdBEu-V_1_rO7r44t8aOT_sI38t9F4RbMIFsE2p0od-kVyruJtqKrRAbt4wG9ZLpTlKHOff2fujZm7WzKSlInnvzKZvjWeVN7xzBpCQ2NTrBFfOmUOQwGcYt_NxlB_lGCbbb9vW3S5Dg29VFKief8Yii2hBoeGLmSCGWti0FnjfBg9tVWn29uG-kudfRZNp9qpCly3XjxsNKSouQZX4HXaHAOv0uYYeJU2x8A3anNM8R1tCpFibh1GjZ5ldXv7MJEspN7qhuLLKOORBomNHz1rXHjwL-GBHv4zMIa35tiiIX9555fG3ua18eUJjAQn57GUQcqTiM6XmCqYgJBH7zlFbrPG81Z5lWpcTBVRcyrIQpUv5qgdej8fyPuf1DuGQbobWsS5lbyrZeTNz-wV0y_ZcY5_oRrYv78G9j-uBvY_pgb6j8jB9vgWsn8BZZx6zuwOAAA */
2198
2308
  ._1tfknov0 {
2199
2309
  position: fixed;
2200
2310
  bottom: 16px;
@@ -2249,12 +2359,11 @@
2249
2359
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
2250
2360
  }
2251
2361
  ._1tfknov4 {
2252
- opacity: 0.9;
2253
- font-family: var(--md-sys-typescale-body-small-font);
2254
- font-weight: var(--md-sys-typescale-body-small-weight);
2255
- font-size: var(--md-sys-typescale-body-small-size);
2256
- line-height: var(--md-sys-typescale-body-small-line-height);
2257
- letter-spacing: var(--md-sys-typescale-body-small-tracking);
2362
+ font-family: var(--md-sys-typescale-body-medium-font);
2363
+ font-weight: var(--md-sys-typescale-body-medium-weight);
2364
+ font-size: var(--md-sys-typescale-body-medium-size);
2365
+ line-height: var(--md-sys-typescale-body-medium-line-height);
2366
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
2258
2367
  }
2259
2368
  ._1tfknov5 {
2260
2369
  position: relative;
@@ -2726,4 +2835,420 @@
2726
2835
  line-height: var(--md-sys-typescale-label-small-line-height);
2727
2836
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
2728
2837
  }
2838
+
2839
+ /* vanilla-extract-css-ns:src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA */
2840
+ .jnp3600 {
2841
+ display: flex;
2842
+ flex-direction: column;
2843
+ width: 100%;
2844
+ box-sizing: border-box;
2845
+ height: 64px;
2846
+ background: rgb(var(--md-sys-color-surface));
2847
+ color: rgb(var(--md-sys-color-on-surface));
2848
+ }
2849
+ .jnp3603 {
2850
+ height: 112px;
2851
+ }
2852
+ .jnp3604 {
2853
+ height: 152px;
2854
+ }
2855
+ .jnp3605 {
2856
+ display: flex;
2857
+ align-items: center;
2858
+ gap: 4px;
2859
+ height: 64px;
2860
+ padding-inline: 4px;
2861
+ }
2862
+ .jnp3606 {
2863
+ display: flex;
2864
+ align-items: center;
2865
+ flex-shrink: 0;
2866
+ color: rgb(var(--md-sys-color-on-surface));
2867
+ }
2868
+ .jnp3606 svg {
2869
+ width: 24px;
2870
+ height: 24px;
2871
+ }
2872
+ .jnp3607 {
2873
+ min-width: 0;
2874
+ overflow: hidden;
2875
+ text-overflow: ellipsis;
2876
+ white-space: nowrap;
2877
+ color: rgb(var(--md-sys-color-on-surface));
2878
+ }
2879
+ .jnp3608 {
2880
+ flex: 1;
2881
+ padding-inline: 12px;
2882
+ font-family: var(--md-sys-typescale-title-large-font);
2883
+ font-weight: var(--md-sys-typescale-title-large-weight);
2884
+ font-size: var(--md-sys-typescale-title-large-size);
2885
+ line-height: var(--md-sys-typescale-title-large-line-height);
2886
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
2887
+ }
2888
+ .jnp3609 {
2889
+ flex: 1;
2890
+ padding-inline: 12px;
2891
+ text-align: center;
2892
+ font-family: var(--md-sys-typescale-title-large-font);
2893
+ font-weight: var(--md-sys-typescale-title-large-weight);
2894
+ font-size: var(--md-sys-typescale-title-large-size);
2895
+ line-height: var(--md-sys-typescale-title-large-line-height);
2896
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
2897
+ }
2898
+ .jnp360a {
2899
+ padding-inline: 16px;
2900
+ padding-bottom: 24px;
2901
+ font-family: var(--md-sys-typescale-headline-small-font);
2902
+ font-weight: var(--md-sys-typescale-headline-small-weight);
2903
+ font-size: var(--md-sys-typescale-headline-small-size);
2904
+ line-height: var(--md-sys-typescale-headline-small-line-height);
2905
+ letter-spacing: var(--md-sys-typescale-headline-small-tracking);
2906
+ }
2907
+ .jnp360b {
2908
+ padding-inline: 16px;
2909
+ padding-bottom: 28px;
2910
+ font-family: var(--md-sys-typescale-headline-medium-font);
2911
+ font-weight: var(--md-sys-typescale-headline-medium-weight);
2912
+ font-size: var(--md-sys-typescale-headline-medium-size);
2913
+ line-height: var(--md-sys-typescale-headline-medium-line-height);
2914
+ letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
2915
+ }
2916
+ .jnp360c {
2917
+ display: flex;
2918
+ align-items: center;
2919
+ gap: 4px;
2920
+ flex-shrink: 0;
2921
+ color: rgb(var(--md-sys-color-on-surface-variant));
2922
+ }
2923
+ .jnp360c svg {
2924
+ width: 24px;
2925
+ height: 24px;
2926
+ }
2927
+
2928
+ /* vanilla-extract-css-ns:src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ */
2929
+ ._1lj3j9f0 {
2930
+ display: flex;
2931
+ align-items: center;
2932
+ justify-content: space-between;
2933
+ width: 100%;
2934
+ box-sizing: border-box;
2935
+ height: 80px;
2936
+ padding-inline: 4px;
2937
+ background: rgb(var(--md-sys-color-surface-container));
2938
+ color: rgb(var(--md-sys-color-on-surface-variant));
2939
+ }
2940
+ ._1lj3j9f1 {
2941
+ display: flex;
2942
+ align-items: center;
2943
+ gap: 4px;
2944
+ padding-left: 8px;
2945
+ }
2946
+ ._1lj3j9f1 svg {
2947
+ width: 24px;
2948
+ height: 24px;
2949
+ }
2950
+ ._1lj3j9f2 {
2951
+ display: flex;
2952
+ align-items: center;
2953
+ padding-right: 12px;
2954
+ }
2955
+
2956
+ /* vanilla-extract-css-ns:src/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzrHcbpCOe4zhh1oibbVypIhyc6yYf8-SHbruGlau912CiLrPZKPj9TN4TbNtvcJ-bUiREjXKDgyUij8sV-R-EuFtMi9NJoRblRb6_AFlCw1lR5rxwhH7dGG4xIaRjZpE9EVyrLyjGyS5FP4f5DCV4zcJf3nBoSQuqS5MvyBkXQ4zoE_lNa0WjBiy_y6A3tNaS2oOzrKjTKWutYWwHG93q9-r276Cjb_ooIabCk1zY33pmYkC6dPEdMYsTFO9tQWFXjZ4f6v5HHfOi-LI-VGe9T-LMVsKqLUSmo8Ox60zc6l9Ra0a8Ci9vGTsQItI9roWABvrTOWkcbIx7CtQ0sdKuR-vGda3wfuD0ZxvgnwQIV0kCsU3wetIhnFDrV3Z5jtEkGXyzbYb3c7dec2nXQ1e5YE5M6o1sckpHboGUlGwagFIVvHyMSlroIGadEqtX5DdtOhLZQ5MFJJITAaIl4Zoo_Q3vpks0tqN41Wm3CXIrjQcedBC7DidDYyxnIsjMVY25M0V1f7eaWe5M9bG3L_GpKJBTTApT8ON19u8LSkARG2wvJKBls1Fp0Lrpo0bc7mQG4CaW8QkBrtZIukrAotIS8K91TrtNkePNIImzIVhreOdtLJXOFyxgifMgIP47CcapDrBSHH-XydNDmB7v7tmMZGXWyg0Y_bn3ZgJWi_Xj932Acm5YK_dsPgvJXZW-66IPpc-uHZI59JcrO9e435Y2VcjrMjrisjy7BN02y6TdPpG3m7KOK0pYXRnhZQS_Xc1f7YoOOgkCrIUdEahWxrGgAj8jBkNAfZ3x2xTv7EechwM-LCK0irBTFPAD0B-rA6XRg5Xc7j8Bb4g9TlfxiBZZ1cn_fhS5LMGIWFYd49Cu-P8we99-BDMgsAAA */
2957
+ .w6243j0 {
2958
+ display: flex;
2959
+ flex-direction: column;
2960
+ align-items: center;
2961
+ gap: 12px;
2962
+ height: 100%;
2963
+ width: 80px;
2964
+ padding-block: 20px;
2965
+ background: rgb(var(--md-sys-color-surface));
2966
+ }
2967
+ .w6243j1 {
2968
+ display: flex;
2969
+ flex-direction: column;
2970
+ align-items: center;
2971
+ gap: 12px;
2972
+ margin-bottom: 4px;
2973
+ }
2974
+ .w6243j2 {
2975
+ position: relative;
2976
+ display: flex;
2977
+ flex-direction: column;
2978
+ align-items: center;
2979
+ justify-content: center;
2980
+ gap: 4px;
2981
+ padding-inline: 4px;
2982
+ padding-block: 4px;
2983
+ background: transparent;
2984
+ border: none;
2985
+ cursor: pointer;
2986
+ user-select: none;
2987
+ outline: none;
2988
+ }
2989
+ .w6243j2[data-disabled] {
2990
+ pointer-events: none;
2991
+ }
2992
+ .w6243j3 {
2993
+ position: relative;
2994
+ display: flex;
2995
+ align-items: center;
2996
+ justify-content: center;
2997
+ width: 56px;
2998
+ height: 32px;
2999
+ }
3000
+ .w6243j4 {
3001
+ position: absolute;
3002
+ inset: 0;
3003
+ border-radius: var(--md-sys-shape-full);
3004
+ background: transparent;
3005
+ overflow: hidden;
3006
+ transition: background-color 150ms var(--md-sys-motion-easing-standard);
3007
+ }
3008
+ .w6243j4::before {
3009
+ content: "";
3010
+ position: absolute;
3011
+ inset: 0;
3012
+ background: currentColor;
3013
+ opacity: 0;
3014
+ pointer-events: none;
3015
+ transition: opacity 100ms var(--md-sys-motion-easing-standard);
3016
+ }
3017
+ .w6243j2[data-pressed] .w6243j4 {
3018
+ background: rgb(var(--md-sys-color-secondary-container));
3019
+ }
3020
+ .w6243j2:hover .w6243j4::before {
3021
+ opacity: var(--md-sys-state-hover);
3022
+ }
3023
+ .w6243j2:focus-visible .w6243j4::before {
3024
+ opacity: var(--md-sys-state-focus);
3025
+ }
3026
+ .w6243j2:active .w6243j4::before {
3027
+ opacity: var(--md-sys-state-pressed);
3028
+ }
3029
+ .w6243j2[data-disabled] .w6243j4::before {
3030
+ opacity: 0;
3031
+ }
3032
+ .w6243j5 {
3033
+ position: relative;
3034
+ display: flex;
3035
+ align-items: center;
3036
+ justify-content: center;
3037
+ color: rgb(var(--md-sys-color-on-surface-variant));
3038
+ transition: color 150ms var(--md-sys-motion-easing-standard);
3039
+ }
3040
+ .w6243j2[data-pressed] .w6243j5 {
3041
+ color: rgb(var(--md-sys-color-on-secondary-container));
3042
+ }
3043
+ .w6243j2[data-disabled] .w6243j5 {
3044
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
3045
+ }
3046
+ .w6243j2[data-disabled][data-pressed] .w6243j5 {
3047
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
3048
+ }
3049
+ .w6243j5 svg {
3050
+ width: 24px;
3051
+ height: 24px;
3052
+ }
3053
+ .w6243j6 {
3054
+ color: rgb(var(--md-sys-color-on-surface-variant));
3055
+ font-family: var(--md-sys-typescale-label-medium-font);
3056
+ font-weight: var(--md-sys-typescale-label-medium-weight);
3057
+ font-size: var(--md-sys-typescale-label-medium-size);
3058
+ line-height: var(--md-sys-typescale-label-medium-line-height);
3059
+ letter-spacing: var(--md-sys-typescale-label-medium-tracking);
3060
+ transition: color 150ms var(--md-sys-motion-easing-standard);
3061
+ }
3062
+ .w6243j2[data-pressed] .w6243j6 {
3063
+ color: rgb(var(--md-sys-color-on-surface));
3064
+ font-weight: 700;
3065
+ }
3066
+ .w6243j2[data-disabled] .w6243j6 {
3067
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
3068
+ }
3069
+ .w6243j2[data-disabled][data-pressed] .w6243j6 {
3070
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
3071
+ }
3072
+
3073
+ /* vanilla-extract-css-ns:src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA */
3074
+ .fam1rf0 {
3075
+ position: fixed;
3076
+ inset: 0;
3077
+ z-index: 40;
3078
+ background: rgb(var(--md-sys-color-scrim) / 0.32);
3079
+ transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
3080
+ }
3081
+ .fam1rf0[data-swiping] {
3082
+ transition: none;
3083
+ }
3084
+ .fam1rf0[data-starting-style],
3085
+ .fam1rf0[data-ending-style] {
3086
+ opacity: 0;
3087
+ }
3088
+ .fam1rf1 {
3089
+ position: fixed;
3090
+ inset: 0;
3091
+ z-index: 50;
3092
+ display: flex;
3093
+ align-items: flex-end;
3094
+ justify-content: center;
3095
+ }
3096
+ .fam1rf2 {
3097
+ box-sizing: border-box;
3098
+ width: 100%;
3099
+ max-width: 640px;
3100
+ max-height: calc(100dvh - 56px);
3101
+ overflow-y: auto;
3102
+ overscroll-behavior: contain;
3103
+ touch-action: auto;
3104
+ outline: none;
3105
+ padding-bottom: 24px;
3106
+ background: rgb(var(--md-sys-color-surface-container-low));
3107
+ color: rgb(var(--md-sys-color-on-surface));
3108
+ border-top-left-radius: var(--md-sys-shape-extra-large);
3109
+ border-top-right-radius: var(--md-sys-shape-extra-large);
3110
+ box-shadow: var(--md-sys-elevation-level1);
3111
+ transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));
3112
+ transition: transform 300ms var(--md-sys-motion-easing-emphasized);
3113
+ }
3114
+ .fam1rf2[data-swiping] {
3115
+ user-select: none;
3116
+ }
3117
+ .fam1rf2[data-starting-style],
3118
+ .fam1rf2[data-ending-style] {
3119
+ transform: translateY(100%);
3120
+ }
3121
+ .fam1rf3 {
3122
+ margin: 16px auto 8px;
3123
+ height: 4px;
3124
+ width: 32px;
3125
+ flex-shrink: 0;
3126
+ border-radius: var(--md-sys-shape-full);
3127
+ background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);
3128
+ }
3129
+ .fam1rf4 {
3130
+ margin: 0;
3131
+ padding-inline: 24px;
3132
+ padding-top: 8px;
3133
+ color: rgb(var(--md-sys-color-on-surface));
3134
+ font-family: var(--md-sys-typescale-title-large-font);
3135
+ font-weight: var(--md-sys-typescale-title-large-weight);
3136
+ font-size: var(--md-sys-typescale-title-large-size);
3137
+ line-height: var(--md-sys-typescale-title-large-line-height);
3138
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
3139
+ }
3140
+ .fam1rf5 {
3141
+ margin: 0;
3142
+ padding-inline: 24px;
3143
+ padding-top: 4px;
3144
+ color: rgb(var(--md-sys-color-on-surface-variant));
3145
+ font-family: var(--md-sys-typescale-body-medium-font);
3146
+ font-weight: var(--md-sys-typescale-body-medium-weight);
3147
+ font-size: var(--md-sys-typescale-body-medium-size);
3148
+ line-height: var(--md-sys-typescale-body-medium-line-height);
3149
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
3150
+ }
3151
+
3152
+ /* vanilla-extract-css-ns:src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA */
3153
+ .d9o4yx0 {
3154
+ position: fixed;
3155
+ inset: 0;
3156
+ z-index: 40;
3157
+ background: rgb(var(--md-sys-color-scrim) / 0.32);
3158
+ transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
3159
+ }
3160
+ .d9o4yx0[data-swiping] {
3161
+ transition: none;
3162
+ }
3163
+ .d9o4yx0[data-starting-style],
3164
+ .d9o4yx0[data-ending-style] {
3165
+ opacity: 0;
3166
+ }
3167
+ .d9o4yx1 {
3168
+ position: fixed;
3169
+ inset: 0;
3170
+ z-index: 50;
3171
+ display: flex;
3172
+ align-items: stretch;
3173
+ }
3174
+ .d9o4yx2 {
3175
+ box-sizing: border-box;
3176
+ height: 100%;
3177
+ width: 320px;
3178
+ max-width: calc(100vw - 56px);
3179
+ display: flex;
3180
+ flex-direction: column;
3181
+ overflow-y: auto;
3182
+ overscroll-behavior: contain;
3183
+ touch-action: auto;
3184
+ outline: none;
3185
+ background: rgb(var(--md-sys-color-surface-container-low));
3186
+ color: rgb(var(--md-sys-color-on-surface));
3187
+ transform: translateX(var(--drawer-swipe-movement-x));
3188
+ transition: transform 300ms var(--md-sys-motion-easing-emphasized);
3189
+ }
3190
+ .d9o4yx2[data-swiping] {
3191
+ user-select: none;
3192
+ }
3193
+ .d9o4yx2[data-swipe-direction=right] {
3194
+ margin-left: auto;
3195
+ }
3196
+ .d9o4yx2[data-swipe-direction=left] {
3197
+ margin-right: auto;
3198
+ }
3199
+ .d9o4yx2[data-swipe-direction=right][data-starting-style],
3200
+ .d9o4yx2[data-swipe-direction=right][data-ending-style] {
3201
+ transform: translateX(100%);
3202
+ }
3203
+ .d9o4yx2[data-swipe-direction=left][data-starting-style],
3204
+ .d9o4yx2[data-swipe-direction=left][data-ending-style] {
3205
+ transform: translateX(-100%);
3206
+ }
3207
+ .d9o4yx3 {
3208
+ box-shadow: var(--md-sys-elevation-level1);
3209
+ }
3210
+ .d9o4yx3[data-swipe-direction=right] {
3211
+ border-top-left-radius: var(--md-sys-shape-large);
3212
+ border-bottom-left-radius: var(--md-sys-shape-large);
3213
+ }
3214
+ .d9o4yx3[data-swipe-direction=left] {
3215
+ border-top-right-radius: var(--md-sys-shape-large);
3216
+ border-bottom-right-radius: var(--md-sys-shape-large);
3217
+ }
3218
+ .d9o4yx4 {
3219
+ box-shadow: none;
3220
+ }
3221
+ .d9o4yx5 {
3222
+ display: flex;
3223
+ align-items: center;
3224
+ gap: 8px;
3225
+ min-height: 56px;
3226
+ padding-inline: 16px;
3227
+ padding-block: 8px;
3228
+ }
3229
+ .d9o4yx6 {
3230
+ flex: 1;
3231
+ margin: 0;
3232
+ color: rgb(var(--md-sys-color-on-surface));
3233
+ font-family: var(--md-sys-typescale-title-large-font);
3234
+ font-weight: var(--md-sys-typescale-title-large-weight);
3235
+ font-size: var(--md-sys-typescale-title-large-size);
3236
+ line-height: var(--md-sys-typescale-title-large-line-height);
3237
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
3238
+ }
3239
+ .d9o4yx7 {
3240
+ margin: 0;
3241
+ padding-inline: 24px;
3242
+ padding-bottom: 16px;
3243
+ color: rgb(var(--md-sys-color-on-surface-variant));
3244
+ font-family: var(--md-sys-typescale-body-medium-font);
3245
+ font-weight: var(--md-sys-typescale-body-medium-weight);
3246
+ font-size: var(--md-sys-typescale-body-medium-size);
3247
+ line-height: var(--md-sys-typescale-body-medium-line-height);
3248
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
3249
+ }
3250
+ .d9o4yx8 {
3251
+ display: inline-flex;
3252
+ flex-shrink: 0;
3253
+ }
2729
3254
  /*# sourceMappingURL=index.css.map */