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

package/dist/index.css

@@ -1989,6 +1989,97 @@
   color: rgb(var(--md-sys-color-on-tertiary-container));
 }
 
+/* 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 */
+._1vyg8hz0 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  background: transparent;
+  outline: none;
+  transform-origin: var(--transform-origin);
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._1vyg8hz0[data-starting-style],
+._1vyg8hz0[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._1vyg8hz1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  height: 56px;
+  padding-inline: 16px;
+  overflow: hidden;
+  box-sizing: border-box;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  border-radius: var(--md-sys-shape-full);
+  box-shadow: var(--md-sys-elevation-level3);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._1vyg8hz1::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vyg8hz1:hover {
+  box-shadow: var(--md-sys-elevation-level4);
+}
+._1vyg8hz1:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vyg8hz1[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vyg8hz1:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1vyg8hz1[data-disabled] {
+  pointer-events: none;
+  box-shadow: none;
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1vyg8hz1[data-disabled]::before {
+  opacity: 0;
+}
+._1vyg8hz1 [data-slot=fab-menu-leading] {
+  display: inline-flex;
+}
+._1vyg8hz1 [data-slot=fab-menu-leading] > svg {
+  width: 24px;
+  height: 24px;
+}
+._1vyg8hz3 {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-primary));
+}
+._1vyg8hz4 {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._1vyg8hz5 {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1vyg8hz6 {
+  background: rgb(var(--md-sys-color-tertiary-container));
+  color: rgb(var(--md-sys-color-on-tertiary-container));
+}
+
 /* vanilla-extract-css-ns:src/divider.css.ts.vanilla.css?source=Lm45YnFjZTAgewogIGZsZXgtc2hyaW5rOiAwOwogIGFsaWduLXNlbGY6IHN0cmV0Y2g7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itb3V0bGluZS12YXJpYW50KSk7Cn0KLm45YnFjZTEgewogIGhlaWdodDogMXB4OwogIHdpZHRoOiBhdXRvOwp9Ci5uOWJxY2UyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQoubjlicWNlNiB7CiAgbWFyZ2luLWlubGluZS1zdGFydDogMTZweDsKfQoubjlicWNlNyB7CiAgbWFyZ2luLWlubGluZTogMTZweDsKfQoubjlicWNlOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5uOWJxY2U5IHsKICBtYXJnaW4tYmxvY2s6IDE2cHg7Cn0 */
 .n9bqce0 {
   flex-shrink: 0;
@@ -2744,4 +2835,420 @@
   line-height: var(--md-sys-typescale-label-small-line-height);
   letter-spacing: var(--md-sys-typescale-label-small-tracking);
 }
+
+/* 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 */
+.jnp3600 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  height: 64px;
+  background: rgb(var(--md-sys-color-surface));
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3603 {
+  height: 112px;
+}
+.jnp3604 {
+  height: 152px;
+}
+.jnp3605 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 64px;
+  padding-inline: 4px;
+}
+.jnp3606 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3606 svg {
+  width: 24px;
+  height: 24px;
+}
+.jnp3607 {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3608 {
+  flex: 1;
+  padding-inline: 12px;
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.jnp3609 {
+  flex: 1;
+  padding-inline: 12px;
+  text-align: center;
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.jnp360a {
+  padding-inline: 16px;
+  padding-bottom: 24px;
+  font-family: var(--md-sys-typescale-headline-small-font);
+  font-weight: var(--md-sys-typescale-headline-small-weight);
+  font-size: var(--md-sys-typescale-headline-small-size);
+  line-height: var(--md-sys-typescale-headline-small-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+}
+.jnp360b {
+  padding-inline: 16px;
+  padding-bottom: 28px;
+  font-family: var(--md-sys-typescale-headline-medium-font);
+  font-weight: var(--md-sys-typescale-headline-medium-weight);
+  font-size: var(--md-sys-typescale-headline-medium-size);
+  line-height: var(--md-sys-typescale-headline-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+}
+.jnp360c {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+.jnp360c svg {
+  width: 24px;
+  height: 24px;
+}
+
+/* vanilla-extract-css-ns:src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ */
+._1lj3j9f0 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  box-sizing: border-box;
+  height: 80px;
+  padding-inline: 4px;
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1lj3j9f1 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding-left: 8px;
+}
+._1lj3j9f1 svg {
+  width: 24px;
+  height: 24px;
+}
+._1lj3j9f2 {
+  display: flex;
+  align-items: center;
+  padding-right: 12px;
+}
+
+/* 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 */
+.w6243j0 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  height: 100%;
+  width: 80px;
+  padding-block: 20px;
+  background: rgb(var(--md-sys-color-surface));
+}
+.w6243j1 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 4px;
+}
+.w6243j2 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding-inline: 4px;
+  padding-block: 4px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+}
+.w6243j2[data-disabled] {
+  pointer-events: none;
+}
+.w6243j3 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 56px;
+  height: 32px;
+}
+.w6243j4 {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--md-sys-shape-full);
+  background: transparent;
+  overflow: hidden;
+  transition: background-color 150ms var(--md-sys-motion-easing-standard);
+}
+.w6243j4::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+.w6243j2[data-pressed] .w6243j4 {
+  background: rgb(var(--md-sys-color-secondary-container));
+}
+.w6243j2:hover .w6243j4::before {
+  opacity: var(--md-sys-state-hover);
+}
+.w6243j2:focus-visible .w6243j4::before {
+  opacity: var(--md-sys-state-focus);
+}
+.w6243j2:active .w6243j4::before {
+  opacity: var(--md-sys-state-pressed);
+}
+.w6243j2[data-disabled] .w6243j4::before {
+  opacity: 0;
+}
+.w6243j5 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  transition: color 150ms var(--md-sys-motion-easing-standard);
+}
+.w6243j2[data-pressed] .w6243j5 {
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+.w6243j2[data-disabled] .w6243j5 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+.w6243j2[data-disabled][data-pressed] .w6243j5 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+.w6243j5 svg {
+  width: 24px;
+  height: 24px;
+}
+.w6243j6 {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-label-medium-font);
+  font-weight: var(--md-sys-typescale-label-medium-weight);
+  font-size: var(--md-sys-typescale-label-medium-size);
+  line-height: var(--md-sys-typescale-label-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+  transition: color 150ms var(--md-sys-motion-easing-standard);
+}
+.w6243j2[data-pressed] .w6243j6 {
+  color: rgb(var(--md-sys-color-on-surface));
+  font-weight: 700;
+}
+.w6243j2[data-disabled] .w6243j6 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+.w6243j2[data-disabled][data-pressed] .w6243j6 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+
+/* 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 */
+.fam1rf0 {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  background: rgb(var(--md-sys-color-scrim) / 0.32);
+  transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
+}
+.fam1rf0[data-swiping] {
+  transition: none;
+}
+.fam1rf0[data-starting-style],
+.fam1rf0[data-ending-style] {
+  opacity: 0;
+}
+.fam1rf1 {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+}
+.fam1rf2 {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 640px;
+  max-height: calc(100dvh - 56px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  touch-action: auto;
+  outline: none;
+  padding-bottom: 24px;
+  background: rgb(var(--md-sys-color-surface-container-low));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-top-left-radius: var(--md-sys-shape-extra-large);
+  border-top-right-radius: var(--md-sys-shape-extra-large);
+  box-shadow: var(--md-sys-elevation-level1);
+  transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));
+  transition: transform 300ms var(--md-sys-motion-easing-emphasized);
+}
+.fam1rf2[data-swiping] {
+  user-select: none;
+}
+.fam1rf2[data-starting-style],
+.fam1rf2[data-ending-style] {
+  transform: translateY(100%);
+}
+.fam1rf3 {
+  margin: 16px auto 8px;
+  height: 4px;
+  width: 32px;
+  flex-shrink: 0;
+  border-radius: var(--md-sys-shape-full);
+  background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);
+}
+.fam1rf4 {
+  margin: 0;
+  padding-inline: 24px;
+  padding-top: 8px;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.fam1rf5 {
+  margin: 0;
+  padding-inline: 24px;
+  padding-top: 4px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-body-medium-font);
+  font-weight: var(--md-sys-typescale-body-medium-weight);
+  font-size: var(--md-sys-typescale-body-medium-size);
+  line-height: var(--md-sys-typescale-body-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+}
+
+/* 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 */
+.d9o4yx0 {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  background: rgb(var(--md-sys-color-scrim) / 0.32);
+  transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
+}
+.d9o4yx0[data-swiping] {
+  transition: none;
+}
+.d9o4yx0[data-starting-style],
+.d9o4yx0[data-ending-style] {
+  opacity: 0;
+}
+.d9o4yx1 {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+  align-items: stretch;
+}
+.d9o4yx2 {
+  box-sizing: border-box;
+  height: 100%;
+  width: 320px;
+  max-width: calc(100vw - 56px);
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  touch-action: auto;
+  outline: none;
+  background: rgb(var(--md-sys-color-surface-container-low));
+  color: rgb(var(--md-sys-color-on-surface));
+  transform: translateX(var(--drawer-swipe-movement-x));
+  transition: transform 300ms var(--md-sys-motion-easing-emphasized);
+}
+.d9o4yx2[data-swiping] {
+  user-select: none;
+}
+.d9o4yx2[data-swipe-direction=right] {
+  margin-left: auto;
+}
+.d9o4yx2[data-swipe-direction=left] {
+  margin-right: auto;
+}
+.d9o4yx2[data-swipe-direction=right][data-starting-style],
+.d9o4yx2[data-swipe-direction=right][data-ending-style] {
+  transform: translateX(100%);
+}
+.d9o4yx2[data-swipe-direction=left][data-starting-style],
+.d9o4yx2[data-swipe-direction=left][data-ending-style] {
+  transform: translateX(-100%);
+}
+.d9o4yx3 {
+  box-shadow: var(--md-sys-elevation-level1);
+}
+.d9o4yx3[data-swipe-direction=right] {
+  border-top-left-radius: var(--md-sys-shape-large);
+  border-bottom-left-radius: var(--md-sys-shape-large);
+}
+.d9o4yx3[data-swipe-direction=left] {
+  border-top-right-radius: var(--md-sys-shape-large);
+  border-bottom-right-radius: var(--md-sys-shape-large);
+}
+.d9o4yx4 {
+  box-shadow: none;
+}
+.d9o4yx5 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 56px;
+  padding-inline: 16px;
+  padding-block: 8px;
+}
+.d9o4yx6 {
+  flex: 1;
+  margin: 0;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.d9o4yx7 {
+  margin: 0;
+  padding-inline: 24px;
+  padding-bottom: 16px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-body-medium-font);
+  font-weight: var(--md-sys-typescale-body-medium-weight);
+  font-size: var(--md-sys-typescale-body-medium-size);
+  line-height: var(--md-sys-typescale-body-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+}
+.d9o4yx8 {
+  display: inline-flex;
+  flex-shrink: 0;
+}
 /*# sourceMappingURL=index.css.map */