@wangjinbao/wallet-connect 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -11
- package/dist/cjs/styles.css +1 -1
- package/dist/esm/styles.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @wangjinbao/wallet-connect
|
|
2
2
|
|
|
3
3
|
A React + TypeScript wallet connection library supporting MetaMask, OKX Wallet, Phantom, and Coinbase Wallet.
|
|
4
4
|
|
|
@@ -22,7 +22,7 @@ A React + TypeScript wallet connection library supporting MetaMask, OKX Wallet,
|
|
|
22
22
|
## Installation
|
|
23
23
|
|
|
24
24
|
```bash
|
|
25
|
-
npm install @
|
|
25
|
+
npm install @wangjinbao/wallet-connect
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
## Quick Start
|
|
@@ -32,14 +32,13 @@ npm install @wjb/wallet-connect
|
|
|
32
32
|
Import the component styles in your app's entry point:
|
|
33
33
|
|
|
34
34
|
```tsx
|
|
35
|
-
import "@
|
|
35
|
+
import "@wangjinbao/wallet-connect/styles.css";
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
### 2. Wrap Your App with WalletProvider
|
|
39
39
|
|
|
40
40
|
```tsx
|
|
41
|
-
import { WalletProvider } from "@
|
|
42
|
-
import { mainnet, sepolia } from "@wjb/wallet-connect";
|
|
41
|
+
import { WalletProvider, mainnet, sepolia } from "@wangjinbao/wallet-connect";
|
|
43
42
|
|
|
44
43
|
function App() {
|
|
45
44
|
return (
|
|
@@ -58,7 +57,7 @@ function App() {
|
|
|
58
57
|
### 3. Use the ConnectButton Component
|
|
59
58
|
|
|
60
59
|
```tsx
|
|
61
|
-
import { ConnectButton } from "@
|
|
60
|
+
import { ConnectButton } from "@wangjinbao/wallet-connect";
|
|
62
61
|
|
|
63
62
|
function YourApp() {
|
|
64
63
|
return (
|
|
@@ -72,7 +71,7 @@ function YourApp() {
|
|
|
72
71
|
### 4. Access Wallet State
|
|
73
72
|
|
|
74
73
|
```tsx
|
|
75
|
-
import { useWallet } from "@
|
|
74
|
+
import { useWallet } from "@wangjinbao/wallet-connect";
|
|
76
75
|
|
|
77
76
|
function MyComponent() {
|
|
78
77
|
const { state, switchChain } = useWallet();
|
|
@@ -134,7 +133,7 @@ Hook to access wallet context.
|
|
|
134
133
|
## Custom Chain Configuration
|
|
135
134
|
|
|
136
135
|
```typescript
|
|
137
|
-
import { Chain } from "@
|
|
136
|
+
import { Chain } from "@wangjinbao/wallet-connect";
|
|
138
137
|
|
|
139
138
|
const myCustomChain: Chain = {
|
|
140
139
|
chainId: "0x89", // Polygon
|
|
@@ -154,7 +153,7 @@ const myCustomChain: Chain = {
|
|
|
154
153
|
### Direct Wallet Access
|
|
155
154
|
|
|
156
155
|
```typescript
|
|
157
|
-
import { MetaMaskWallet } from "@
|
|
156
|
+
import { MetaMaskWallet } from "@wangjinbao/wallet-connect";
|
|
158
157
|
|
|
159
158
|
const wallet = new MetaMaskWallet();
|
|
160
159
|
|
|
@@ -166,7 +165,7 @@ if (wallet.isInstalled()) {
|
|
|
166
165
|
|
|
167
166
|
### Custom Styling
|
|
168
167
|
|
|
169
|
-
The library uses TailwindCSS for styling. All classes are prefixed with `
|
|
168
|
+
The library uses TailwindCSS for styling. All classes are prefixed with `wangjinbao-` to avoid conflicts. You can override styles by targeting these classes in your CSS.
|
|
170
169
|
|
|
171
170
|
## TypeScript
|
|
172
171
|
|
|
@@ -179,7 +178,7 @@ import type {
|
|
|
179
178
|
WalletState,
|
|
180
179
|
WalletContextValue,
|
|
181
180
|
EthereumProvider,
|
|
182
|
-
} from "@
|
|
181
|
+
} from "@wangjinbao/wallet-connect";
|
|
183
182
|
```
|
|
184
183
|
|
|
185
184
|
## License
|
package/dist/cjs/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wjb-connect-button{border-radius:.75rem;font-weight:700;padding:.625rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-connect-button:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.wjb-connect-button{align-items:center;display:flex;gap:.5rem;justify-content:center}.wjb-connect-button-primary{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.wjb-connect-button-primary:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.wjb-connect-button-primary{--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);color:rgb(255 255 255/var(--tw-text-opacity,1))}.wjb-connect-button-primary,.wjb-connect-button-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.wjb-connect-button-primary:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-scale-x:1.02;--tw-scale-y:1.02}.wjb-connect-button-primary:active,.wjb-connect-button-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wjb-connect-button-primary:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.wjb-connect-button-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.wjb-wallet-connected{align-items:center;display:flex;gap:.75rem}.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;padding:.25rem}@media (prefers-color-scheme:dark){.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.wjb-chain-button{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.375rem .75rem}.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-chain-button{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-chain-button{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}}.wjb-balance{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));display:none;font-size:.875rem;font-weight:500;line-height:1.25rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:640px){.wjb-balance{display:block}}@media (prefers-color-scheme:dark){.wjb-balance{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}}.wjb-account-button{--tw-bg-opacity:1;align-items:center;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;gap:.5rem;margin-left:.25rem;padding:.375rem .75rem}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}.wjb-account-button{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-avatar{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:1.5rem;width:1.5rem}.wjb-modal-overlay{--tw-backdrop-blur:blur(2px);align-items:center;animation:fade-in .2s ease-out;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wjb-modal-overlay{animation:fadeIn .2s ease-in-out}.wjb-wallet-modal-content{--tw-bg-opacity:1;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (prefers-color-scheme:dark){.wjb-wallet-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-wallet-modal-content{display:flex;flex-direction:column;max-width:48rem;overflow:hidden;width:100%}@media (min-width:768px){.wjb-wallet-modal-content{flex-direction:row}}.wjb-wallet-modal-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-modal-left{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1.5rem;width:100%}@media (min-width:768px){.wjb-modal-left{border-bottom-width:0;border-right-width:1px;width:20rem}}@media (prefers-color-scheme:dark){.wjb-modal-left{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}}.wjb-modal-right{--tw-bg-opacity:1;align-items:center;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}@media (prefers-color-scheme:dark){.wjb-modal-right{background-color:rgba(31,41,55,.5)}}.wjb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.wjb-modal-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-modal-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-wallet-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.wjb-wallet-option{align-items:center;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;width:100%}.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-wallet-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:700;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-wallet-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-switcher-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem;width:20rem}@media (prefers-color-scheme:dark){.wjb-chain-switcher-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-chain-switcher-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-chain-option{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;padding:.75rem 1rem;width:100%}.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-chain-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-chain-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-option{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-chain-option.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(59 130 246/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option.active{background-color:rgba(30,58,138,.1)}}.wjb-chain-icon{border-radius:9999px;height:1.5rem;margin-right:.75rem;width:1.5rem}.wjb-account-modal-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:2rem;text-align:center;width:20rem}@media (prefers-color-scheme:dark){.wjb-account-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-account-modal-content{align-items:center;animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out;display:flex;flex-direction:column;gap:1rem;position:relative}.wjb-account-modal-close{--tw-text-opacity:1;border-radius:9999px;color:rgb(156 163 175/var(--tw-text-opacity,1));padding:.5rem;position:absolute;right:1rem;top:1rem}.wjb-account-modal-close:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-modal-close:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-account-avatar-large{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;height:5rem;margin-bottom:.5rem;width:5rem}.wjb-account-address-large{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-account-address-large{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-account-actions{display:flex;gap:.75rem;margin-top:1rem;width:100%}.wjb-action-button{align-items:center;border-radius:.75rem;display:flex;flex:1 1 0%;flex-direction:column;gap:.5rem;padding:.75rem}.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-action-button{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem}@media (prefers-color-scheme:dark){.wjb-action-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-action-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-8{width:2rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.-rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate:-6deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}@media (min-width:768px){.md\:flex{display:flex}}@media (prefers-color-scheme:dark){.dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}
|
|
1
|
+
.wjb-connect-button{border-radius:.75rem;font-weight:700;padding:.625rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-connect-button:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.wjb-connect-button{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center}.wjb-connect-button-primary{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.wjb-connect-button-primary:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.wjb-connect-button-primary{--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);color:rgb(255 255 255/var(--tw-text-opacity,1))}.wjb-connect-button-primary,.wjb-connect-button-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.wjb-connect-button-primary:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-scale-x:1.02;--tw-scale-y:1.02}.wjb-connect-button-primary:active,.wjb-connect-button-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wjb-connect-button-primary:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.wjb-connect-button-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.wjb-wallet-connected{align-items:center;display:flex;gap:.75rem}.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;padding:.25rem}@media (prefers-color-scheme:dark){.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.wjb-chain-button{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.375rem .75rem}.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-chain-button{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-chain-button{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}}.wjb-balance{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));display:none;font-size:.875rem;font-weight:500;line-height:1.25rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:640px){.wjb-balance{display:block}}@media (prefers-color-scheme:dark){.wjb-balance{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}}.wjb-account-button{--tw-bg-opacity:1;align-items:center;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;margin-left:.25rem;padding:.375rem .75rem}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}.wjb-account-button{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-avatar{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:1.5rem;width:1.5rem}.wjb-modal-overlay{--tw-backdrop-blur:blur(2px);align-items:center;animation:fade-in .2s ease-out;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wjb-modal-overlay{animation:fadeIn .2s ease-in-out}.wjb-wallet-modal-content{--tw-bg-opacity:1;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (prefers-color-scheme:dark){.wjb-wallet-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-wallet-modal-content{display:flex;flex-direction:column;max-width:48rem;overflow:hidden;width:100%}@media (min-width:768px){.wjb-wallet-modal-content{flex-direction:row}}.wjb-wallet-modal-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-modal-left{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1.5rem;width:100%}@media (min-width:768px){.wjb-modal-left{border-bottom-width:0;border-right-width:1px;width:20rem}}@media (prefers-color-scheme:dark){.wjb-modal-left{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}}.wjb-modal-right{--tw-bg-opacity:1;align-items:center;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}@media (prefers-color-scheme:dark){.wjb-modal-right{background-color:rgba(31,41,55,.5)}}.wjb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.wjb-modal-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-modal-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-wallet-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.wjb-wallet-option{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;width:100%}.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-wallet-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:700;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-wallet-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-switcher-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem;width:20rem}@media (prefers-color-scheme:dark){.wjb-chain-switcher-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-chain-switcher-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-chain-option{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;width:100%}.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-chain-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-chain-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-option{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-chain-option.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(59 130 246/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option.active{background-color:rgba(30,58,138,.1)}}.wjb-chain-icon{border-radius:9999px;height:1.5rem;margin-right:.75rem;width:1.5rem}.wjb-account-modal-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:2rem;text-align:center;width:20rem}@media (prefers-color-scheme:dark){.wjb-account-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-account-modal-content{align-items:center;animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out;display:flex;flex-direction:column;gap:1rem;position:relative}.wjb-account-modal-close{--tw-text-opacity:1;border-radius:9999px;color:rgb(156 163 175/var(--tw-text-opacity,1));cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem}.wjb-account-modal-close:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-modal-close:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-account-avatar-large{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;height:5rem;margin-bottom:.5rem;width:5rem}.wjb-account-address-large{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-account-address-large{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-account-actions{display:flex;gap:.75rem;margin-top:1rem;width:100%}.wjb-action-button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1 0%;flex-direction:column;gap:.5rem;padding:.75rem}.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-action-button{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem}@media (prefers-color-scheme:dark){.wjb-action-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-action-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-8{width:2rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.-rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate:-6deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}@media (min-width:768px){.md\:flex{display:flex}}@media (prefers-color-scheme:dark){.dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}
|
package/dist/esm/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wjb-connect-button{border-radius:.75rem;font-weight:700;padding:.625rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-connect-button:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.wjb-connect-button{align-items:center;display:flex;gap:.5rem;justify-content:center}.wjb-connect-button-primary{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.wjb-connect-button-primary:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.wjb-connect-button-primary{--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);color:rgb(255 255 255/var(--tw-text-opacity,1))}.wjb-connect-button-primary,.wjb-connect-button-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.wjb-connect-button-primary:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-scale-x:1.02;--tw-scale-y:1.02}.wjb-connect-button-primary:active,.wjb-connect-button-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wjb-connect-button-primary:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.wjb-connect-button-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.wjb-wallet-connected{align-items:center;display:flex;gap:.75rem}.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;padding:.25rem}@media (prefers-color-scheme:dark){.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.wjb-chain-button{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.375rem .75rem}.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-chain-button{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-chain-button{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}}.wjb-balance{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));display:none;font-size:.875rem;font-weight:500;line-height:1.25rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:640px){.wjb-balance{display:block}}@media (prefers-color-scheme:dark){.wjb-balance{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}}.wjb-account-button{--tw-bg-opacity:1;align-items:center;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;gap:.5rem;margin-left:.25rem;padding:.375rem .75rem}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}.wjb-account-button{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-avatar{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:1.5rem;width:1.5rem}.wjb-modal-overlay{--tw-backdrop-blur:blur(2px);align-items:center;animation:fade-in .2s ease-out;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wjb-modal-overlay{animation:fadeIn .2s ease-in-out}.wjb-wallet-modal-content{--tw-bg-opacity:1;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (prefers-color-scheme:dark){.wjb-wallet-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-wallet-modal-content{display:flex;flex-direction:column;max-width:48rem;overflow:hidden;width:100%}@media (min-width:768px){.wjb-wallet-modal-content{flex-direction:row}}.wjb-wallet-modal-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-modal-left{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1.5rem;width:100%}@media (min-width:768px){.wjb-modal-left{border-bottom-width:0;border-right-width:1px;width:20rem}}@media (prefers-color-scheme:dark){.wjb-modal-left{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}}.wjb-modal-right{--tw-bg-opacity:1;align-items:center;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}@media (prefers-color-scheme:dark){.wjb-modal-right{background-color:rgba(31,41,55,.5)}}.wjb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.wjb-modal-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-modal-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-wallet-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.wjb-wallet-option{align-items:center;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;width:100%}.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-wallet-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:700;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-wallet-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-switcher-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem;width:20rem}@media (prefers-color-scheme:dark){.wjb-chain-switcher-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-chain-switcher-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-chain-option{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;padding:.75rem 1rem;width:100%}.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-chain-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-chain-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-option{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-chain-option.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(59 130 246/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option.active{background-color:rgba(30,58,138,.1)}}.wjb-chain-icon{border-radius:9999px;height:1.5rem;margin-right:.75rem;width:1.5rem}.wjb-account-modal-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:2rem;text-align:center;width:20rem}@media (prefers-color-scheme:dark){.wjb-account-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-account-modal-content{align-items:center;animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out;display:flex;flex-direction:column;gap:1rem;position:relative}.wjb-account-modal-close{--tw-text-opacity:1;border-radius:9999px;color:rgb(156 163 175/var(--tw-text-opacity,1));padding:.5rem;position:absolute;right:1rem;top:1rem}.wjb-account-modal-close:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-modal-close:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-account-avatar-large{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;height:5rem;margin-bottom:.5rem;width:5rem}.wjb-account-address-large{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-account-address-large{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-account-actions{display:flex;gap:.75rem;margin-top:1rem;width:100%}.wjb-action-button{align-items:center;border-radius:.75rem;display:flex;flex:1 1 0%;flex-direction:column;gap:.5rem;padding:.75rem}.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-action-button{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem}@media (prefers-color-scheme:dark){.wjb-action-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-action-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-8{width:2rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.-rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate:-6deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}@media (min-width:768px){.md\:flex{display:flex}}@media (prefers-color-scheme:dark){.dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}
|
|
1
|
+
.wjb-connect-button{border-radius:.75rem;font-weight:700;padding:.625rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-connect-button:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.wjb-connect-button{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center}.wjb-connect-button-primary{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.wjb-connect-button-primary:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.wjb-connect-button-primary{--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);color:rgb(255 255 255/var(--tw-text-opacity,1))}.wjb-connect-button-primary,.wjb-connect-button-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.wjb-connect-button-primary:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-scale-x:1.02;--tw-scale-y:1.02}.wjb-connect-button-primary:active,.wjb-connect-button-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wjb-connect-button-primary:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.wjb-connect-button-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.wjb-wallet-connected{align-items:center;display:flex;gap:.75rem}.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;padding:.25rem}@media (prefers-color-scheme:dark){.wjb-wallet-info-group{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.wjb-chain-button{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.375rem .75rem}.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-chain-button{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-chain-button{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}}.wjb-balance{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));display:none;font-size:.875rem;font-weight:500;line-height:1.25rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:640px){.wjb-balance{display:block}}@media (prefers-color-scheme:dark){.wjb-balance{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}}.wjb-account-button{--tw-bg-opacity:1;align-items:center;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;margin-left:.25rem;padding:.375rem .75rem}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}}.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-button:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}.wjb-account-button{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-account-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-avatar{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:1.5rem;width:1.5rem}.wjb-modal-overlay{--tw-backdrop-blur:blur(2px);align-items:center;animation:fade-in .2s ease-out;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wjb-modal-overlay{animation:fadeIn .2s ease-in-out}.wjb-wallet-modal-content{--tw-bg-opacity:1;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (prefers-color-scheme:dark){.wjb-wallet-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-wallet-modal-content{display:flex;flex-direction:column;max-width:48rem;overflow:hidden;width:100%}@media (min-width:768px){.wjb-wallet-modal-content{flex-direction:row}}.wjb-wallet-modal-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-modal-left{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1.5rem;width:100%}@media (min-width:768px){.wjb-modal-left{border-bottom-width:0;border-right-width:1px;width:20rem}}@media (prefers-color-scheme:dark){.wjb-modal-left{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}}.wjb-modal-right{--tw-bg-opacity:1;align-items:center;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}@media (prefers-color-scheme:dark){.wjb-modal-right{background-color:rgba(31,41,55,.5)}}.wjb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.wjb-modal-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-modal-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-wallet-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.wjb-wallet-option{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;width:100%}.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-wallet-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-wallet-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:700;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.wjb-wallet-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-switcher-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem;width:20rem}@media (prefers-color-scheme:dark){.wjb-chain-switcher-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-chain-switcher-content{animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out}.wjb-chain-option{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;width:100%}.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-chain-option{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-chain-option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-chain-option{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wjb-chain-option.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(59 130 246/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-chain-option.active{background-color:rgba(30,58,138,.1)}}.wjb-chain-icon{border-radius:9999px;height:1.5rem;margin-right:.75rem;width:1.5rem}.wjb-account-modal-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:2rem;text-align:center;width:20rem}@media (prefers-color-scheme:dark){.wjb-account-modal-content{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}}.wjb-account-modal-content{align-items:center;animation:scale-up cubic-bezier(.16,1,.3,1) .2s ease-out;display:flex;flex-direction:column;gap:1rem;position:relative}.wjb-account-modal-close{--tw-text-opacity:1;border-radius:9999px;color:rgb(156 163 175/var(--tw-text-opacity,1));cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem}.wjb-account-modal-close:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.wjb-account-modal-close:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-account-avatar-large{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;height:5rem;margin-bottom:.5rem;width:5rem}.wjb-account-address-large{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.wjb-account-address-large{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-weight:500}@media (prefers-color-scheme:dark){.wjb-account-balance-large{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-account-actions{display:flex;gap:.75rem;margin-top:1rem;width:100%}.wjb-action-button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1 0%;flex-direction:column;gap:.5rem;padding:.75rem}.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.wjb-action-button:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.wjb-action-button{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem}@media (prefers-color-scheme:dark){.wjb-action-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.wjb-action-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-8{width:2rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.-rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate:-6deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}@media (min-width:768px){.md\:flex{display:flex}}@media (prefers-color-scheme:dark){.dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}
|
package/package.json
CHANGED