@roochnetwork/rooch-sdk-kit/dist/esm/components/swap-gas-modal/SwapGasModal.css

Rooch SDK Kit

/* vanilla-extract-css-ns:src/components/swap-gas-modal/views/SwapGasView.css.ts.vanilla.css?source=LlN3YXBHYXNWaWV3X2NvbnRhaW5lcl9fYm1tZjd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogcm93OwogIGdhcDogMjBweDsKfQouU3dhcEdhc1ZpZXdfaW5mb0NvbnRhaW5lcl9fYm1tZjd3MSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgYm9yZGVyOiAxcHggc29saWQgI2RjZGNkYzsKICBib3JkZXItcmFkaXVzOiA4cHg7CiAgcGFkZGluZzogMTBweDsKICBtYXgtd2lkdGg6IDU3MHB4OwogIGdhcDogNHB4Owp9Ci5Td2FwR2FzVmlld19pbnB1dENvbnRhaW5lcl9fYm1tZjd3MiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogcm93OwogIGdhcDogMTJweDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5Td2FwR2FzVmlld19pbnB1dF9fYm1tZjd3MyB7CiAgYmFja2dyb3VuZC1jb2xvcjogIzFGMjkzNzsKICBjb2xvcjogI0Y5RkFGQjsKICBib3JkZXI6IDFweCBzb2xpZCAjMzc0MTUxOwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBwYWRkaW5nOiA4cHggMTJweDsKICBmb250LXNpemU6IDE0cHg7CiAgb3V0bGluZTogbm9uZTsKfQouU3dhcEdhc1ZpZXdfaW5wdXRfX2JtbWY3dzM6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogIzlDQTNBRjsKfQouU3dhcEdhc1ZpZXdfaW5wdXRfX2JtbWY3dzM6Zm9jdXMgewogIGJvcmRlci1jb2xvcjogIzRCNTU2MzsKfQouU3dhcEdhc1ZpZXdfc2VwYXJhdG9yX19ibW1mN3c0IHsKICB3aWR0aDogMTAwJTsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGNkY2RjOwp9 */
[data-sdk-kit].SwapGasView_container__bmmf7w0,
[data-sdk-kit] .SwapGasView_container__bmmf7w0 {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
[data-sdk-kit].SwapGasView_infoContainer__bmmf7w1,
[data-sdk-kit] .SwapGasView_infoContainer__bmmf7w1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 10px;
  max-width: 570px;
  gap: 4px;
}
[data-sdk-kit].SwapGasView_inputContainer__bmmf7w2,
[data-sdk-kit] .SwapGasView_inputContainer__bmmf7w2 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
[data-sdk-kit].SwapGasView_input__bmmf7w3,
[data-sdk-kit] .SwapGasView_input__bmmf7w3 {
  background-color: #1F2937;
  color: #F9FAFB;
  border: 1px solid #374151;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  outline: none;
}
[data-sdk-kit].SwapGasView_input__bmmf7w3::-moz-placeholder,
[data-sdk-kit] .SwapGasView_input__bmmf7w3::-moz-placeholder {
  color: #9CA3AF;
}
[data-sdk-kit].SwapGasView_input__bmmf7w3::placeholder,
[data-sdk-kit] .SwapGasView_input__bmmf7w3::placeholder {
  color: #9CA3AF;
}
[data-sdk-kit].SwapGasView_input__bmmf7w3:focus,
[data-sdk-kit] .SwapGasView_input__bmmf7w3:focus {
  border-color: #4B5563;
}
[data-sdk-kit].SwapGasView_separator__bmmf7w4,
[data-sdk-kit] .SwapGasView_separator__bmmf7w4 {
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
}

/* vanilla-extract-css-ns:src/components/ui/View.css.ts.vanilla.css?source=LlZpZXdfY29udGFpbmVyX18xbG5qOHczMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7Cn0KLlZpZXdfdGl0bGVfXzFsbmo4dzMxIHsKICBtYXJnaW4tdG9wOiAxNnB4Owp9Ci5WaWV3X2NvbnRlbnRfXzFsbmo4dzMyIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgcGFkZGluZzogMjBweDsKfQouVmlld19hY3Rpb25CdXR0b25Db250YWluZXJfXzFsbmo4dzMzIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiAyMHB4OwogIHJpZ2h0OiAyMHB4Owp9 */
[data-sdk-kit].View_container__1lnj8w30,
[data-sdk-kit] .View_container__1lnj8w30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
[data-sdk-kit].View_title__1lnj8w31,
[data-sdk-kit] .View_title__1lnj8w31 {
  margin-top: 16px;
}
[data-sdk-kit].View_content__1lnj8w32,
[data-sdk-kit] .View_content__1lnj8w32 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
[data-sdk-kit].View_actionButtonContainer__1lnj8w33,
[data-sdk-kit] .View_actionButtonContainer__1lnj8w33 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzF2NThrMXQxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzF2NThrMXQyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xdjU4azF0MyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xdjU4azF0NCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMXY1OGsxdDUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMXY1OGsxdDYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMXY1OGsxdDcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
[data-sdk-kit].Heading_headingVariants_size_sm__1v58k1t1,
[data-sdk-kit] .Heading_headingVariants_size_sm__1v58k1t1 {
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-sdk-kit].Heading_headingVariants_size_md__1v58k1t2,
[data-sdk-kit] .Heading_headingVariants_size_md__1v58k1t2 {
  font-size: var(--dapp-kit-fontSizes-medium);
}
[data-sdk-kit].Heading_headingVariants_size_lg__1v58k1t3,
[data-sdk-kit] .Heading_headingVariants_size_lg__1v58k1t3 {
  font-size: var(--dapp-kit-fontSizes-large);
}
[data-sdk-kit].Heading_headingVariants_size_xl__1v58k1t4,
[data-sdk-kit] .Heading_headingVariants_size_xl__1v58k1t4 {
  font-size: var(--dapp-kit-fontSizes-xlarge);
}
[data-sdk-kit].Heading_headingVariants_weight_normal__1v58k1t5,
[data-sdk-kit] .Heading_headingVariants_weight_normal__1v58k1t5 {
  font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-sdk-kit].Heading_headingVariants_weight_bold__1v58k1t6,
[data-sdk-kit] .Heading_headingVariants_weight_bold__1v58k1t6 {
  font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-sdk-kit].Heading_headingVariants_truncate_true__1v58k1t7,
[data-sdk-kit] .Heading_headingVariants_truncate_true__1v58k1t7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62Tz07DMAzG730KH9kh0zoGQukNLjwBHKu0yVqzNImStGtBe3eUduo2xv4JTo382f59dtLpc+29VmnWf96YRaa8S9O44WU1L2bwFQFwdEayjgIqiUqQpRRtEgEwiYUi6EXlKORCeWFD+KN2HpcdybXyQvl9aamVJ2uBRekpNMzeEcKZMWSFngTtvZccqQTHupok0SaaXnBIOTqWScF7q9qwHH1HYTZ9OFPdDIfUWKyY7cZucd8kY/mqsLpWnORaantkdZfwEnRHtn0G2CRM+nthfio90y1xJeN6fVQzhI+Lbh+OlroR9j9GfA2NrvGgax+ezOhhPtC15cKSNXJfUohNm+yCzndSUHBaIt8Ln3DZi1uHW9a1l/Az/fZZ/rTPA/zFfTr8FGnFR/b9/h4t41i7I2QI4+5XAjCMc1QFhSfTQvwY1n4eKIsRuLgaKJktxCEvsGC+MC0k0eYbV65R2HMEAAA= */
[data-sdk-kit].Button_buttonVariants__1vdhm2g0,
[data-sdk-kit] .Button_buttonVariants__1vdhm2g0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-sdk-kit].Button_buttonVariants__1vdhm2g0:disabled,
[data-sdk-kit] .Button_buttonVariants__1vdhm2g0:disabled {
  opacity: 0.5;
}
[data-sdk-kit].Button_buttonVariants_variant_primary__1vdhm2g1,
[data-sdk-kit] .Button_buttonVariants_variant_primary__1vdhm2g1 {
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
  color: var(--dapp-kit-colors-primaryButton);
  box-shadow: var(--dapp-kit-shadows-primaryButton);
}
[data-sdk-kit].Button_buttonVariants_variant_primary__1vdhm2g1:hover,
[data-sdk-kit] .Button_buttonVariants_variant_primary__1vdhm2g1:hover {
  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
}
[data-sdk-kit].Button_buttonVariants_variant_outline__1vdhm2g2,
[data-sdk-kit] .Button_buttonVariants_variant_outline__1vdhm2g2 {
  border-width: 1px;
  border-style: solid;
  border-color: var(--dapp-kit-borderColors-outlineButton);
  color: var(--dapp-kit-colors-outlineButton);
}
[data-sdk-kit].Button_buttonVariants_variant_outline__1vdhm2g2:hover,
[data-sdk-kit] .Button_buttonVariants_variant_outline__1vdhm2g2:hover {
  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
}
[data-sdk-kit].Button_buttonVariants_size_md__1vdhm2g3,
[data-sdk-kit] .Button_buttonVariants_size_md__1vdhm2g3 {
  border-radius: var(--dapp-kit-radii-medium);
  padding: 8px 16px;
}
[data-sdk-kit].Button_buttonVariants_size_lg__1vdhm2g4,
[data-sdk-kit] .Button_buttonVariants_size_lg__1vdhm2g4 {
  border-radius: var(--dapp-kit-radii-large);
  padding: 16px 24px;
}

/* vanilla-extract-css-ns:src/components/fauct-modal/views/FaucetView.css.ts.vanilla.css?source=LkZhdWNldFZpZXdfY29udGFpbmVyX18xZmY2MnkwMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7CiAgbWFyZ2luLXRvcDogMTZweDsKfQouRmF1Y2V0Vmlld19jb250ZW50X18xZmY2MnkwMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIGdhcDogMjBweDsKICBwYWRkaW5nOiA0MHB4Owp9Ci5GYXVjZXRWaWV3X2NyZWF0ZUJ1dHRvbkNvbnRhaW5lcl9fMWZmNjJ5MDIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0KLkZhdWNldFZpZXdfcHJvZ3Jlc3NCYXJfXzFmZjYyeTAzIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiAwOwogIGxlZnQ6IDEwcHg7CiAgaGVpZ2h0OiAxcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLXByaW1hcnlCdXR0b24pOwogIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZTsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0= */
[data-sdk-kit].FaucetView_container__1ff62y00,
[data-sdk-kit] .FaucetView_container__1ff62y00 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 16px;
}
[data-sdk-kit].FaucetView_content__1ff62y01,
[data-sdk-kit] .FaucetView_content__1ff62y01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  gap: 20px;
  padding: 40px;
}
[data-sdk-kit].FaucetView_createButtonContainer__1ff62y02,
[data-sdk-kit] .FaucetView_createButtonContainer__1ff62y02 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
[data-sdk-kit].FaucetView_progressBar__1ff62y03,
[data-sdk-kit] .FaucetView_progressBar__1ff62y03 {
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 1px;
  background-color: var(--dapp-kit-colors-primaryButton);
  transition: width 0.2s ease;
  border-radius: 8px;
}

/* vanilla-extract-css-ns:src/components/ui/Input.css.ts.vanilla.css?source=#H4sIAAAAAAAAE8VUTW/bMAy951fouB0UxF23Bdptu2yHAQMKbEeDthiHqEwJ+kiTDv3vg+TM/UjSZEiLXQyDIt97fCQ4/cYuxZry9yd4Ao6hrqv5xzmGy5n4PRFCU3AGNkoQG2KUC4PrTxMhwDkED9yiEmwZS8xQx5Ii9kGJFjmiz+GF5ShvkLplVGIF/o2UGpyT1xRlfvtVnoLsUVPq3+aSxnqNXonKrUWwhvTTuiHhizXWB2lTzNo+pxgtl/pt5F5aA+11521iLdtctCPkPmEL2lsN5oenHvymYO6va4fsxuqcdTeZPmupUvIGm1xHzOhlcMSyKbqL2/tc7cF3xErM/gXepvgK8JoCNAZ1AbMOWoobJWbT92dYfIWtZT2YfLw/Z6DFpTUafRFxdCjfU0R9CvTCtikUzGG3DjXx3OIdIFkNP7UbtmkkrQa6/7qaB7WppV1tTX69yf5l3xo5sl+8FO8503wRX3c6O8vXRxK/ZqDDCgLdYt3rkfndw+X2oCmFHcIcpoeH2IHWxJ0Sc7cW1YVbjwc9w+8951d0i0GGHow5Is50o7jLk8UZ8B0+1pZ1ierD6eLGBu/+AKCCLBUCBwAA */
[data-sdk-kit].Input_inputVariants__1878es40,
[data-sdk-kit] .Input_inputVariants__1878es40 {
  display: inline-flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  font-weight: var(--dapp-kit-fontWeights-medium);
  border: 1px solid var(--dapp-kit-borderColors-outlineButton);
  outline: none;
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].Input_inputVariants__1878es40::-webkit-inner-spin-button,
[data-sdk-kit] .Input_inputVariants__1878es40::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
[data-sdk-kit].Input_inputVariants__1878es40::-webkit-outer-spin-button,
[data-sdk-kit] .Input_inputVariants__1878es40::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
[data-sdk-kit].Input_inputVariants__1878es40:disabled,
[data-sdk-kit] .Input_inputVariants__1878es40:disabled {
  opacity: 0.5;
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
}
[data-sdk-kit].Input_inputVariants__1878es40::-moz-placeholder,
[data-sdk-kit] .Input_inputVariants__1878es40::-moz-placeholder {
  color: var(--dapp-kit-colors-bodyMuted);
}
[data-sdk-kit].Input_inputVariants__1878es40::placeholder,
[data-sdk-kit] .Input_inputVariants__1878es40::placeholder {
  color: var(--dapp-kit-colors-bodyMuted);
}
[data-sdk-kit].Input_inputVariants__1878es40:focus,
[data-sdk-kit] .Input_inputVariants__1878es40:focus {
  border-color: var(--dapp-kit-borderColors-outlineButton);
}
[data-sdk-kit].Input_inputVariants_variant_primary__1878es41,
[data-sdk-kit] .Input_inputVariants_variant_primary__1878es41 {
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].Input_inputVariants_variant_primary__1878es41:hover,
[data-sdk-kit] .Input_inputVariants_variant_primary__1878es41:hover {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
}
[data-sdk-kit].Input_inputVariants_variant_outline__1878es42,
[data-sdk-kit] .Input_inputVariants_variant_outline__1878es42 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  border-color: var(--dapp-kit-borderColors-outlineButton);
  color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].Input_inputVariants_variant_outline__1878es42:hover,
[data-sdk-kit] .Input_inputVariants_variant_outline__1878es42:hover {
  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
}
[data-sdk-kit].Input_inputVariants_size_md__1878es43,
[data-sdk-kit] .Input_inputVariants_size_md__1878es43 {
  border-radius: var(--dapp-kit-radii-medium);
  padding: 8px 12px;
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-sdk-kit].Input_inputVariants_size_lg__1878es44,
[data-sdk-kit] .Input_inputVariants_size_lg__1878es44 {
  border-radius: var(--dapp-kit-radii-large);
  padding: 12px 16px;
  font-size: var(--dapp-kit-fontSizes-medium);
}

/* vanilla-extract-css-ns:src/components/ui/Card.css.ts.vanilla.css?source=LkNhcmRfY2FyZF9fMWJ1M2NvYjAgewogIGJvcmRlci1yYWRpdXM6IDhweDsKICBib3gtc2hhZG93OiAwIDJweCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTsKICBwYWRkaW5nOiAxNnB4OwogIG1heC13aWR0aDogMjgwcHg7CiAgbWFyZ2luOiAxNnB4IGF1dG87CiAgYm9yZGVyOiAxcHggc29saWQgI2RjZGNkYzsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiA4cHg7Cn0KLkNhcmRfY2FyZEhlYWRlcl9fMWJ1M2NvYjEgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZm9udC1zaXplOiAxLjI1cmVtOwogIGZvbnQtd2VpZ2h0OiBib2xkOwp9Ci5DYXJkX2NhcmRCb2R5X18xYnUzY29iNCB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjMzMzOwp9Ci5DYXJkX2NhcmRGb290ZXJfXzFidTNjb2I1IHsKICBtYXJnaW4tdG9wOiAxMnB4OwogIHRleHQtYWxpZ246IHJpZ2h0OwogIGZvbnQtc2l6ZTogMC44NzVyZW07CiAgY29sb3I6ICMwMDdCRkY7Cn0= */
[data-sdk-kit].Card_card__1bu3cob0,
[data-sdk-kit] .Card_card__1bu3cob0 {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  padding: 16px;
  max-width: 280px;
  margin: 16px auto;
  border: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-sdk-kit].Card_cardHeader__1bu3cob1,
[data-sdk-kit] .Card_cardHeader__1bu3cob1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
}
[data-sdk-kit].Card_cardBody__1bu3cob4,
[data-sdk-kit] .Card_cardBody__1bu3cob4 {
  font-size: 1rem;
  color: #333;
}
[data-sdk-kit].Card_cardFooter__1bu3cob5,
[data-sdk-kit] .Card_cardFooter__1bu3cob5 {
  margin-top: 12px;
  text-align: right;
  font-size: 0.875rem;
  color: #007BFF;
}

/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzF1dGc0d2oxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9ub3JtYWxfXzF1dGc0d2oyIHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X21lZGl1bV9fMXV0ZzR3ajMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMXV0ZzR3ajQgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfY29sb3JfbXV0ZWRfXzF1dGc0d2o1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlNdXRlZCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX2Rhbmdlcl9fMXV0ZzR3ajYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX3dhcm5pbmdfXzF1dGc0d2o3IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlXYXJuaW5nKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfbW9ub190cnVlX18xdXRnNHdqOCB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
[data-sdk-kit].Text_textVariants_size_sm__1utg4wj1,
[data-sdk-kit] .Text_textVariants_size_sm__1utg4wj1 {
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-sdk-kit].Text_textVariants_weight_normal__1utg4wj2,
[data-sdk-kit] .Text_textVariants_weight_normal__1utg4wj2 {
  font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-sdk-kit].Text_textVariants_weight_medium__1utg4wj3,
[data-sdk-kit] .Text_textVariants_weight_medium__1utg4wj3 {
  font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-sdk-kit].Text_textVariants_weight_bold__1utg4wj4,
[data-sdk-kit] .Text_textVariants_weight_bold__1utg4wj4 {
  font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-sdk-kit].Text_textVariants_color_muted__1utg4wj5,
[data-sdk-kit] .Text_textVariants_color_muted__1utg4wj5 {
  color: var(--dapp-kit-colors-bodyMuted);
}
[data-sdk-kit].Text_textVariants_color_danger__1utg4wj6,
[data-sdk-kit] .Text_textVariants_color_danger__1utg4wj6 {
  color: var(--dapp-kit-colors-bodyDanger);
}
[data-sdk-kit].Text_textVariants_color_warning__1utg4wj7,
[data-sdk-kit] .Text_textVariants_color_warning__1utg4wj7 {
  color: var(--dapp-kit-colors-bodyWarning);
}
[data-sdk-kit].Text_textVariants_mono_true__1utg4wj8,
[data-sdk-kit] .Text_textVariants_mono_true__1utg4wj8 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}

/* vanilla-extract-css-ns:src/components/ui/Modal.css.ts.vanilla.css?source=Lk1vZGFsX292ZXJsYXlfXzFjNXoxN2YwIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsT3ZlcmxheSk7CiAgYmFja2Ryb3AtZmlsdGVyOiB2YXIoLS1kYXBwLWtpdC1ibHVycy1tb2RhbE92ZXJsYXkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBpbnNldDogMDsKICB6LWluZGV4OiA5OTk5OTk5OTk7Cn0KLk1vZGFsX2NvbnRlbnRfXzFjNXoxN2YxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsUHJpbWFyeSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWkteGxhcmdlKTsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBib3R0b206IDE2cHg7CiAgbGVmdDogMTZweDsKICByaWdodDogMTZweDsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIG92ZXJmbG93OiBoaWRkZW47CiAgbWluLWhlaWdodDogNTB2aDsKICBtYXgtaGVpZ2h0OiA4NXZoOwogIG1heC13aWR0aDogNzAwcHg7Cn0KLk1vZGFsX2Nsb3NlQnV0dG9uQ29udGFpbmVyX18xYzV6MTdmMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMTZweDsKICByaWdodDogMTZweDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5Nb2RhbF9jb250ZW50X18xYzV6MTdmMSB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgd2lkdGg6IDEwMCU7CiAgICB0b3A6IDUwJTsKICAgIGxlZnQ6IDUwJTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpOwogIH0KfQ== */
[data-sdk-kit].Modal_overlay__1c5z17f0,
[data-sdk-kit] .Modal_overlay__1c5z17f0 {
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
  -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  position: fixed;
  inset: 0;
  z-index: 999999999;
}
[data-sdk-kit].Modal_content__1c5z17f1,
[data-sdk-kit] .Modal_content__1c5z17f1 {
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  border-radius: var(--dapp-kit-radii-xlarge);
  color: var(--dapp-kit-colors-body);
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-height: 50vh;
  max-height: 85vh;
  max-width: 700px;
}
[data-sdk-kit].Modal_closeButtonContainer__1c5z17f2,
[data-sdk-kit] .Modal_closeButtonContainer__1c5z17f2 {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media screen and (min-width: 768px) {
  [data-sdk-kit].Modal_content__1c5z17f1,
  [data-sdk-kit] .Modal_content__1c5z17f1 {
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
[data-sdk-kit]:where(*),
[data-sdk-kit] :where(*) {
  box-sizing: border-box;
  color: var(--dapp-kit-colors-body);
  font-family: var(--dapp-kit-typography-fontFamily);
  font-size: var(--dapp-kit-fontWeights-normal);
  font-style: var(--dapp-kit-typography-fontStyle);
  font-weight: var(--dapp-kit-fontWeights-normal);
  line-height: var(--dapp-kit-typography-lineHeight);
  letter-spacing: var(--dapp-kit-typography-letterSpacing);
}
[data-sdk-kit]:where(button),
[data-sdk-kit] :where(button) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  border: 0;
  padding: 0;
  margin: 0;
}
[data-sdk-kit]:where(a),
[data-sdk-kit] :where(a) {
  text-decoration: none;
  color: inherit;
  outline: none;
}
[data-sdk-kit]:where(ol, ul),
[data-sdk-kit] :where(ol, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-sdk-kit]:where(h1, h2, h3, h4, h5, h6),
[data-sdk-kit] :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX181enI0ZmcwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfXzV6cjRmZzA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
[data-sdk-kit].IconButton_container__5zr4fg0,
[data-sdk-kit] .IconButton_container__5zr4fg0 {
  border-radius: 9999px;
  padding: 8px;
  color: var(--dapp-kit-colors-iconButton);
  background-color: var(--dapp-kit-backgroundColors-iconButton);
}
[data-sdk-kit].IconButton_container__5zr4fg0:hover,
[data-sdk-kit] .IconButton_container__5zr4fg0:hover {
  background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
}
/*# sourceMappingURL=SwapGasModal.css.map */