takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/components/Button/index.css

@@ -0,0 +1,884 @@
+/* vanilla-extract-css-ns:src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA */
+.theme_defaultTheme__14bhs4v61 {
+  --colors-primary-lightest__14bhs4v0: #e5a1a4;
+  --colors-primary-lighter__14bhs4v1: #db6e72;
+  --colors-primary-light__14bhs4v2: #d13f45;
+  --colors-primary-default__14bhs4v3: #c8131b;
+  --colors-primary-dark__14bhs4v4: #94090f;
+  --colors-primary-darker__14bhs4v5: #610206;
+  --colors-red-lightest__14bhs4v6: #e5a1a4;
+  --colors-red-lighter__14bhs4v7: #db6e72;
+  --colors-red-light__14bhs4v8: #d13f45;
+  --colors-red-default__14bhs4v9: #c8131b;
+  --colors-red-dark__14bhs4va: #94090f;
+  --colors-red-darker__14bhs4vb: #610206;
+  --colors-yellow-lightest__14bhs4vc: #ffebc8;
+  --colors-yellow-lighter__14bhs4vd: #ffd894;
+  --colors-yellow-light__14bhs4ve: #ffc561;
+  --colors-yellow-default__14bhs4vf: #ffb32f;
+  --colors-yellow-dark__14bhs4vg: #cc8c1d;
+  --colors-yellow-darker__14bhs4vh: #99670f;
+  --colors-green-lightest__14bhs4vi: #bce3de;
+  --colors-green-lighter__14bhs4vj: #89d9cf;
+  --colors-green-light__14bhs4vk: #59cfc1;
+  --colors-green-default__14bhs4vl: #2ec9b7;
+  --colors-green-dark__14bhs4vm: #1d9688;
+  --colors-green-darker__14bhs4vn: #0f635a;
+  --colors-blue-lightest__14bhs4vo: #99dfff;
+  --colors-blue-lighter__14bhs4vp: #66cfff;
+  --colors-blue-light__14bhs4vq: #33bfff;
+  --colors-blue-default__14bhs4vr: #01afff;
+  --colors-blue-dark__14bhs4vs: #018ccc;
+  --colors-blue-darker__14bhs4vt: #016999;
+  --colors-orange-lightest__14bhs4vu: #FFD8BD;
+  --colors-orange-lighter__14bhs4vv: #FFB98A;
+  --colors-orange-light__14bhs4vw: #FF9B57;
+  --colors-orange-default__14bhs4vx: #FF7D24;
+  --colors-orange-dark__14bhs4vy: #CC5F14;
+  --colors-orange-darker__14bhs4vz: #994409;
+  --colors-second_green-lightest__14bhs4v10: #A5C7AF;
+  --colors-second_green-lighter__14bhs4v11: #77BD8B;
+  --colors-second_green-light__14bhs4v12: #4DB26A;
+  --colors-second_green-default__14bhs4v13: #27A84C;
+  --colors-second_green-dark__14bhs4v14: #167532;
+  --colors-second_green-darker__14bhs4v15: #0A421A;
+  --colors-neutral-white__14bhs4v16: #ffffff;
+  --colors-neutral-lightest__14bhs4v17: #f6f6f6;
+  --colors-neutral-lighter__14bhs4v18: #ededed;
+  --colors-neutral-light__14bhs4v19: #c6c6c6;
+  --colors-neutral-default__14bhs4v1a: #7a7a7a;
+  --colors-neutral-dark__14bhs4v1b: #545454;
+  --colors-neutral-darker__14bhs4v1c: #222222;
+  --colors-neutral-black__14bhs4v1d: #000000;
+  --shadows-lighter__14bhs4v1e: 0px 0px 2px 0px #0000001F, 0px 1px 2px 0px #00000024;
+  --shadows-light__14bhs4v1f: 0px 0px 2px 0px #0000001F, 0px 2px 4px 0px #00000024;
+  --shadows-default__14bhs4v1g: 0px 0px 2px 0px #0000001F, 0px 4px 8px 0px #00000024;
+  --shadows-dark__14bhs4v1h: 0px 0px 2px 0px #0000001F, 0px 8px 16px 0px #00000024;
+  --shadows-darker__14bhs4v1i: 0px 0px 8px 0px #00000033, 0px 10px 25px 0px #00000024;
+  --typography-family-default__14bhs4v1j: "Poppins", sans-serif;
+  --typography-weights-regular__14bhs4v1k: 400;
+  --typography-weights-medium__14bhs4v1l: 500;
+  --typography-weights-semibold__14bhs4v1m: 600;
+  --typography-weights-bold__14bhs4v1n: 700;
+  --typography-scale-display-fontSize__14bhs4v1o: 24px;
+  --typography-scale-display-lineHeight__14bhs4v1p: 28px;
+  --typography-scale-display-fontWeight__14bhs4v1q: 700;
+  --typography-scale-heading-fontSize__14bhs4v1r: 20px;
+  --typography-scale-heading-lineHeight__14bhs4v1s: 24px;
+  --typography-scale-heading-fontWeight__14bhs4v1t: 700;
+  --typography-scale-body-fontSize__14bhs4v1u: 14px;
+  --typography-scale-body-lineHeight__14bhs4v1v: 20px;
+  --typography-scale-body-fontWeight__14bhs4v1w: 400;
+  --typography-scale-caption-fontSize__14bhs4v1x: 12px;
+  --typography-scale-caption-lineHeight__14bhs4v1y: 16px;
+  --typography-scale-caption-fontWeight__14bhs4v1z: 500;
+  --typography-scale-small-fontSize__14bhs4v20: 10px;
+  --typography-scale-small-lineHeight__14bhs4v21: 14px;
+  --typography-scale-small-fontWeight__14bhs4v22: 400;
+  --spacing-xxs__14bhs4v23: 4px;
+  --spacing-xs__14bhs4v24: 8px;
+  --spacing-s__14bhs4v25: 16px;
+  --spacing-m__14bhs4v26: 24px;
+  --spacing-l__14bhs4v27: 32px;
+  --spacing-xl__14bhs4v28: 40px;
+  --spacing-xxl__14bhs4v29: 48px;
+  --radius-s__14bhs4v2a: 4px;
+  --radius-m__14bhs4v2b: 8px;
+  --radius-l__14bhs4v2c: 12px;
+  --radius-xl__14bhs4v2d: 16px;
+  --radius-xxl__14bhs4v2e: 24px;
+  --semantic-error__14bhs4v2f: #c8131b;
+  --semantic-success__14bhs4v2g: #2ec9b7;
+  --semantic-info__14bhs4v2h: #01afff;
+  --semantic-warning__14bhs4v2i: #ffb32f;
+  --zIndex-dropdown__14bhs4v2j: 1000;
+  --zIndex-modal__14bhs4v2k: 1100;
+  --zIndex-tooltip__14bhs4v2l: 1200;
+  --zIndex-toast__14bhs4v2m: 1300;
+  --motion-fast__14bhs4v2n: 150ms;
+  --motion-normal__14bhs4v2o: 300ms;
+  --motion-slow__14bhs4v2p: 500ms;
+  --components-fieldInfo-fontSize-desktop__14bhs4v2q: 12px;
+  --components-fieldInfo-fontSize-tablet__14bhs4v2r: 14px;
+  --components-fieldInfo-fontSize-totem__14bhs4v2s: 16px;
+  --components-input-label-fontSize-desktop__14bhs4v2t: 16px;
+  --components-input-label-fontSize-large__14bhs4v2u: 16px;
+  --components-input-label-fontSize-medium__14bhs4v2v: 14px;
+  --components-input-label-fontSize-small__14bhs4v2w: 12px;
+  --components-input-label-fontSize-tablet__14bhs4v2x: 18px;
+  --components-input-label-fontSize-tablet-medium__14bhs4v2y: 16px;
+  --components-input-label-fontSize-tablet-small__14bhs4v2z: 16px;
+  --components-input-label-fontSize-totem__14bhs4v30: 20px;
+  --components-input-label-fontSize-totem-medium__14bhs4v31: 18px;
+  --components-input-label-fontSize-totem-small__14bhs4v32: 16px;
+  --components-input-input-fontSize-desktop__14bhs4v33: 14px;
+  --components-input-input-fontSize-large__14bhs4v34: 14px;
+  --components-input-input-fontSize-medium__14bhs4v35: 12px;
+  --components-input-input-fontSize-small__14bhs4v36: 12px;
+  --components-input-input-fontSize-tablet__14bhs4v37: 16px;
+  --components-input-input-fontSize-tablet-medium__14bhs4v38: 16px;
+  --components-input-input-fontSize-tablet-small__14bhs4v39: 16px;
+  --components-input-input-fontSize-totem__14bhs4v3a: 18px;
+  --components-input-input-fontSize-totem-medium__14bhs4v3b: 16px;
+  --components-input-input-fontSize-totem-small__14bhs4v3c: 16px;
+  --components-input-input-height-desktop__14bhs4v3d: 40px;
+  --components-input-input-height-large__14bhs4v3e: 40px;
+  --components-input-input-height-medium__14bhs4v3f: 32px;
+  --components-input-input-height-small__14bhs4v3g: 24px;
+  --components-input-input-height-tablet__14bhs4v3h: 48px;
+  --components-input-input-height-tablet-medium__14bhs4v3i: 40px;
+  --components-input-input-height-tablet-small__14bhs4v3j: 32px;
+  --components-input-input-height-totem__14bhs4v3k: 56px;
+  --components-input-input-height-totem-medium__14bhs4v3l: 48px;
+  --components-input-input-height-totem-small__14bhs4v3m: 40px;
+  --components-input-input-borderRadius-desktop__14bhs4v3n: 8px;
+  --components-input-input-borderRadius-large__14bhs4v3o: 8px;
+  --components-input-input-borderRadius-medium__14bhs4v3p: 8px;
+  --components-input-input-borderRadius-small__14bhs4v3q: 4px;
+  --components-input-input-borderRadius-tablet__14bhs4v3r: 12px;
+  --components-input-input-borderRadius-tablet-medium__14bhs4v3s: 8px;
+  --components-input-input-borderRadius-tablet-small__14bhs4v3t: 4px;
+  --components-input-input-borderRadius-totem__14bhs4v3u: 16px;
+  --components-input-input-borderRadius-totem-medium__14bhs4v3v: 8px;
+  --components-input-input-borderRadius-totem-small__14bhs4v3w: 8px;
+  --components-input-input-padding-desktop__14bhs4v3x: 8px 16px;
+  --components-input-input-padding-large__14bhs4v3y: 8px 16px;
+  --components-input-input-padding-medium__14bhs4v3z: 4px 12px;
+  --components-input-input-padding-small__14bhs4v40: 4px 8px;
+  --components-input-input-padding-tablet__14bhs4v41: 8px 16px;
+  --components-input-input-padding-tablet-medium__14bhs4v42: 4px 16px;
+  --components-input-input-padding-tablet-small__14bhs4v43: 4px 12px;
+  --components-input-input-padding-totem__14bhs4v44: 8px 12px;
+  --components-input-input-padding-totem-medium__14bhs4v45: 8px 12px;
+  --components-input-input-padding-totem-small__14bhs4v46: 4px 12px;
+  --components-select-padding-desktop__14bhs4v47: 4px 16px;
+  --components-select-padding-tablet__14bhs4v48: 4px 16px;
+  --components-select-padding-totem__14bhs4v49: 4px 12px;
+  --components-button-fontSize-medium__14bhs4v4a: 14px;
+  --components-button-fontSize-small__14bhs4v4b: 12px;
+  --components-button-fontSize-large__14bhs4v4c: 14px;
+  --components-button-fontSize-tablet__14bhs4v4d: 16px;
+  --components-button-fontSize-tablet-medium__14bhs4v4e: 14px;
+  --components-button-fontSize-tablet-small__14bhs4v4f: 12px;
+  --components-button-fontSize-totem__14bhs4v4g: 18px;
+  --components-button-fontSize-totem-medium__14bhs4v4h: 16px;
+  --components-button-fontSize-totem-small__14bhs4v4i: 14px;
+  --components-button-height-large__14bhs4v4j: 40px;
+  --components-button-height-medium__14bhs4v4k: 32px;
+  --components-button-height-small__14bhs4v4l: 24px;
+  --components-button-height-tablet__14bhs4v4m: 48px;
+  --components-button-height-tablet-medium__14bhs4v4n: 40px;
+  --components-button-height-tablet-small__14bhs4v4o: 32px;
+  --components-button-height-totem__14bhs4v4p: 56px;
+  --components-button-height-totem-medium__14bhs4v4q: 48px;
+  --components-button-height-totem-small__14bhs4v4r: 40px;
+  --components-button-padding-large-text__14bhs4v4s: 0 24px;
+  --components-button-padding-large-icon__14bhs4v4t: 0 8px;
+  --components-button-padding-large-textAndIcon__14bhs4v4u: 0 24px 0 16px;
+  --components-button-padding-medium-text__14bhs4v4v: 0 16px;
+  --components-button-padding-medium-icon__14bhs4v4w: 0 8px;
+  --components-button-padding-medium-textAndIcon__14bhs4v4x: 0 12px 0 8px;
+  --components-button-padding-small-text__14bhs4v4y: 0 8px;
+  --components-button-padding-small-icon__14bhs4v4z: 0 4px;
+  --components-button-padding-small-textAndIcon__14bhs4v50: 0 6px 0 4px;
+  --components-button-padding-tablet-text__14bhs4v51: 0 24px;
+  --components-button-padding-tablet-icon__14bhs4v52: 0 8px;
+  --components-button-padding-tablet-textAndIcon__14bhs4v53: 0 24px 0 16px;
+  --components-button-padding-tablet-medium-text__14bhs4v54: 0 16px;
+  --components-button-padding-tablet-medium-icon__14bhs4v55: 0 8px;
+  --components-button-padding-tablet-medium-textAndIcon__14bhs4v56: 0 16px 0 12px;
+  --components-button-padding-tablet-small-text__14bhs4v57: 0 12px;
+  --components-button-padding-tablet-small-icon__14bhs4v58: 0 4px;
+  --components-button-padding-tablet-small-textAndIcon__14bhs4v59: 0 10px 0 6px;
+  --components-button-padding-totem-text__14bhs4v5a: 0 32px;
+  --components-button-padding-totem-icon__14bhs4v5b: 0 8px;
+  --components-button-padding-totem-textAndIcon__14bhs4v5c: 0 32px 0 16px;
+  --components-button-padding-totem-medium-text__14bhs4v5d: 0 24px;
+  --components-button-padding-totem-medium-icon__14bhs4v5e: 0 8px;
+  --components-button-padding-totem-medium-textAndIcon__14bhs4v5f: 0 24px 0 16px;
+  --components-button-padding-totem-small-text__14bhs4v5g: 0 16px;
+  --components-button-padding-totem-small-icon__14bhs4v5h: 0 4px;
+  --components-button-padding-totem-small-textAndIcon__14bhs4v5i: 0 14px 0 8px;
+  --components-button-borderRadius-large__14bhs4v5j: 12px;
+  --components-button-borderRadius-medium__14bhs4v5k: 8px;
+  --components-button-borderRadius-small__14bhs4v5l: 4px;
+  --components-button-borderRadius-tablet__14bhs4v5m: 12px;
+  --components-button-borderRadius-tablet-medium__14bhs4v5n: 8px;
+  --components-button-borderRadius-tablet-small__14bhs4v5o: 4px;
+  --components-button-borderRadius-totem__14bhs4v5p: 12px;
+  --components-button-borderRadius-totem-medium__14bhs4v5q: 8px;
+  --components-button-borderRadius-totem-small__14bhs4v5r: 8px;
+  --components-button-iconSize-large__14bhs4v5s: 24px;
+  --components-button-iconSize-medium__14bhs4v5t: 20px;
+  --components-button-iconSize-small__14bhs4v5u: 16px;
+  --components-button-iconSize-tablet__14bhs4v5v: 24px;
+  --components-button-iconSize-tablet-medium__14bhs4v5w: 20px;
+  --components-button-iconSize-tablet-small__14bhs4v5x: 16px;
+  --components-button-iconSize-totem__14bhs4v5y: 24px;
+  --components-button-iconSize-totem-medium__14bhs4v5z: 20px;
+  --components-button-iconSize-totem-small__14bhs4v60: 16px;
+}
+.theme_betaTheme__14bhs4v62 {
+  --colors-primary-lightest__14bhs4v0: #cfe5ff;
+  --colors-primary-lighter__14bhs4v1: #9ac9ff;
+  --colors-primary-light__14bhs4v2: #5ba8ff;
+  --colors-primary-default__14bhs4v3: #1a7fff;
+  --colors-primary-dark__14bhs4v4: #145fbf;
+  --colors-primary-darker__14bhs4v5: #0d3f80;
+  --colors-red-lightest__14bhs4v6: #e5a1a4;
+  --colors-red-lighter__14bhs4v7: #db6e72;
+  --colors-red-light__14bhs4v8: #d13f45;
+  --colors-red-default__14bhs4v9: #c8131b;
+  --colors-red-dark__14bhs4va: #94090f;
+  --colors-red-darker__14bhs4vb: #610206;
+  --colors-yellow-lightest__14bhs4vc: #ffebc8;
+  --colors-yellow-lighter__14bhs4vd: #ffd894;
+  --colors-yellow-light__14bhs4ve: #ffc561;
+  --colors-yellow-default__14bhs4vf: #ffb32f;
+  --colors-yellow-dark__14bhs4vg: #cc8c1d;
+  --colors-yellow-darker__14bhs4vh: #99670f;
+  --colors-green-lightest__14bhs4vi: #bce3de;
+  --colors-green-lighter__14bhs4vj: #89d9cf;
+  --colors-green-light__14bhs4vk: #59cfc1;
+  --colors-green-default__14bhs4vl: #2ec9b7;
+  --colors-green-dark__14bhs4vm: #1d9688;
+  --colors-green-darker__14bhs4vn: #0f635a;
+  --colors-blue-lightest__14bhs4vo: #99dfff;
+  --colors-blue-lighter__14bhs4vp: #66cfff;
+  --colors-blue-light__14bhs4vq: #33bfff;
+  --colors-blue-default__14bhs4vr: #01afff;
+  --colors-blue-dark__14bhs4vs: #018ccc;
+  --colors-blue-darker__14bhs4vt: #016999;
+  --colors-orange-lightest__14bhs4vu: #FFD8BD;
+  --colors-orange-lighter__14bhs4vv: #FFB98A;
+  --colors-orange-light__14bhs4vw: #FF9B57;
+  --colors-orange-default__14bhs4vx: #FF7D24;
+  --colors-orange-dark__14bhs4vy: #CC5F14;
+  --colors-orange-darker__14bhs4vz: #994409;
+  --colors-second_green-lightest__14bhs4v10: #A5C7AF;
+  --colors-second_green-lighter__14bhs4v11: #77BD8B;
+  --colors-second_green-light__14bhs4v12: #4DB26A;
+  --colors-second_green-default__14bhs4v13: #27A84C;
+  --colors-second_green-dark__14bhs4v14: #167532;
+  --colors-second_green-darker__14bhs4v15: #0A421A;
+  --colors-neutral-white__14bhs4v16: #ffffff;
+  --colors-neutral-lightest__14bhs4v17: #f6f6f6;
+  --colors-neutral-lighter__14bhs4v18: #ededed;
+  --colors-neutral-light__14bhs4v19: #c6c6c6;
+  --colors-neutral-default__14bhs4v1a: #7a7a7a;
+  --colors-neutral-dark__14bhs4v1b: #545454;
+  --colors-neutral-darker__14bhs4v1c: #222222;
+  --colors-neutral-black__14bhs4v1d: #000000;
+  --shadows-lighter__14bhs4v1e: 0px 0px 2px 0px #0000001F, 0px 1px 2px 0px #00000024;
+  --shadows-light__14bhs4v1f: 0px 0px 2px 0px #0000001F, 0px 2px 4px 0px #00000024;
+  --shadows-default__14bhs4v1g: 0px 0px 2px 0px #0000001F, 0px 4px 8px 0px #00000024;
+  --shadows-dark__14bhs4v1h: 0px 0px 2px 0px #0000001F, 0px 8px 16px 0px #00000024;
+  --shadows-darker__14bhs4v1i: 0px 0px 8px 0px #00000033, 0px 10px 25px 0px #00000024;
+  --typography-family-default__14bhs4v1j: "Poppins", sans-serif;
+  --typography-weights-regular__14bhs4v1k: 400;
+  --typography-weights-medium__14bhs4v1l: 500;
+  --typography-weights-semibold__14bhs4v1m: 600;
+  --typography-weights-bold__14bhs4v1n: 700;
+  --typography-scale-display-fontSize__14bhs4v1o: 24px;
+  --typography-scale-display-lineHeight__14bhs4v1p: 28px;
+  --typography-scale-display-fontWeight__14bhs4v1q: 700;
+  --typography-scale-heading-fontSize__14bhs4v1r: 20px;
+  --typography-scale-heading-lineHeight__14bhs4v1s: 24px;
+  --typography-scale-heading-fontWeight__14bhs4v1t: 700;
+  --typography-scale-body-fontSize__14bhs4v1u: 14px;
+  --typography-scale-body-lineHeight__14bhs4v1v: 20px;
+  --typography-scale-body-fontWeight__14bhs4v1w: 400;
+  --typography-scale-caption-fontSize__14bhs4v1x: 12px;
+  --typography-scale-caption-lineHeight__14bhs4v1y: 16px;
+  --typography-scale-caption-fontWeight__14bhs4v1z: 500;
+  --typography-scale-small-fontSize__14bhs4v20: 10px;
+  --typography-scale-small-lineHeight__14bhs4v21: 14px;
+  --typography-scale-small-fontWeight__14bhs4v22: 400;
+  --spacing-xxs__14bhs4v23: 4px;
+  --spacing-xs__14bhs4v24: 8px;
+  --spacing-s__14bhs4v25: 16px;
+  --spacing-m__14bhs4v26: 24px;
+  --spacing-l__14bhs4v27: 32px;
+  --spacing-xl__14bhs4v28: 40px;
+  --spacing-xxl__14bhs4v29: 48px;
+  --radius-s__14bhs4v2a: 4px;
+  --radius-m__14bhs4v2b: 8px;
+  --radius-l__14bhs4v2c: 12px;
+  --radius-xl__14bhs4v2d: 16px;
+  --radius-xxl__14bhs4v2e: 24px;
+  --semantic-error__14bhs4v2f: #c8131b;
+  --semantic-success__14bhs4v2g: #2ec9b7;
+  --semantic-info__14bhs4v2h: #1a7fff;
+  --semantic-warning__14bhs4v2i: #ffb32f;
+  --zIndex-dropdown__14bhs4v2j: 1000;
+  --zIndex-modal__14bhs4v2k: 1100;
+  --zIndex-tooltip__14bhs4v2l: 1200;
+  --zIndex-toast__14bhs4v2m: 1300;
+  --motion-fast__14bhs4v2n: 150ms;
+  --motion-normal__14bhs4v2o: 300ms;
+  --motion-slow__14bhs4v2p: 500ms;
+  --components-fieldInfo-fontSize-desktop__14bhs4v2q: 12px;
+  --components-fieldInfo-fontSize-tablet__14bhs4v2r: 14px;
+  --components-fieldInfo-fontSize-totem__14bhs4v2s: 16px;
+  --components-input-label-fontSize-desktop__14bhs4v2t: 16px;
+  --components-input-label-fontSize-large__14bhs4v2u: 16px;
+  --components-input-label-fontSize-medium__14bhs4v2v: 14px;
+  --components-input-label-fontSize-small__14bhs4v2w: 12px;
+  --components-input-label-fontSize-tablet__14bhs4v2x: 18px;
+  --components-input-label-fontSize-tablet-medium__14bhs4v2y: 16px;
+  --components-input-label-fontSize-tablet-small__14bhs4v2z: 16px;
+  --components-input-label-fontSize-totem__14bhs4v30: 20px;
+  --components-input-label-fontSize-totem-medium__14bhs4v31: 18px;
+  --components-input-label-fontSize-totem-small__14bhs4v32: 16px;
+  --components-input-input-fontSize-desktop__14bhs4v33: 14px;
+  --components-input-input-fontSize-large__14bhs4v34: 14px;
+  --components-input-input-fontSize-medium__14bhs4v35: 12px;
+  --components-input-input-fontSize-small__14bhs4v36: 12px;
+  --components-input-input-fontSize-tablet__14bhs4v37: 16px;
+  --components-input-input-fontSize-tablet-medium__14bhs4v38: 16px;
+  --components-input-input-fontSize-tablet-small__14bhs4v39: 16px;
+  --components-input-input-fontSize-totem__14bhs4v3a: 18px;
+  --components-input-input-fontSize-totem-medium__14bhs4v3b: 16px;
+  --components-input-input-fontSize-totem-small__14bhs4v3c: 16px;
+  --components-input-input-height-desktop__14bhs4v3d: 40px;
+  --components-input-input-height-large__14bhs4v3e: 40px;
+  --components-input-input-height-medium__14bhs4v3f: 32px;
+  --components-input-input-height-small__14bhs4v3g: 24px;
+  --components-input-input-height-tablet__14bhs4v3h: 48px;
+  --components-input-input-height-tablet-medium__14bhs4v3i: 40px;
+  --components-input-input-height-tablet-small__14bhs4v3j: 32px;
+  --components-input-input-height-totem__14bhs4v3k: 56px;
+  --components-input-input-height-totem-medium__14bhs4v3l: 48px;
+  --components-input-input-height-totem-small__14bhs4v3m: 40px;
+  --components-input-input-borderRadius-desktop__14bhs4v3n: 8px;
+  --components-input-input-borderRadius-large__14bhs4v3o: 8px;
+  --components-input-input-borderRadius-medium__14bhs4v3p: 8px;
+  --components-input-input-borderRadius-small__14bhs4v3q: 4px;
+  --components-input-input-borderRadius-tablet__14bhs4v3r: 12px;
+  --components-input-input-borderRadius-tablet-medium__14bhs4v3s: 8px;
+  --components-input-input-borderRadius-tablet-small__14bhs4v3t: 4px;
+  --components-input-input-borderRadius-totem__14bhs4v3u: 16px;
+  --components-input-input-borderRadius-totem-medium__14bhs4v3v: 8px;
+  --components-input-input-borderRadius-totem-small__14bhs4v3w: 8px;
+  --components-input-input-padding-desktop__14bhs4v3x: 8px 16px;
+  --components-input-input-padding-large__14bhs4v3y: 8px 16px;
+  --components-input-input-padding-medium__14bhs4v3z: 4px 12px;
+  --components-input-input-padding-small__14bhs4v40: 4px 8px;
+  --components-input-input-padding-tablet__14bhs4v41: 8px 16px;
+  --components-input-input-padding-tablet-medium__14bhs4v42: 4px 16px;
+  --components-input-input-padding-tablet-small__14bhs4v43: 4px 12px;
+  --components-input-input-padding-totem__14bhs4v44: 8px 12px;
+  --components-input-input-padding-totem-medium__14bhs4v45: 8px 12px;
+  --components-input-input-padding-totem-small__14bhs4v46: 4px 12px;
+  --components-select-padding-desktop__14bhs4v47: 4px 16px;
+  --components-select-padding-tablet__14bhs4v48: 4px 16px;
+  --components-select-padding-totem__14bhs4v49: 4px 12px;
+  --components-button-fontSize-medium__14bhs4v4a: 14px;
+  --components-button-fontSize-small__14bhs4v4b: 12px;
+  --components-button-fontSize-large__14bhs4v4c: 14px;
+  --components-button-fontSize-tablet__14bhs4v4d: 16px;
+  --components-button-fontSize-tablet-medium__14bhs4v4e: 14px;
+  --components-button-fontSize-tablet-small__14bhs4v4f: 12px;
+  --components-button-fontSize-totem__14bhs4v4g: 18px;
+  --components-button-fontSize-totem-medium__14bhs4v4h: 16px;
+  --components-button-fontSize-totem-small__14bhs4v4i: 14px;
+  --components-button-height-large__14bhs4v4j: 40px;
+  --components-button-height-medium__14bhs4v4k: 32px;
+  --components-button-height-small__14bhs4v4l: 24px;
+  --components-button-height-tablet__14bhs4v4m: 48px;
+  --components-button-height-tablet-medium__14bhs4v4n: 40px;
+  --components-button-height-tablet-small__14bhs4v4o: 32px;
+  --components-button-height-totem__14bhs4v4p: 56px;
+  --components-button-height-totem-medium__14bhs4v4q: 48px;
+  --components-button-height-totem-small__14bhs4v4r: 40px;
+  --components-button-padding-large-text__14bhs4v4s: 0 24px;
+  --components-button-padding-large-icon__14bhs4v4t: 0 8px;
+  --components-button-padding-large-textAndIcon__14bhs4v4u: 0 24px 0 16px;
+  --components-button-padding-medium-text__14bhs4v4v: 0 16px;
+  --components-button-padding-medium-icon__14bhs4v4w: 0 8px;
+  --components-button-padding-medium-textAndIcon__14bhs4v4x: 0 12px 0 8px;
+  --components-button-padding-small-text__14bhs4v4y: 0 8px;
+  --components-button-padding-small-icon__14bhs4v4z: 0 4px;
+  --components-button-padding-small-textAndIcon__14bhs4v50: 0 6px 0 4px;
+  --components-button-padding-tablet-text__14bhs4v51: 0 24px;
+  --components-button-padding-tablet-icon__14bhs4v52: 0 8px;
+  --components-button-padding-tablet-textAndIcon__14bhs4v53: 0 24px 0 16px;
+  --components-button-padding-tablet-medium-text__14bhs4v54: 0 16px;
+  --components-button-padding-tablet-medium-icon__14bhs4v55: 0 8px;
+  --components-button-padding-tablet-medium-textAndIcon__14bhs4v56: 0 16px 0 12px;
+  --components-button-padding-tablet-small-text__14bhs4v57: 0 12px;
+  --components-button-padding-tablet-small-icon__14bhs4v58: 0 4px;
+  --components-button-padding-tablet-small-textAndIcon__14bhs4v59: 0 10px 0 6px;
+  --components-button-padding-totem-text__14bhs4v5a: 0 32px;
+  --components-button-padding-totem-icon__14bhs4v5b: 0 8px;
+  --components-button-padding-totem-textAndIcon__14bhs4v5c: 0 32px 0 16px;
+  --components-button-padding-totem-medium-text__14bhs4v5d: 0 24px;
+  --components-button-padding-totem-medium-icon__14bhs4v5e: 0 8px;
+  --components-button-padding-totem-medium-textAndIcon__14bhs4v5f: 0 24px 0 16px;
+  --components-button-padding-totem-small-text__14bhs4v5g: 0 16px;
+  --components-button-padding-totem-small-icon__14bhs4v5h: 0 4px;
+  --components-button-padding-totem-small-textAndIcon__14bhs4v5i: 0 14px 0 8px;
+  --components-button-borderRadius-large__14bhs4v5j: 12px;
+  --components-button-borderRadius-medium__14bhs4v5k: 8px;
+  --components-button-borderRadius-small__14bhs4v5l: 4px;
+  --components-button-borderRadius-tablet__14bhs4v5m: 12px;
+  --components-button-borderRadius-tablet-medium__14bhs4v5n: 8px;
+  --components-button-borderRadius-tablet-small__14bhs4v5o: 4px;
+  --components-button-borderRadius-totem__14bhs4v5p: 12px;
+  --components-button-borderRadius-totem-medium__14bhs4v5q: 8px;
+  --components-button-borderRadius-totem-small__14bhs4v5r: 8px;
+  --components-button-iconSize-large__14bhs4v5s: 24px;
+  --components-button-iconSize-medium__14bhs4v5t: 20px;
+  --components-button-iconSize-small__14bhs4v5u: 16px;
+  --components-button-iconSize-tablet__14bhs4v5v: 24px;
+  --components-button-iconSize-tablet-medium__14bhs4v5w: 20px;
+  --components-button-iconSize-tablet-small__14bhs4v5x: 16px;
+  --components-button-iconSize-totem__14bhs4v5y: 24px;
+  --components-button-iconSize-totem-medium__14bhs4v5z: 20px;
+  --components-button-iconSize-totem-small__14bhs4v60: 16px;
+}
+
+/* vanilla-extract-css-ns:src/components/Spinner/styles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdHlsZXNfc3BpbkFuaW1hdGlvbl9fMTV5ZGdleTAgewogIDAlIHsKICAgIHJvdGF0ZTogMGRlZzsKICB9CiAgMTAwJSB7CiAgICByb3RhdGU6IDM2MGRlZzsKICB9Cn0KLnN0eWxlc19zcGlubmVyU3R5bGVzX18xNXlkZ2V5MSB7CiAgd2lkdGg6IDIycHg7CiAgaGVpZ2h0OiAyMnB4OwogIGFuaW1hdGlvbjogc3R5bGVzX3NwaW5BbmltYXRpb25fXzE1eWRnZXkwIDJzIGxpbmVhciBpbmZpbml0ZTsKfQ */
+@keyframes styles_spinAnimation__15ydgey0 {
+  0% {
+    rotate: 0deg;
+  }
+  100% {
+    rotate: 360deg;
+  }
+}
+.styles_spinnerStyles__15ydgey1 {
+  width: 22px;
+  height: 22px;
+  animation: styles_spinAnimation__15ydgey0 2s linear infinite;
+}
+
+/* vanilla-extract-css-ns:src/components/Button/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1cW2_bNhh9768QNgxtgCmwkygXFQXW9mV7G7ZiL0MRUBIlM6ZJlaQcO0P--6CbRYq6kLQT9KFviWKec3h4-FGi6JxzsceQ30eFEJR8Ahx-xoDz-_vLB3x9-3jr_ffG83w_ppiyfwBrry9CbwvYu-YP3M8Z2gC29xOYggKL-_vlVbTiV9vLs_dd-9_pFsogyzEQwNYHhCsZ4WMs0BZKEBcTEJAdQAIZ5AvcCQni0gWCEoA_ZRLK1QgKRtlKQN45shjA6RsTTIJ1mpYDWJpF19YuV0g9l26sBvwRJWIVeikSfkyJgESUVyPKEshCj1ACy9_jgnHKQi-niAjIyksJ4jkG-9BDBCMC_RTDXXn9oeACpfsWLfRi2DYBGGXERwJuuHw5A3krmecgRiTzd_wg86LusGCAcCQQJaEXgXidMVqQpO6jtzi_5L968s91B3z10s7nK5DQx-pCCZpSIvwUbBDetwrEPqcZA_lq3_xB8235cHZo-wjLcQ6968WivFYZsWquLa_zyhAMhYCs7VroLc6D-g8C7oRfeSK7UUlWhrA_C87ev3l-c36oBggnn5s5jwAR7cfuftSDH_XAth4Y5AoY5orBRKO4s8lUBSD3FFjlqW0umR5ZZGm2-WyOSgQtQ9cOGeqAOi03LvmZdtQkO2ODapCbyDA3e4gxfdRYUpvotBhyXzOr9EgIkusriwCZIMxmqAHRYhQ7xEjB6hQlLkmaNdgkTBMjbZCn2DBPGYOQaCTYJk4NhNzZjVWaOgDJeGIRJgOA2SzVGFqUkEOUZKhOz4NLkua8NQnS-BAb5CgxzFGEC6hxMJsY1QhyT7lVig7tJc-FRYjm289mqILQIkQdIiQhdWpylwTN2GoSoNGxNcgPNMwPZYBkOsvOJkEthtzZvVWGJATJ9yeLFJkgzOaoAdGSVDgkScHqFG1dsjRrsEmaJkbaIE-pYZ44jClJ7odr39Lq6U2Fkvu-tHuG04DkJx6bJzkLoNmsKVha4pYuT3UDkJI-p2c70zEwCeB8NAxymBnmkMBCMIB1HmATwQOK0vPIKn0yhjwesUXwzDBmM9fC6HEbenCbi5uKJqm6dUmagdUmIZscdzlfI7vVfFsnrNpH4-gJljuJK8hQtQGZIozDctuRQSKqeFZXMSz38Bgi69Bb9LcFyzbaVqCspdn5aIKu6MkrLf2NRaXL8hw4k3bqfk7T1JQlXJVDPc-lTRdnQlDFYZ5Rn13OlCmNC-5vEUcRrplpIcqt0dC7yHcepxglNnuQTWufpimHogIx1pIgDiIMk3kDZqfZbJOugbolYibwMB-q5NuzNC4NsXwb6X01eXLAepv-y6FBGkv_-EfMpJ1kRhwt4jSz5GgZrzxzJrW4zxx9ubOcOp7y-sZlMohyARvql0HSBlb3kU4MLpOGOkxzP3aL8BKSTGfB6J3GS4h65TkxoeR7WEtM5B27koh6pDQKbraMWBTDUabJ2THLN7RWmJBO5n-WdXBtMKF97YSPCpkJ-KwDx-brdBHGiKyHKMSJIux5OUiS-nV--Vv7zl85RmEg57XHnsNsU540SIbUFLU59dLLQIIK3nTvFIbZ3F2aCv43AQL4HGIYC5h8eCtYAd9-dX-Us7ipcZWYAszHNbqX0mkVUj09HeZ3ld0wRYwLP14hnMg5FjT3MUzFIdC1oPo3H3fHjGL5xjOiQtCNeUNjlRiMiWRlzJxUmrc0lkmoeCdpPVMqQ13qFhZwr7Sw1HtNf6On9pGG32PAMtgK2Vb8ba1u8Tc5JZAI7tfNm_NbftOyPWUjHfqqN6vGmpcfKSX0AWr_63KQwC2K4YefROmK-Omr9yI9qNE7BRvrLvQRkqE-UAE3L9aFErzjz-17oAJkc3nZwAQVm1bro43WtmnLtbYW20cAjpE5ohM1vKaEOEZHA4JuCTqmRyW6puObW5I0nNVcoPgGYNwK39kIb1q2TNhacQ8gckyTew-aDPR0UNcs9XBStygd0Z0qAT0VzDFIPRg09NKkWm__qlby4Vq6H7pjHxMQSXC9xSl4MM_GS6rqrTfBxniIX1SVsoYEuelQqUXryZm_V3OC9ZGDdSpdwyU-IMcN2snUDdXr4Jvp4CllYrlwlqHO8wAfOXankjVYUgN63NCdTNxAhQzU41gbsIZ_guRAtqzIDpsyYzTNB-ry55cbUV0J5iZDcyRvY7tCHCwNXD-Wt3JUpQWThl64GIpiSjpDhYuhlryNoQpxcOFgqC1vZahKG00aeuma0I8k-UPxtXDx1ZJeCmqfP7h0sNeW_pBXjT2edPnKjqdeHnqFYOviryWxsnb2JuaVg7-29NLi2GNPJv0NnPxV68Kji7-WxKq_6jwNHPy1pZf9VdnhpL_XzvnVysTOxWZLfj3G2ny9dnDbVkU_zZqIdNL0Gzu66sakVzP2LmZb8sr3bL1Je-Ngsi17d1PWI88mzb11MVctGE8u5lryKuaqM_bWwVxbdslclXw1ae6da3K1GbJw8diSXguwpuLOwWpbEb0caxrUrRiA8acKgH8p1SsvNpb1d2Gbr9AvF4tf1LNLGOQchl77kwWsWEkPT_I70wiDeP1e7-_4F-ePOrplLjg5meChr8U_v_mtLO_Ae1e9yKz_MUH9Vsry2K3tm-HeEVjPe5Y4DQ82GrzzMnqFLlMbnSxzPOlmc4arp8rgQM_p3Hj-H64q_acTRQAA */
+.styles_buttonBaseClass__3jl68w8 {
+  --colorVar__3jl68w0: var(--colors-primary-default__14bhs4v3);
+  --colorHoverVar__3jl68w1: var(--colors-primary-dark__14bhs4v4);
+  --colorActiveVar__3jl68w2: var(--colors-primary-darker__14bhs4v5);
+  --colorTextVar__3jl68w3: var(--colors-primary-darker__14bhs4v5);
+  --colorTonalBgVar__3jl68w4: var(--colors-primary-lightest__14bhs4v0);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-primary-lighter__14bhs4v1);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-primary-dark__14bhs4v4);
+  --colorTonalTextVar__3jl68w7: var(--colors-primary-default__14bhs4v3);
+  width: fit-content;
+  border: none;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-xs__14bhs4v24);
+  transition:
+    background-color 0.3s,
+    color 0.3s,
+    border-color 0.3s,
+    box-shadow 0.3s;
+  font-family: var(--typography-family-default__14bhs4v1j);
+  font-weight: 600;
+  line-height: 16px;
+  letter-spacing: 0.5px;
+  text-align: center;
+  color: var(--colorTextVar__3jl68w3);
+}
+.styles_buildColorVariant__3jl68w9 {
+  --colorVar__3jl68w0: var(--colors-primary-default__14bhs4v3);
+  --colorHoverVar__3jl68w1: var(--colors-primary-dark__14bhs4v4);
+  --colorActiveVar__3jl68w2: var(--colors-primary-darker__14bhs4v5);
+  --colorTextVar__3jl68w3: var(--colors-primary-darker__14bhs4v5);
+  --colorTonalBgVar__3jl68w4: var(--colors-primary-lightest__14bhs4v0);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-primary-lighter__14bhs4v1);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-primary-dark__14bhs4v4);
+  --colorTonalTextVar__3jl68w7: var(--colors-primary-default__14bhs4v3);
+}
+.styles_buildColorVariant__3jl68wa {
+  --colorVar__3jl68w0: var(--colors-red-default__14bhs4v9);
+  --colorHoverVar__3jl68w1: var(--colors-red-dark__14bhs4va);
+  --colorActiveVar__3jl68w2: var(--colors-red-darker__14bhs4vb);
+  --colorTextVar__3jl68w3: var(--colors-red-darker__14bhs4vb);
+  --colorTonalBgVar__3jl68w4: var(--colors-red-lightest__14bhs4v6);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-red-lighter__14bhs4v7);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-red-dark__14bhs4va);
+  --colorTonalTextVar__3jl68w7: var(--colors-red-default__14bhs4v9);
+}
+.styles_buildColorVariant__3jl68wb {
+  --colorVar__3jl68w0: var(--colors-yellow-default__14bhs4vf);
+  --colorHoverVar__3jl68w1: var(--colors-yellow-dark__14bhs4vg);
+  --colorActiveVar__3jl68w2: var(--colors-yellow-darker__14bhs4vh);
+  --colorTextVar__3jl68w3: var(--colors-yellow-darker__14bhs4vh);
+  --colorTonalBgVar__3jl68w4: var(--colors-yellow-lightest__14bhs4vc);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-yellow-lighter__14bhs4vd);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-yellow-dark__14bhs4vg);
+  --colorTonalTextVar__3jl68w7: var(--colors-yellow-default__14bhs4vf);
+}
+.styles_buildColorVariant__3jl68wc {
+  --colorVar__3jl68w0: var(--colors-green-default__14bhs4vl);
+  --colorHoverVar__3jl68w1: var(--colors-green-dark__14bhs4vm);
+  --colorActiveVar__3jl68w2: var(--colors-green-darker__14bhs4vn);
+  --colorTextVar__3jl68w3: var(--colors-green-darker__14bhs4vn);
+  --colorTonalBgVar__3jl68w4: var(--colors-green-lightest__14bhs4vi);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-green-lighter__14bhs4vj);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-green-dark__14bhs4vm);
+  --colorTonalTextVar__3jl68w7: var(--colors-green-default__14bhs4vl);
+}
+.styles_buildColorVariant__3jl68wd {
+  --colorVar__3jl68w0: var(--colors-blue-default__14bhs4vr);
+  --colorHoverVar__3jl68w1: var(--colors-blue-dark__14bhs4vs);
+  --colorActiveVar__3jl68w2: var(--colors-blue-darker__14bhs4vt);
+  --colorTextVar__3jl68w3: var(--colors-blue-darker__14bhs4vt);
+  --colorTonalBgVar__3jl68w4: var(--colors-blue-lightest__14bhs4vo);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-blue-lighter__14bhs4vp);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-blue-dark__14bhs4vs);
+  --colorTonalTextVar__3jl68w7: var(--colors-blue-default__14bhs4vr);
+}
+.styles_buildColorVariant__3jl68we {
+  --colorVar__3jl68w0: var(--colors-orange-default__14bhs4vx);
+  --colorHoverVar__3jl68w1: var(--colors-orange-dark__14bhs4vy);
+  --colorActiveVar__3jl68w2: var(--colors-orange-darker__14bhs4vz);
+  --colorTextVar__3jl68w3: var(--colors-orange-darker__14bhs4vz);
+  --colorTonalBgVar__3jl68w4: var(--colors-orange-lightest__14bhs4vu);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-orange-lighter__14bhs4vv);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-orange-dark__14bhs4vy);
+  --colorTonalTextVar__3jl68w7: var(--colors-orange-default__14bhs4vx);
+}
+.styles_buildColorVariant__3jl68wf {
+  --colorVar__3jl68w0: var(--colors-second_green-default__14bhs4v13);
+  --colorHoverVar__3jl68w1: var(--colors-second_green-dark__14bhs4v14);
+  --colorActiveVar__3jl68w2: var(--colors-second_green-darker__14bhs4v15);
+  --colorTextVar__3jl68w3: var(--colors-second_green-darker__14bhs4v15);
+  --colorTonalBgVar__3jl68w4: var(--colors-second_green-lightest__14bhs4v10);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-second_green-lighter__14bhs4v11);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-second_green-dark__14bhs4v14);
+  --colorTonalTextVar__3jl68w7: var(--colors-second_green-default__14bhs4v13);
+}
+.styles_buildColorVariant__3jl68wg {
+  --colorVar__3jl68w0: var(--colors-neutral-default__14bhs4v1a);
+  --colorHoverVar__3jl68w1: var(--colors-neutral-dark__14bhs4v1b);
+  --colorActiveVar__3jl68w2: var(--colors-neutral-darker__14bhs4v1c);
+  --colorTextVar__3jl68w3: var(--colors-neutral-darker__14bhs4v1c);
+  --colorTonalBgVar__3jl68w4: var(--colors-neutral-lightest__14bhs4v17);
+  --colorTonalBgHoverVar__3jl68w5: var(--colors-neutral-lighter__14bhs4v18);
+  --colorTonalBgActiveVar__3jl68w6: var(--colors-neutral-dark__14bhs4v1b);
+  --colorTonalTextVar__3jl68w7: var(--colors-neutral-default__14bhs4v1a);
+}
+.styles_buttonBaseClass__3jl68w8 svg {
+  font-size: inherit;
+  fill: currentColor;
+  flex-shrink: 0;
+  transition: fill 0.3s, color 0.3s;
+}
+.styles_primaryVariantClass__3jl68wp {
+  background-color: var(--colorVar__3jl68w0);
+  color: #fff;
+}
+.styles_primaryVariantClass__3jl68wp:hover {
+  background-color: var(--colorHoverVar__3jl68w1);
+  color: #fff;
+}
+.styles_primaryVariantClass__3jl68wp:active {
+  background-color: var(--colorActiveVar__3jl68w2);
+  color: #fff;
+}
+.styles_primaryVariantClass__3jl68wp:focus-visible {
+  outline: 2px solid var(--colors-primary-default__14bhs4v3);
+  outline-offset: 2px;
+}
+.styles_primaryVariantClass__3jl68wp:disabled {
+  background-color: var(--colors-neutral-lighter__14bhs4v18);
+  color: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_primaryVariantClass__3jl68wp:disabled svg {
+  fill: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_outlineVariantClass__3jl68wq {
+  background-color: transparent;
+  border: 1px solid var(--colorVar__3jl68w0);
+  color: var(--colorVar__3jl68w0);
+}
+.styles_outlineVariantClass__3jl68wq:hover {
+  background-color: var(--colorHoverVar__3jl68w1);
+  color: var(--colorVar__3jl68w0);
+}
+.styles_outlineVariantClass__3jl68wq:active {
+  background-color: var(--colorActiveVar__3jl68w2);
+  color: var(--colorVar__3jl68w0);
+}
+.styles_outlineVariantClass__3jl68wq:focus-visible {
+  outline: 2px solid var(--colors-primary-default__14bhs4v3);
+  outline-offset: 2px;
+}
+.styles_outlineVariantClass__3jl68wq:disabled {
+  background-color: var(--colors-neutral-lightest__14bhs4v17);
+  color: var(--colors-neutral-light__14bhs4v19);
+  border-color: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_tonalVariantClass__3jl68wr {
+  background-color: var(--colorTonalBgVar__3jl68w4);
+  color: var(--colorTonalTextVar__3jl68w7);
+}
+.styles_tonalVariantClass__3jl68wr:hover {
+  background-color: var(--colorTonalBgHoverVar__3jl68w5);
+  color: var(--colorTonalTextVar__3jl68w7);
+}
+.styles_tonalVariantClass__3jl68wr:active {
+  background-color: var(--colorTonalBgActiveVar__3jl68w6);
+  color: var(--colorTonalTextVar__3jl68w7);
+}
+.styles_tonalVariantClass__3jl68wr:focus-visible {
+  outline: 2px solid var(--colors-primary-default__14bhs4v3);
+  outline-offset: 2px;
+}
+.styles_tonalVariantClass__3jl68wr:disabled {
+  background-color: var(--colors-neutral-lighter__14bhs4v18);
+  color: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_tonalVariantClass__3jl68wr:disabled svg {
+  fill: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_textVariantClass__3jl68ws {
+  background-color: transparent;
+  color: var(--colorVar__3jl68w0);
+}
+.styles_textVariantClass__3jl68ws:hover {
+  background-color: transparent;
+  color: var(--colorHoverVar__3jl68w1);
+}
+.styles_textVariantClass__3jl68ws:active {
+  background-color: transparent;
+  color: var(--colorActiveVar__3jl68w2);
+}
+.styles_textVariantClass__3jl68ws:focus-visible {
+  outline: 2px solid var(--colors-primary-default__14bhs4v3);
+  outline-offset: 2px;
+}
+.styles_textVariantClass__3jl68ws:disabled {
+  background-color: transparent;
+  color: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_textVariantClass__3jl68ws:disabled svg {
+  fill: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_linkVariantClass__3jl68wt {
+  background-color: transparent;
+  color: var(--colorVar__3jl68w0);
+  padding: 0;
+  height: fit-content;
+}
+.styles_linkVariantClass__3jl68wt:focus-visible {
+  outline: 2px solid var(--colors-primary-default__14bhs4v3);
+  outline-offset: 2px;
+}
+.styles_segmentedVariantClass__3jl68wu {
+  border-radius: 0;
+  background-color: transparent;
+  color: var(--colorVar__3jl68w0);
+  border: 1px solid var(--colorVar__3jl68w0);
+}
+.styles_segmentedVariantClass__3jl68wu[data-selected=true] {
+  background-color: var(--colorVar__3jl68w0);
+  color: var(--colors-neutral-lightest__14bhs4v17);
+}
+.styles_segmentedVariantClass__3jl68wu[data-selected=false] {
+  background-color: transparent;
+  color: var(--colorVar__3jl68w0);
+}
+.styles_segmentedVariantClass__3jl68wu:hover {
+  color: var(--colorVar__3jl68w0);
+}
+.styles_segmentedVariantClass__3jl68wu:focus-visible {
+  outline: 2px solid var(--colors-primary-default__14bhs4v3);
+  outline-offset: 2px;
+}
+.styles_segmentedVariantClass__3jl68wu:first-child {
+  border-top-left-radius: var(--radius-l__14bhs4v2c);
+  border-bottom-left-radius: var(--radius-l__14bhs4v2c);
+}
+.styles_segmentedVariantClass__3jl68wu:last-child {
+  border-top-right-radius: var(--radius-l__14bhs4v2c);
+  border-bottom-right-radius: var(--radius-l__14bhs4v2c);
+}
+.styles_segmentedVariantClass__3jl68wu:not(:last-child) {
+  border-right: 0;
+}
+.styles_segmentedVariantClass__3jl68wu:disabled {
+  background-color: transparent;
+  color: var(--colors-neutral-light__14bhs4v19);
+}
+.styles_buttonSizeVariants_large__3jl68wv {
+  height: var(--components-button-height-large__14bhs4v4j);
+  font-size: var(--components-button-fontSize-large__14bhs4v4c);
+}
+[data-device=tablet] .styles_buttonSizeVariants_large__3jl68wv {
+  height: var(--components-button-height-tablet__14bhs4v4m);
+  font-size: var(--components-button-fontSize-tablet__14bhs4v4d);
+}
+[data-device=totem] .styles_buttonSizeVariants_large__3jl68wv {
+  height: var(--components-button-height-totem__14bhs4v4p);
+  font-size: var(--components-button-fontSize-totem__14bhs4v4g);
+}
+.styles_buttonSizeVariants_medium__3jl68ww {
+  height: var(--components-button-height-medium__14bhs4v4k);
+  font-size: var(--components-button-fontSize-medium__14bhs4v4a);
+}
+[data-device=tablet] .styles_buttonSizeVariants_medium__3jl68ww {
+  height: var(--components-button-height-tablet-medium__14bhs4v4n);
+  font-size: var(--components-button-fontSize-tablet-medium__14bhs4v4e);
+}
+[data-device=totem] .styles_buttonSizeVariants_medium__3jl68ww {
+  height: var(--components-button-height-totem-medium__14bhs4v4q);
+  font-size: var(--components-button-fontSize-totem-medium__14bhs4v4h);
+}
+.styles_buttonSizeVariants_small__3jl68wx {
+  height: var(--components-button-height-small__14bhs4v4l);
+  font-size: var(--components-button-fontSize-small__14bhs4v4b);
+}
+[data-device=tablet] .styles_buttonSizeVariants_small__3jl68wx {
+  height: var(--components-button-height-tablet-small__14bhs4v4o);
+  font-size: var(--components-button-fontSize-tablet-small__14bhs4v4f);
+}
+[data-device=totem] .styles_buttonSizeVariants_small__3jl68wx {
+  height: var(--components-button-height-totem-small__14bhs4v4r);
+  font-size: var(--components-button-fontSize-totem-small__14bhs4v4i);
+}
+.styles_buttonBorderRadiusVariants_large__3jl68wy {
+  border-radius: var(--components-button-borderRadius-large__14bhs4v5j);
+}
+[data-device=tablet] .styles_buttonBorderRadiusVariants_large__3jl68wy {
+  border-radius: var(--components-button-borderRadius-tablet__14bhs4v5m);
+}
+[data-device=totem] .styles_buttonBorderRadiusVariants_large__3jl68wy {
+  border-radius: var(--components-button-borderRadius-totem__14bhs4v5p);
+}
+.styles_buttonBorderRadiusVariants_medium__3jl68wz {
+  border-radius: var(--components-button-borderRadius-medium__14bhs4v5k);
+}
+[data-device=tablet] .styles_buttonBorderRadiusVariants_medium__3jl68wz {
+  border-radius: var(--components-button-borderRadius-tablet-medium__14bhs4v5n);
+}
+[data-device=totem] .styles_buttonBorderRadiusVariants_medium__3jl68wz {
+  border-radius: var(--components-button-borderRadius-totem-medium__14bhs4v5q);
+}
+.styles_buttonBorderRadiusVariants_small__3jl68w10 {
+  border-radius: var(--components-button-borderRadius-small__14bhs4v5l);
+}
+[data-device=tablet] .styles_buttonBorderRadiusVariants_small__3jl68w10 {
+  border-radius: var(--components-button-borderRadius-tablet-small__14bhs4v5o);
+}
+[data-device=totem] .styles_buttonBorderRadiusVariants_small__3jl68w10 {
+  border-radius: var(--components-button-borderRadius-totem-small__14bhs4v5r);
+}
+.styles_makePad__3jl68w11 {
+  padding: var(--components-button-padding-large-text__14bhs4v4s);
+}
+[data-device=tablet] .styles_makePad__3jl68w11 {
+  padding: var(--components-button-padding-tablet-text__14bhs4v51);
+}
+[data-device=totem] .styles_makePad__3jl68w11 {
+  padding: var(--components-button-padding-totem-text__14bhs4v5a);
+}
+.styles_makePad__3jl68w12 {
+  padding: var(--components-button-padding-large-icon__14bhs4v4t);
+}
+[data-device=tablet] .styles_makePad__3jl68w12 {
+  padding: var(--components-button-padding-tablet-icon__14bhs4v52);
+}
+[data-device=totem] .styles_makePad__3jl68w12 {
+  padding: var(--components-button-padding-totem-icon__14bhs4v5b);
+}
+.styles_makePad__3jl68w13 {
+  padding: var(--components-button-padding-large-textAndIcon__14bhs4v4u);
+}
+[data-device=tablet] .styles_makePad__3jl68w13 {
+  padding: var(--components-button-padding-tablet-textAndIcon__14bhs4v53);
+}
+[data-device=totem] .styles_makePad__3jl68w13 {
+  padding: var(--components-button-padding-totem-textAndIcon__14bhs4v5c);
+}
+.styles_makePad__3jl68w14 {
+  padding: var(--components-button-padding-medium-text__14bhs4v4v);
+}
+[data-device=tablet] .styles_makePad__3jl68w14 {
+  padding: var(--components-button-padding-tablet-medium-text__14bhs4v54);
+}
+[data-device=totem] .styles_makePad__3jl68w14 {
+  padding: var(--components-button-padding-totem-medium-text__14bhs4v5d);
+}
+.styles_makePad__3jl68w15 {
+  padding: var(--components-button-padding-medium-icon__14bhs4v4w);
+}
+[data-device=tablet] .styles_makePad__3jl68w15 {
+  padding: var(--components-button-padding-tablet-medium-icon__14bhs4v55);
+}
+[data-device=totem] .styles_makePad__3jl68w15 {
+  padding: var(--components-button-padding-totem-medium-icon__14bhs4v5e);
+}
+.styles_makePad__3jl68w16 {
+  padding: var(--components-button-padding-medium-textAndIcon__14bhs4v4x);
+}
+[data-device=tablet] .styles_makePad__3jl68w16 {
+  padding: var(--components-button-padding-tablet-medium-textAndIcon__14bhs4v56);
+}
+[data-device=totem] .styles_makePad__3jl68w16 {
+  padding: var(--components-button-padding-totem-medium-textAndIcon__14bhs4v5f);
+}
+.styles_makePad__3jl68w17 {
+  padding: var(--components-button-padding-small-text__14bhs4v4y);
+}
+[data-device=tablet] .styles_makePad__3jl68w17 {
+  padding: var(--components-button-padding-tablet-small-text__14bhs4v57);
+}
+[data-device=totem] .styles_makePad__3jl68w17 {
+  padding: var(--components-button-padding-totem-small-text__14bhs4v5g);
+}
+.styles_makePad__3jl68w18 {
+  padding: var(--components-button-padding-small-icon__14bhs4v4z);
+}
+[data-device=tablet] .styles_makePad__3jl68w18 {
+  padding: var(--components-button-padding-tablet-small-icon__14bhs4v58);
+}
+[data-device=totem] .styles_makePad__3jl68w18 {
+  padding: var(--components-button-padding-totem-small-icon__14bhs4v5h);
+}
+.styles_makePad__3jl68w19 {
+  padding: var(--components-button-padding-small-textAndIcon__14bhs4v50);
+}
+[data-device=tablet] .styles_makePad__3jl68w19 {
+  padding: var(--components-button-padding-tablet-small-textAndIcon__14bhs4v59);
+}
+[data-device=totem] .styles_makePad__3jl68w19 {
+  padding: var(--components-button-padding-totem-small-textAndIcon__14bhs4v5i);
+}
+.styles_allButtonsTableClass__3jl68w1a {
+  width: 100%;
+  border-collapse: collapse;
+}
+.styles_allButtonsTableClass__3jl68w1a th {
+  border: 1px solid black;
+  padding: var(--spacing-xs__14bhs4v24);
+  background-color: var(--colors-neutral-lightest__14bhs4v17);
+}
+.styles_allButtonsTableClass__3jl68w1a td {
+  border: 1px solid black;
+  padding: var(--spacing-xs__14bhs4v24);
+  text-align: center;
+}
+@media (hover: none) {
+  .styles_primaryVariantClass__3jl68wp:hover {
+    background-color: var(--colorVar__3jl68w0);
+    color: #fff;
+  }
+  .styles_outlineVariantClass__3jl68wq:hover {
+    background-color: transparent;
+    color: var(--colorVar__3jl68w0);
+  }
+  .styles_tonalVariantClass__3jl68wr:hover {
+    background-color: var(--colorTonalBgVar__3jl68w4);
+    color: var(--colorTonalTextVar__3jl68w7);
+  }
+  .styles_textVariantClass__3jl68ws:hover {
+    background-color: transparent;
+    color: var(--colorVar__3jl68w0);
+  }
+}
+/*# sourceMappingURL=index.css.map */