villela-ui 0.1.0

package/dist/index.css

@@ -0,0 +1,596 @@
+/* vanilla-extract-css-ns:src/tokens/colors/colors.css.ts.vanilla.css?source=#H4sIAAAAAAAAE3XVS2-jMBSG4X1_hSXWkTAYY9yVbezVSN10X6UZpk0vSQuklxnNfx8dmOCDdSIvunkk8uLkq-6Px5H9uWJss3nbvnTj2G3e-v3rtv--u-vU8PjxlWuW8VzWdbhesaHbnQ4_EeSaZbkVprJrOHb9uEeuAFcVZZG499N27PoDkqVmWemscE0q95gJzbJWtaYtZzYeD_vDw7ljM5b5WVbwaCFM1dKyWqRMqlMpF1nDh6xN5S48vV6k0iyzojVe0FItsoGiPFThwtObRW41y0IeXCK7vj_2uPxes8zU3HBDudi90yxzTWHPl7N2sfonPDdUohKUi83d5Aw3nHKx-NfkXO1qysXeh8l57_3KDafdrhsGXPwIN-ikKC0tY_Nes6xolUxaFhmrnzTLKuuMcrSM3c9w1yaEVtEylr_AXcsQ_AUZ21-hvQghrOXntp_-ovYD3LaSKs9pGduP8HSu-CUZ29-mN2-luCBj-_skW9kIWsb2fr5NaT0tY_swySCTt3S_HTocPmqWiQYOwWL1SbOsLuAQLCZ_aJY1Fg7BYu8nvO0Ah2Ax9gt-WiUcgsXS73nN1PLN6b7G5Zd_Gz_cb_h-eziUi6-E5-k7WUEeIQx4U8KhYF4tEBbcV3AoeMMXCAMeWjgILv84cA2HEedceqVoioJgxWVhVZvTFCXBjLfOWx9oiqJgx30INlygKEvNWX5F56m6lfmPxTXpmCKHeqYND7WtCYZa7tOJRAx17NKFRAw1zAOeXs3_0cEX06XruIIoAya8MUG5koIo5GH6hofgGwqilMd08NYwxsCCw82tYs4rgmOe0rlbQRTzPL9sKQ0FUcxLOmEreBNjXtMFW0EUc5ihD-766u8_WIzv36EJAAA */
+:root {
+  --palette-primary__e8shvx0: #10677F;
+  --palette-secundary__e8shvx1: #0B4A5B;
+  --palette-tertiary__e8shvx2: #05232B;
+  --palette-quaternary__e8shvx3: #3CB4C9;
+  --palette-quinary__e8shvx4: #D8DAD3;
+  --toning-primary-t30__e8shvx5: #044A5D;
+  --toning-primary-t50__e8shvx6: #10677F;
+  --toning-primary-t60__e8shvx7: #37A5C3;
+  --toning-primary-t70__e8shvx8: #B4DAE4;
+  --toning-primary-t80__e8shvx9: #D0F5FF;
+  --toning-primary-t90__e8shvxa: #F0FCFF;
+  --toning-error-t30__e8shvxb: #A71A1A;
+  --toning-error-t50__e8shvxc: #C92B2B;
+  --toning-error-t60__e8shvxd: #FF5454;
+  --toning-error-t70__e8shvxe: #FFA1A1;
+  --toning-error-t80__e8shvxf: #FFC7C7;
+  --toning-error-t90__e8shvxg: #FFEEEE;
+  --toning-success-t30__e8shvxh: #1C643B;
+  --toning-success-t50__e8shvxi: #2D8654;
+  --toning-success-t60__e8shvxj: #5BCA8C;
+  --toning-success-t70__e8shvxk: #BAFFD8;
+  --toning-success-t80__e8shvxl: #D6FFE8;
+  --toning-success-t90__e8shvxm: #F2FFF8;
+  --toning-warning-t30__e8shvxn: #A86800;
+  --toning-warning-t50__e8shvxo: #D18100;
+  --toning-warning-t60__e8shvxp: #FFB640;
+  --toning-warning-t70__e8shvxq: #FFD694;
+  --toning-warning-t80__e8shvxr: #FFE6BE;
+  --toning-warning-t90__e8shvxs: #FFF6E8;
+  --toning-base-t30__e8shvxt: #494949;
+  --toning-base-t50__e8shvxu: #727272;
+  --toning-base-t60__e8shvxv: #9B9B9B;
+  --toning-base-t70__e8shvxw: #AFAFAF;
+  --toning-base-t80__e8shvxx: #C3C3C3;
+  --toning-base-t90__e8shvxy: #D8D8D8;
+  --text-primary-T60__e8shvxz: #1E1E1E;
+  --text-primary-T30__e8shvx10: #494949;
+  --text-primary-T10__e8shvx11: #939393;
+  --text-primary-T05__e8shvx12: #E5E5E5;
+  --text-primary-TO1__e8shvx13: #FDFDFD;
+  --text-secundary-T60__e8shvx14: #116E88;
+  --text-secundary-T30__e8shvx15: #62B8D0;
+  --text-secundary-T10__e8shvx16: #DCEBEF;
+  --text-secundary-T05__e8shvx17: #EFFBFF;
+  --text-secundary-TO1__e8shvx18: #FDFEFF;
+  --text-error-T60L__e8shvx19: #C92B2B;
+  --text-error-T30__e8shvx1a: #FF7B7B;
+  --text-error-T10__e8shvx1b: #FFC7C7;
+  --text-error-T05__e8shvx1c: #FFEEEE;
+  --text-error-TO1__e8shvx1d: #FFFDFD;
+  --text-success-T60__e8shvx1e: #2D8654;
+  --text-success-T30__e8shvx1f: #9AF8C3;
+  --text-success-T10__e8shvx1g: #D8FFE9;
+  --text-success-T05__e8shvx1h: #F2FFF8;
+  --text-success-T01__e8shvx1i: #FBFFFD;
+  --text-warning-T60__e8shvx1j: #D18100;
+  --text-warning-T30__e8shvx1k: #FFC66A;
+  --text-warning-T10__e8shvx1l: #FFE6BE;
+  --text-warning-TO5__e8shvx1m: #FFF6E8;
+  --text-warning-T01__e8shvx1n: #FFFEFC;
+}
+
+/* vanilla-extract-css-ns:src/tokens/spacing/spacing.css.ts.vanilla.css?source=OnJvb3QgewogIC0tc3BhY2UtMF9fMTd0enR6NjA6IDBweDsKICAtLXNwYWNlLTFfXzE3dHp0ejYxOiA0cHg7CiAgLS1zcGFjZS0yX18xN3R6dHo2MjogOHB4OwogIC0tc3BhY2UtM19fMTd0enR6NjM6IDEycHg7CiAgLS1zcGFjZS00X18xN3R6dHo2NDogMTZweDsKICAtLXNwYWNlLTVfXzE3dHp0ejY1OiAyMHB4OwogIC0tc3BhY2UtNl9fMTd0enR6NjY6IDI0cHg7CiAgLS1zcGFjZS03X18xN3R6dHo2NzogMjhweDsKICAtLXNwYWNlLThfXzE3dHp0ejY4OiAzMnB4OwogIC0tc3BhY2UtOV9fMTd0enR6Njk6IDM2cHg7CiAgLS1zcGFjZS0xMF9fMTd0enR6NmE6IDQwcHg7CiAgLS1zcGFjZS0xMl9fMTd0enR6NmI6IDQ4cHg7CiAgLS1zcGFjZS0xNF9fMTd0enR6NmM6IDU2cHg7CiAgLS1zcGFjZS0xNl9fMTd0enR6NmQ6IDY0cHg7CiAgLS1zcGFjZS0yMF9fMTd0enR6NmU6IDgwcHg7CiAgLS1zcGFjZS0yNF9fMTd0enR6NmY6IDk2cHg7CiAgLS1zcGFjZS0yOF9fMTd0enR6Nmc6IDExMnB4OwogIC0tc3BhY2UtMzJfXzE3dHp0ejZoOiAxMjhweDsKICAtLXNwYWNlLTM2X18xN3R6dHo2aTogMTQ0cHg7CiAgLS1zcGFjZS00MF9fMTd0enR6Nmo6IDE2MHB4OwogIC0tc3BhY2UtNDhfXzE3dHp0ejZrOiAxOTJweDsKICAtLXNwYWNlLTU2X18xN3R6dHo2bDogMjI0cHg7CiAgLS1zcGFjZS02NF9fMTd0enR6Nm06IDI1NnB4Owp9 */
+:root {
+  --space-0__17tztz60: 0px;
+  --space-1__17tztz61: 4px;
+  --space-2__17tztz62: 8px;
+  --space-3__17tztz63: 12px;
+  --space-4__17tztz64: 16px;
+  --space-5__17tztz65: 20px;
+  --space-6__17tztz66: 24px;
+  --space-7__17tztz67: 28px;
+  --space-8__17tztz68: 32px;
+  --space-9__17tztz69: 36px;
+  --space-10__17tztz6a: 40px;
+  --space-12__17tztz6b: 48px;
+  --space-14__17tztz6c: 56px;
+  --space-16__17tztz6d: 64px;
+  --space-20__17tztz6e: 80px;
+  --space-24__17tztz6f: 96px;
+  --space-28__17tztz6g: 112px;
+  --space-32__17tztz6h: 128px;
+  --space-36__17tztz6i: 144px;
+  --space-40__17tztz6j: 160px;
+  --space-48__17tztz6k: 192px;
+  --space-56__17tztz6l: 224px;
+  --space-64__17tztz6m: 256px;
+}
+
+/* vanilla-extract-css-ns:src/tokens/typograpgy/typography.css.ts.vanilla.css?source=OnJvb3QgewogIC0tZm9udEZhbWlseV9fNmVsbWxyMDogUmVkSGF0UmVndWxhcjsKfQ */
+:root {
+  --fontFamily__6elmlr0: RedHatRegular;
+}
+
+/* vanilla-extract-css-ns:src/tokens/radius/radii.css.ts.vanilla.css?source=OnJvb3QgewogIC0td2lkdGgtc21hbGxfX3h0cmdtZjA6IDAuMjVweDsKICAtLXdpZHRoLW1lZGl1bV9feHRyZ21mMTogMXB4OwogIC0td2lkdGgtbGFyZ2VfX3h0cmdtZjI6IDJweDsKICAtLXJhZGl1cy1zbWFsbF9feHRyZ21mMzogNHB4OwogIC0tcmFkaXVzLW1lZGl1bV9feHRyZ21mNDogMTRweDsKICAtLXJhZGl1cy1sYXJnZV9feHRyZ21mNTogMjRweDsKICAtLXJhZGl1cy1yb3VuZGVkX194dHJnbWY2OiAxMDBweDsKfQ */
+:root {
+  --width-small__xtrgmf0: 0.25px;
+  --width-medium__xtrgmf1: 1px;
+  --width-large__xtrgmf2: 2px;
+  --radius-small__xtrgmf3: 4px;
+  --radius-medium__xtrgmf4: 14px;
+  --radius-large__xtrgmf5: 24px;
+  --radius-rounded__xtrgmf6: 100px;
+}
+
+/* vanilla-extract-css-ns:src/tokens/shadows/shadows.css.ts.vanilla.css?source=OnJvb3QgewogIC0tc2hhZG93LW5vbmVfXzNsZHF3MTA6IG5vbmU7CiAgLS1zaGFkb3cteHNfXzNsZHF3MTE6IDAgMXB4IDJweCAwIHJnYigwIDAgMCAvIDAuMDUpOwogIC0tc2hhZG93LXNtX18zbGRxdzEyOiAwIDFweCAzcHggMCByZ2IoMCAwIDAgLyAwLjEwKSwgMCAxcHggMnB4IC0xcHggcmdiKDAgMCAwIC8gMC4xMCk7CiAgLS1zaGFkb3ctbWRfXzNsZHF3MTM6IDAgNHB4IDZweCAtMXB4IHJnYigwIDAgMCAvIDAuMTApLCAwIDJweCA0cHggLTJweCByZ2IoMCAwIDAgLyAwLjEwKTsKICAtLXNoYWRvdy1sZ19fM2xkcXcxNDogMCAxMHB4IDE1cHggLTNweCByZ2IoMCAwIDAgLyAwLjEwKSwgMCA0cHggNnB4IC00cHggcmdiKDAgMCAwIC8gMC4xMCk7CiAgLS1zaGFkb3cteGxfXzNsZHF3MTU6IDAgMjBweCAyNXB4IC01cHggcmdiKDAgMCAwIC8gMC4xMCksIDAgOHB4IDEwcHggLTZweCByZ2IoMCAwIDAgLyAwLjEwKTsKfQ */
+:root {
+  --shadow-none__3ldqw10: none;
+  --shadow-xs__3ldqw11: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-sm__3ldqw12: 0 1px 3px 0 rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10);
+  --shadow-md__3ldqw13: 0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10);
+  --shadow-lg__3ldqw14: 0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10);
+  --shadow-xl__3ldqw15: 0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10);
+}
+
+/* vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WY326jOBTG7_MUlvZmR1pX5G9Tej9PsNJcIgMH8NTYjH1ISFfz7itMDKQBQpppb6I4zvf9vuPDCfQpLBGVDM4vgZbVr2fwyH8LQpgQPimlAXxdEBKqihr-zmXqk1DpGDQNVVV_EnNTCHbyCZeCS6CJALvOBE8l5Qi58UkEEkHXyz9Lgzw50UhJBIn9j6JSG6V9UijulkoDmhoQEKFPpJJQLyZKIk1YzsXJJwem_6a0XvpuV4JgByIX2vvWbj0CTzP0yc7zmigWX7OYl8YJNO9oDjEv8yCoUKd5srEaqJk0HLmSPglZ9JZqVcqYRkooTZZbLzcEmIF_iCpYxPHUW3td_F48DdfYT1RUGnrghocCbMVViXUFfbIqKmKU4PEZrmACEIEWmudMn4IA9iY7VE3E87eoShIDaL88YHtgmjOJAYJGbjUajrV1_hjLb0IXTIPEATXD3yGohBPZW5GCxTGXKW36wBXWFCwCuguC5TO-4_tuZ6Hd3lCo6O1y67rduu6OsDb0yXJf2NbKuaTZ-VA3-8G8llCkjvDlJuG2td0-QrgbINyME-axI2Q3CTet7eYW4arduroi3AwQeuOEJneE4U3Cj4WZIFy2W5dzCNfDXW0JedRdVlGfcbom1wVo1o48xmy0JgUXIkBdgnOMmwtoYqbY6wpiN1TqC-BKNuaGhQLiC-nESrupKBVSJoQ6Qmwv-2bY-MR72tpaN0OTwgEkGjcsr4wilRc1T-A5l2xkAlyOHgNRKePe8GmO7bz3r-_2b56fn6kD6Fmu3bRqTFdDtWstls6Cj4i3mO7AfLL8MGpRybpjz5OW4t5z3i_9wDfn8hzKGYX4iPPS4rBJk5Uz-dn00MPUneAXUq-dydscedBaaYrbVjy6syU7u_mZzqbr1jScTLRxFuLhlpyOe3vrHMi769CdbDppsXUW-XU_fg66U_wy6J2zkHPEj0zb114CdWdDdobzM7W2XUvKyVTPzkQ93JK3Is_ZPAf0E9XozthMmuydSTHamHeDd5pfCP7iTH7NkTdlFIEx_Qz8zubsDOenam275symfxzb24Qx_fndeSvznM2zSD9Rj-6U82mX9m7BjPbn_eid6B9Er2_Df2hWFKCDI8fsX6jQ-aB1uPM_BTnTKZdUN7fo47fywwhS9QHK-wE6WaFYDHos2-GBbAKSmdEuGS7DHR8Jhz2halDIPr3VSvade2Ra1ivHjNfPBjV5_cRx1Kx4Xfz-H0uVGhFWEgAA */
+.button_button__rnxq7e0 {
+  all: unset;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  user-select: none;
+  font-family: var(--fontFamily__6elmlr0);
+  font-weight: 600;
+  border-radius: var(--radius-medium__xtrgmf4);
+  transition: background-color 150ms ease, opacity 150ms ease;
+}
+.button_button__rnxq7e0:focus-visible {
+  outline: 2px solid var(--palette-primary__e8shvx0);
+  outline-offset: 2px;
+}
+.button_button_variant_tertiary__rnxq7e3 {
+  background-color: transparent;
+}
+.button_button_size_xl__rnxq7e8 {
+  padding-inline: var(--space-6__17tztz66);
+  padding-block: var(--space-3__17tztz63);
+  font-size: 18px;
+  min-height: 48px;
+}
+.button_button_size_lg__rnxq7e9 {
+  padding-inline: var(--space-5__17tztz65);
+  padding-block: var(--space-3__17tztz63);
+  font-size: 16px;
+  min-height: 44px;
+}
+.button_button_size_md__rnxq7ea {
+  padding-inline: var(--space-4__17tztz64);
+  padding-block: var(--space-2__17tztz62);
+  font-size: 14px;
+  min-height: 40px;
+}
+.button_button_size_sm__rnxq7eb {
+  padding-inline: var(--space-3__17tztz63);
+  padding-block: var(--space-1__17tztz61);
+  font-size: 14px;
+  min-height: 32px;
+}
+.button_button_size_icon__rnxq7ec {
+  padding: var(--space-2__17tztz62);
+  min-height: 40px;
+  min-width: 40px;
+}
+.button_button_pill_true__rnxq7ed {
+  border-radius: var(--radius-rounded__xtrgmf6);
+}
+.button_button_disabled_true__rnxq7ef {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+.button_button_compound_0__rnxq7eh {
+  background-color: var(--palette-secundary__e8shvx1);
+  color: #FFFFFF;
+}
+.button_button_compound_0__rnxq7eh:hover {
+  background-color: var(--palette-tertiary__e8shvx2);
+}
+.button_button_compound_1__rnxq7ei {
+  background-color: #FFFFFF;
+  border: 1px solid var(--toning-primary-t80__e8shvx9);
+  color: var(--palette-primary__e8shvx0);
+}
+.button_button_compound_1__rnxq7ei:hover {
+  background-color: var(--toning-primary-t90__e8shvxa);
+}
+.button_button_compound_2__rnxq7ej {
+  color: var(--palette-primary__e8shvx0);
+}
+.button_button_compound_2__rnxq7ej:hover {
+  background-color: var(--toning-primary-t90__e8shvxa);
+}
+.button_button_compound_3__rnxq7ek {
+  background-color: var(--toning-error-t50__e8shvxc);
+  color: #FFFFFF;
+}
+.button_button_compound_3__rnxq7ek:hover {
+  background-color: var(--toning-error-t30__e8shvxb);
+}
+.button_button_compound_4__rnxq7el {
+  background-color: #FFFFFF;
+  border: 1px solid var(--toning-error-t50__e8shvxc);
+  color: var(--toning-error-t50__e8shvxc);
+}
+.button_button_compound_4__rnxq7el:hover {
+  background-color: var(--toning-error-t90__e8shvxg);
+}
+.button_button_compound_5__rnxq7em {
+  color: var(--toning-error-t50__e8shvxc);
+}
+.button_button_compound_5__rnxq7em:hover {
+  background-color: var(--toning-error-t90__e8shvxg);
+}
+.button_button_compound_6__rnxq7en {
+  background-color: var(--toning-warning-t50__e8shvxo);
+  color: #FFFFFF;
+}
+.button_button_compound_6__rnxq7en:hover {
+  background-color: var(--toning-warning-t30__e8shvxn);
+}
+.button_button_compound_7__rnxq7eo {
+  background-color: #FFFFFF;
+  border: 1px solid var(--toning-warning-t50__e8shvxo);
+  color: var(--toning-warning-t50__e8shvxo);
+}
+.button_button_compound_7__rnxq7eo:hover {
+  background-color: var(--toning-warning-t90__e8shvxs);
+}
+.button_button_compound_8__rnxq7ep {
+  color: var(--toning-warning-t50__e8shvxo);
+}
+.button_button_compound_8__rnxq7ep:hover {
+  background-color: var(--toning-warning-t90__e8shvxs);
+}
+.button_button_compound_9__rnxq7eq {
+  background-color: var(--toning-success-t50__e8shvxi);
+  color: #FFFFFF;
+}
+.button_button_compound_9__rnxq7eq:hover {
+  background-color: var(--toning-success-t30__e8shvxh);
+}
+.button_button_compound_10__rnxq7er {
+  background-color: #FFFFFF;
+  border: 1px solid var(--toning-success-t50__e8shvxi);
+  color: var(--toning-success-t50__e8shvxi);
+}
+.button_button_compound_10__rnxq7er:hover {
+  background-color: var(--toning-success-t90__e8shvxm);
+}
+.button_button_compound_11__rnxq7es {
+  color: var(--toning-success-t50__e8shvxi);
+}
+.button_button_compound_11__rnxq7es:hover {
+  background-color: var(--toning-success-t90__e8shvxm);
+}
+.button_iconWrapper_withText__rnxq7et {
+  display: inline-flex;
+  align-items: center;
+  margin-right: var(--space-2__17tztz62);
+}
+.button_iconWrapper_noText__rnxq7eu {
+  display: inline-flex;
+  align-items: center;
+}
+.button_loaderWrapper_withText__rnxq7ev {
+  display: inline-flex;
+  align-items: center;
+  margin-left: var(--space-2__17tztz62);
+}
+.button_loaderWrapper_noText__rnxq7ew {
+  display: inline-flex;
+  align-items: center;
+}
+.button_text__rnxq7ex {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+/* vanilla-extract-css-ns:src/components/input/input.css.ts.vanilla.css?source=#H4sIAAAAAAAAE8VWTW_bMAy951cIKAasBxV20qStehuwnnYcsKMhy7StRZYMicpHh_33wXbs2q3jxsPQJUAC0BL5SL5H-kbq0mO0t7wswUbRw_6wNnFAfi0ISaQrFT8ykio4PC5I_U8TaUGgNJoRYZQvdPUk4yUjO24_U-pKLoCGURTe4TM-b8Lrx8XvxU0TR_EYVJRAyr3CNlpYR0uNRurkMzAS3pZNvMq0B5nlyMg6CDpbygupjm3EyvRUW6JoA6pQNriujgqjjG0PodFSZzTmDiiugiiCe5fvDvgWHRcod9CCW34EuJIrQARaWllwe2zBBW_BgbWma9PqAwtXB6a47ion-uCE0cilfmHQ7TiDuJKZphKhcIwI0Ah2lD7Ljj7LGlFsbAKWWp5I7xi5b9JsrIyE5YE4o2Qy1uuHDvGxccXFNrPG64Se8rx6qj_Vw5InSXVVaiU1DDGtOkyr6_7ZWBmxnYaPlmsnG9GcUqljk3AdFI4AdzBZTJYa4R3dS8ylrivb9zKHRS--HXKEIZ82Z13PJMGY78tymBmo8Apl1aoIre80e1e7H3CtHl0OucWen-b3dOnhdEkx4rUDbAceI-HjhMpmKeoq_Fp9K8teJpgzEgbBp7OIGCsVF5AblYCt4Z0faZuuVLt-qRAOyC3w1if_j1kSYqHxrY2GKZD_IHEpjP4x3GrxrJnUMCa3Um8ZCab3yRkMqTH4El6Mh__pHcr0SCtSg0ZGmhESA-4B9FmAXZAcVAn2Oxzw9V5N3qyHZdPSSxfjjOaPwRnoH-aAGZX_36ARxuteC9L5FRm2dpYcCm4zqamCFBnhHs2AGjYz-E3qbYstG1PmO0gnJj4hwltXHS2N7Dg9u4AjOFludidVVsKlCQhjebPcvE7AVvO45wKO8MUjGt16yEcyvVSVI0nN6N0rSU9A7CV58WvkH2T42qZMCwAA */
+.input_wrapper__9wx5ob0 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1__17tztz61);
+}
+.input_label_default__9wx5ob1 {
+  font-size: 14px;
+  font-weight: 500;
+  font-family: var(--fontFamily__6elmlr0);
+  color: var(--toning-base-t30__e8shvxt);
+}
+.input_label_active__9wx5ob2 {
+  font-size: 14px;
+  font-weight: 500;
+  font-family: var(--fontFamily__6elmlr0);
+  color: var(--palette-primary__e8shvx0);
+}
+.input_label_error__9wx5ob3 {
+  font-size: 14px;
+  font-weight: 500;
+  font-family: var(--fontFamily__6elmlr0);
+  color: var(--toning-error-t50__e8shvxc);
+}
+.input_container__9wx5ob4 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2__17tztz62);
+  border-radius: 8px;
+  border: 1px solid var(--toning-base-t90__e8shvxy);
+  background-color: #FFFFFF;
+  padding-inline: var(--space-3__17tztz63);
+  padding-block: var(--space-2__17tztz62);
+  transition: border-color 150ms ease;
+}
+.input_container__9wx5ob4:focus-within {
+  border-color: var(--palette-primary__e8shvx0);
+}
+.input_container_state_error__9wx5ob6 {
+  border-color: var(--toning-error-t50__e8shvxc);
+}
+.input_container_state_error__9wx5ob6:focus-within {
+  border-color: var(--toning-error-t50__e8shvxc);
+}
+.input_container_multiline_true__9wx5ob7 {
+  align-items: flex-start;
+}
+.input_input__9wx5ob9 {
+  all: unset;
+  flex: 1;
+  font-size: 14px;
+  font-family: var(--fontFamily__6elmlr0);
+  color: #1E1E1E;
+  width: 100%;
+}
+.input_input__9wx5ob9::placeholder {
+  color: var(--toning-base-t60__e8shvxv);
+}
+.input_textarea__9wx5oba {
+  all: unset;
+  flex: 1;
+  font-size: 14px;
+  font-family: var(--fontFamily__6elmlr0);
+  color: #1E1E1E;
+  width: 100%;
+  resize: none;
+}
+.input_textarea__9wx5oba::placeholder {
+  color: var(--toning-base-t60__e8shvxv);
+}
+.input_iconWrapper__9wx5obb {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: var(--toning-base-t60__e8shvxv);
+}
+.input_footer__9wx5obc {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.input_helperText_default__9wx5obd {
+  font-size: 12px;
+  color: var(--toning-base-t30__e8shvxt);
+  font-family: var(--fontFamily__6elmlr0);
+}
+.input_helperText_error__9wx5obe {
+  font-size: 12px;
+  color: var(--toning-error-t50__e8shvxc);
+  font-family: var(--fontFamily__6elmlr0);
+}
+.input_counter__9wx5obf {
+  font-size: 12px;
+  color: var(--toning-base-t60__e8shvxv);
+  font-family: var(--fontFamily__6elmlr0);
+  margin-left: auto;
+}
+.input_forgotLink__9wx5obg {
+  all: unset;
+  font-size: 12px;
+  color: var(--palette-primary__e8shvx0);
+  cursor: pointer;
+  font-family: var(--fontFamily__6elmlr0);
+}
+.input_forgotLink__9wx5obg:hover {
+  text-decoration: underline;
+}
+.input_eyeButton__9wx5obh {
+  all: unset;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  color: var(--toning-base-t60__e8shvxv);
+  flex-shrink: 0;
+}
+.input_eyeButton__9wx5obh:hover {
+  color: var(--toning-base-t30__e8shvxt);
+}
+
+/* vanilla-extract-css-ns:src/components/card/card.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WVy47bIBSG9_MUSN00C0Z2bpN4llWnqtRdF11aGI4dOhgswLlVffcKbOw4ceamqaomUiLD4T-fDz-HW0o0S_1PqhibrjcR-nWDUEboY6FVLRmmSiidoA8P_nPvJpVmoBMUV3tklOAMbYn-iLFVkssCZ8QAtusoTWFlNtv9YdIvwpowXpukXdE84RIYr8s03VtdlPncx1eEMS6LEGkqQgHP0zS-s0d7XDZBjJtKkEOCcgF7N-D-MeMaqOVKJkirnRsmghcScwulaWKxsURbN1WQaphj1uWY-Ry5khbnpOTiEALd0IMfSdMliFLoaHJ_8_vm1hcyU-wQqhn7aj6LSZWoSzmKE3c48SQsTVDcp-NUyR-aVBXotBKEy5B7Op57UIuuDD9rY3l-wFRJC9ImiIK0oN1Ua4AGqiICrAVcaV4SfQh7HHVs2Gw0l48JisYRe2cFztkLOHuaJ0B3nNlNgmbLygtsgBcb2z8_5UBTEiGCAZt9vzwCA5e3BcB21Rl9PXmfcgmSgQjVmfvqeBMafoQExfPmdfzQrn3HRRRd5B4cx1lHaV_naoQEl4BDMePbeQ-6JaKG75bQR-h2c3HOO5uO8N41vEPpV3KFxhR_dt8zqk9uMmWQk1rYwLb0bC9Yl2nS-_PudNWz2zqiZmpKwZigt7rUa7eqDcR20e0WH5cErZUOguurgj7sVI6Oy-2IdvFBkFwVbANPJdWJJANDNa9cUwta2YV_Wz9c9-qy096-rQO7n6_SmStQ0P_6VrvSCt__6uK-aN8g744Me0FzfuZCnXZU0-ENhlDJJW67dnRB4brgF63qKrDAmy7T1m7jqUydDbpt_g_c6s_h0K7FOcZ09Zea6MUd9AclE2VAEgoAAA */
+.card_card__odd29h0 {
+  background-color: #FFFFFF;
+  border: 1px solid var(--toning-base-t90__e8shvxy);
+  border-radius: var(--radius-medium__xtrgmf4);
+  padding: var(--space-4__17tztz64);
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: var(--space-3__17tztz63);
+  font-family: var(--fontFamily__6elmlr0);
+}
+.card_body__odd29h1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1__17tztz61);
+  flex: 1;
+}
+.card_iconWrapper_plain__odd29h2 {
+  display: flex;
+  align-items: start;
+  justify-content: center;
+  color: var(--palette-primary__e8shvx0);
+  flex-shrink: 0;
+}
+.card_iconWrapper_background__odd29h3 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: var(--radius-small__xtrgmf3);
+  background-color: var(--toning-primary-t80__e8shvx9);
+  color: var(--palette-primary__e8shvx0);
+  flex-shrink: 0;
+}
+.card_label__odd29h4 {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--toning-base-t30__e8shvxt);
+  font-family: var(--fontFamily__6elmlr0);
+  line-height: 1.4;
+}
+.card_valueStacked__odd29h5 {
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1;
+  font-family: var(--fontFamily__6elmlr0);
+  color: #1E1E1E;
+}
+.card_valueColor_default__odd29h6 {
+  color: #1E1E1E;
+}
+.card_valueColor_brand__odd29h7 {
+  color: var(--palette-primary__e8shvx0);
+}
+.card_valueColor_success__odd29h8 {
+  color: var(--toning-success-t50__e8shvxi);
+}
+.card_valueColor_error__odd29h9 {
+  color: var(--toning-error-t50__e8shvxc);
+}
+.card_valueColor_warning__odd29ha {
+  color: var(--toning-warning-t50__e8shvxo);
+}
+.card_description__odd29hb {
+  font-size: 12px;
+  color: var(--toning-base-t60__e8shvxv);
+  font-family: var(--fontFamily__6elmlr0);
+}
+.card_cardInline__odd29hc {
+  background-color: #FFFFFF;
+  border: 1px solid var(--toning-base-t90__e8shvxy);
+  border-radius: var(--radius-medium__xtrgmf4);
+  padding: var(--space-4__17tztz64);
+  display: flex;
+  align-items: center;
+  gap: var(--space-3__17tztz63);
+  font-family: var(--fontFamily__6elmlr0);
+}
+.card_inlineLeft__odd29hd {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-2__17tztz62);
+  flex: 1;
+  min-width: 0;
+}
+.card_inlineLabelGroup__odd29he {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.card_sublabel__odd29hf {
+  font-size: 12px;
+  color: var(--toning-base-t60__e8shvxv);
+  font-family: var(--fontFamily__6elmlr0);
+}
+.card_valueInline__odd29hg {
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1;
+  font-family: var(--fontFamily__6elmlr0);
+  flex-shrink: 0;
+}
+
+/* vanilla-extract-css-ns:src/components/tag/tag.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62Wz27iMBCH7zyFpb1sD0EJ_-ve9tDXiIwzSQyO7doOkF3tu69scJICAbYUCSGNZ37z-SOHjC0pUvdN8_xjE6sY_RkhlDGjOGkwYoIzAVHO4fA2QohwVoiIWagMRhSEBe3KBVEYzZRvWUudgY40yVhtMEriuF_HKFEHZCRnGbKaCKOIBmFdQy6FjXJSMd5gtCP6ZxS50ruvpOkCeMV1_NK27oEVpcVoHseuti-ZhcgoQgEjIfeaKFf2-OWpNXkb_R2Nw40N-w0pb2-e-Jv7aHeCUbI4kiuSZUwU0dEFRsnkc33NJd1itHTV8_gqC_GTi_jZQHx8NX5-Ld5UIX56ET-5Hr-6mj49S6eyUrIWWRqHBWu_YE3ottDuJKKSSx3-KSuFS1OaVUQ3kX2N0xRWptwdyEvvqbg5s2xnVn7mU7MiHKyF0B063fNwDTsJ2HQA-8e7_wyx3Vj3HNgkgGWP-NwT7X97Ps09n-1M5_PjEvu8edo2iwHyaSCHryk93zhvN8rvwJsFvPwRsaC11H2txT2tp4lOKgxSn1o75vUA8zwwF08pPe3rhNLn0RYBrXxEp6kpBWP6Qqt7QtuZTul2kLtt7sjLAfJlIGdPSW03dlrZd-CtAt7mEbFrYqBvtbln9TjQKd0PMh87O2A7APwagLdP-Tyu62TWXwHTUMkd_KqtlSJgcY9FOMeoFgb8u8R_vr9samNZ3kRUCgvC9o9orY0jVJKFklSEMttgFI-Xt8lwKXegPV875N5B_gH88Kr2dQkAAA */
+.tag_tag__ffqj0p0 {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: 100px;
+  border: 1px solid transparent;
+  font-family: var(--fontFamily__6elmlr0);
+  font-weight: 500;
+  white-space: nowrap;
+  line-height: 1;
+}
+.tag_tag_size_lg__ffqj0p1 {
+  font-size: 16px;
+  padding-inline: 12px;
+  padding-block: 7px;
+}
+.tag_tag_size_md__ffqj0p2 {
+  font-size: 14px;
+  padding-inline: 10px;
+  padding-block: 5px;
+}
+.tag_tag_size_sm__ffqj0p3 {
+  font-size: 12px;
+  padding-inline: 8px;
+  padding-block: 3px;
+}
+.tag_tag_compound_0__ffqj0pb {
+  background-color: var(--toning-primary-t90__e8shvxa);
+  border-color: var(--toning-primary-t70__e8shvx8);
+  color: var(--palette-primary__e8shvx0);
+}
+.tag_tag_compound_1__ffqj0pc {
+  background-color: #FFFFFF;
+  border-color: var(--palette-primary__e8shvx0);
+  color: var(--palette-primary__e8shvx0);
+}
+.tag_tag_compound_2__ffqj0pd {
+  background-color: var(--toning-warning-t90__e8shvxs);
+  border-color: var(--toning-warning-t70__e8shvxq);
+  color: var(--toning-warning-t30__e8shvxn);
+}
+.tag_tag_compound_3__ffqj0pe {
+  background-color: #FFFFFF;
+  border-color: var(--toning-warning-t50__e8shvxo);
+  color: var(--toning-warning-t30__e8shvxn);
+}
+.tag_tag_compound_4__ffqj0pf {
+  background-color: var(--toning-error-t90__e8shvxg);
+  border-color: var(--toning-error-t70__e8shvxe);
+  color: var(--toning-error-t30__e8shvxb);
+}
+.tag_tag_compound_5__ffqj0pg {
+  background-color: #FFFFFF;
+  border-color: var(--toning-error-t50__e8shvxc);
+  color: var(--toning-error-t30__e8shvxb);
+}
+.tag_tag_compound_6__ffqj0ph {
+  background-color: var(--toning-success-t90__e8shvxm);
+  border-color: var(--toning-success-t70__e8shvxk);
+  color: var(--toning-success-t30__e8shvxh);
+}
+.tag_tag_compound_7__ffqj0pi {
+  background-color: #FFFFFF;
+  border-color: var(--toning-success-t50__e8shvxi);
+  color: var(--toning-success-t30__e8shvxh);
+}
+.tag_tag_compound_8__ffqj0pj {
+  background-color: var(--toning-base-t90__e8shvxy);
+  border-color: var(--toning-base-t70__e8shvxw);
+  color: var(--toning-base-t30__e8shvxt);
+}
+.tag_tag_compound_9__ffqj0pk {
+  background-color: #FFFFFF;
+  border-color: var(--toning-base-t50__e8shvxu);
+  color: var(--toning-base-t30__e8shvxt);
+}
+.tag_removeButton__ffqj0pl {
+  all: unset;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  opacity: 0.7;
+}
+.tag_removeButton__ffqj0pl:hover {
+  opacity: 1;
+}