@dhedge/trading-widget 3.18.2 → 3.18.3

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.
Files changed (34) hide show
  1. package/README.md +125 -99
  2. package/core-kit/const/logger.d.ts +1 -0
  3. package/core-kit/types/config.types.d.ts +6 -0
  4. package/core-kit/types/trading-panel.types.d.ts +1 -1
  5. package/index.cjs +56 -56
  6. package/index.d.ts +1 -1
  7. package/index.js +14872 -14584
  8. package/limit-orders/component/common/percentage-input.d.ts +18 -0
  9. package/limit-orders/component/input-group/input-group.hooks.d.ts +5 -0
  10. package/limit-orders/component/limit-order-button/limit-order-approve-button.hooks.d.ts +1 -0
  11. package/limit-orders/component/limit-order-button/limit-order-button.hooks.d.ts +1 -0
  12. package/limit-orders/component/limit-order-content.d.ts +7 -0
  13. package/limit-orders/component/limit-order-overlay.d.ts +11 -0
  14. package/limit-orders/constants.d.ts +1 -0
  15. package/limit-orders/hooks/use-existing-limit-order-default-prices.d.ts +11 -0
  16. package/limit-orders/hooks/use-limit-order-covered-vault-amount.d.ts +5 -0
  17. package/limit-orders/hooks/use-on-limit-order-settled.d.ts +2 -2
  18. package/limit-orders/providers/state-provider/reducer.d.ts +1 -0
  19. package/limit-orders/providers/state-provider/state-provider.types.d.ts +16 -4
  20. package/limit-orders/providers/theme-provider/theme-provider.types.d.ts +1 -0
  21. package/limit-orders/providers/translation-provider/translation-provider.types.d.ts +3 -0
  22. package/package.json +1 -1
  23. package/style.css +1 -1
  24. package/trading-widget/components/widget/widget-overlay/error-notification-overlay/error-notification-overlay.d.ts +3 -0
  25. package/trading-widget/components/widget/widget-overlay/{notification-overlay/notification-overlay.hooks.d.ts → error-notification-overlay/error-notification-overlay.hooks.d.ts} +1 -1
  26. package/trading-widget/components/widget/widget-overlay/index.d.ts +2 -1
  27. package/trading-widget/components/widget/widget-overlay/{notification-overlay/notification-overlay.d.ts → limit-sells-overlay/limit-sells-overlay.d.ts} +1 -1
  28. package/trading-widget/components/widget/widget-overlay/limit-sells-overlay/limit-sells-overlay.hooks.d.ts +12 -0
  29. package/trading-widget/components/widget/widget-overlay/pool-select-overlay/pool-select-overlay.hooks.d.ts +2 -0
  30. package/trading-widget/hooks/index.d.ts +1 -0
  31. package/trading-widget/hooks/use-open-limit-sells-overlay.d.ts +1 -0
  32. package/trading-widget/providers/config-provider/config-provider.types.d.ts +3 -0
  33. package/trading-widget/providers/translation-provider/translation-provider.types.d.ts +2 -0
  34. package/trading-widget/types/overlay.types.d.ts +2 -1
package/limit-orders/component/common/percentage-input.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import type { ChangeEvent, FC, ReactNode } from 'react';
2
+ export interface PercentageInputProps {
3
+ inputValue: string;
4
+ onInputChange?: (value: string) => void;
5
+ autoFocus?: boolean;
6
+ disabled?: boolean;
7
+ placeholder?: string;
8
+ suffix?: string;
9
+ postfix?: ReactNode;
10
+ }
11
+ export declare const usePercentageInput: ({ inputValue, onInputChange, autoFocus, }: PercentageInputProps) => {
12
+ inputRef: import("react").RefObject<HTMLInputElement>;
13
+ value: string;
14
+ autoFocus: boolean;
15
+ onContainerClick: () => void;
16
+ onInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
17
+ };
18
+ export declare const PercentageInput: FC<PercentageInputProps>;
package/limit-orders/component/input-group/input-group.hooks.d.ts CHANGED
@@ -1,10 +1,13 @@
1
1
  export declare const useInputGroup: () => {
2
2
  upperLimitPrice: string;
3
3
  lowerLimitPrice: string;
4
+ sellPercentage: string;
4
5
  setUpperLimitPrice: (payload: string) => void;
5
6
  setLowerLimitPrice: (payload: string) => void;
7
+ setSellPercentage: (payload: string) => void;
6
8
  onDisableUpperLimitPrice: () => void;
7
9
  onDisableLowerLimitPrice: () => void;
10
+ onDisableSellPercentage: () => void;
8
11
  termsAccepted: boolean;
9
12
  setTermsAccepted: (payload: boolean) => void;
10
13
  pricingAssetPrice: string | null;
@@ -12,4 +15,6 @@ export declare const useInputGroup: () => {
12
15
  lowerLimitPriceDifference: string;
13
16
  pricingAssetSymbol: string;
14
17
  inputSuffix: string;
18
+ coveredVaultAmount: string;
19
+ vaultSymbol: string;
15
20
  };
package/limit-orders/component/limit-order-button/limit-order-approve-button.hooks.d.ts CHANGED
@@ -2,4 +2,5 @@ export declare const useLimitOrderApproveButton: () => {
2
2
  isApproved: boolean;
3
3
  approveLimitOrder: () => Promise<void>;
4
4
  isApprovePending: boolean;
5
+ disabled: boolean;
5
6
  };
package/limit-orders/component/limit-order-button/limit-order-button.hooks.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare const useLimitOrderButton: () => {
8
8
  isPending: boolean;
9
9
  isAmountSufficient: boolean;
10
10
  minAmount: string;
11
+ isModifyTransaction: boolean;
11
12
  };
package/limit-orders/component/limit-order-content.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import type { FC } from 'react';
2
+ interface LimitOrderContentProps {
3
+ onClose?: () => void;
4
+ hideDeleteButton?: boolean;
5
+ }
6
+ export declare const LimitOrderContent: FC<LimitOrderContentProps>;
7
+ export {};
package/limit-orders/component/limit-order-overlay.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { FC } from 'react';
2
+ import type { LimitOrderCallbacks, LimitOrderState } from 'limit-orders/providers/state-provider/state-provider.types';
3
+ import type { ThemeProviderConfigProps } from 'limit-orders/providers/theme-provider';
4
+ import type { TranslationProviderProps } from 'limit-orders/providers/translation-provider';
5
+ export type LimitOrderOverlayProps = {
6
+ translation?: TranslationProviderProps['config'];
7
+ actions?: LimitOrderCallbacks;
8
+ themeConfig?: ThemeProviderConfigProps;
9
+ onClose?: () => void;
10
+ } & Pick<LimitOrderState, 'vaultAddress' | 'vaultChainId' | 'pricingAsset'> & Partial<Pick<LimitOrderState, 'minAmountInUsd'>>;
11
+ export declare const LimitOrderOverlay: FC<LimitOrderOverlayProps>;
package/limit-orders/constants.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export declare const LIMIT_ORDER_READ_FUNCTION_NAME = "limitOrders";
2
2
  export declare const DEFAULT_MIN_ORDER_AMOUNT = 0;
3
+ export declare const DEFAULT_SELL_PERCENTAGE = "100";
package/limit-orders/hooks/use-existing-limit-order-default-prices.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { Address } from 'viem';
2
+ interface UseExistingLimitOrderDefaultPricesProps {
3
+ vaultAddress: Address;
4
+ vaultChainId: number;
5
+ }
6
+ export declare const useExistingLimitOrderDefaultPrices: ({ vaultAddress, vaultChainId, }: UseExistingLimitOrderDefaultPricesProps) => {
7
+ isFetched: boolean;
8
+ upperLimitPrice: string;
9
+ lowerLimitPrice: string;
10
+ };
11
+ export {};
package/limit-orders/hooks/use-limit-order-covered-vault-amount.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const useLimitOrderCoveredVaultAmount: () => {
2
+ raw: string;
3
+ formatted: string;
4
+ symbol: string;
5
+ };
package/limit-orders/hooks/use-on-limit-order-settled.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import type { OnLimitOrderSettled } from 'limit-orders/providers/state-provider/state-provider.types';
2
- export declare const useOnLimitOrderSettled: () => OnLimitOrderSettled;
1
+ import type { OnLimitOrderSettled, PendingTransaction } from 'limit-orders/providers/state-provider/state-provider.types';
2
+ export declare const useOnLimitOrderSettled: (action: PendingTransaction['action']) => OnLimitOrderSettled;
package/limit-orders/providers/state-provider/reducer.d.ts CHANGED
@@ -2,6 +2,7 @@ import type { LimitOrderAction, LimitOrderState } from 'limit-orders/providers/s
2
2
  export declare const DEFAULT_FORM_DATA: {
3
3
  upperLimitPrice: string;
4
4
  lowerLimitPrice: string;
5
+ sellPercentage: string;
5
6
  termsAccepted: boolean;
6
7
  };
7
8
  export declare const reducer: (state: LimitOrderState, action: LimitOrderAction) => LimitOrderState;
package/limit-orders/providers/state-provider/state-provider.types.d.ts CHANGED
@@ -1,5 +1,9 @@
1
1
  import type { Address, Hash } from 'viem';
2
2
  import type { UseWriteContractParameters } from 'core-kit/types/web3.types';
3
+ export type PendingTransaction = {
4
+ hash: Hash;
5
+ action: 'approve' | 'create' | 'remove';
6
+ };
3
7
  export interface LimitOrderState {
4
8
  isModalOpen: boolean;
5
9
  vaultAddress: Address;
@@ -9,25 +13,28 @@ export interface LimitOrderState {
9
13
  upperLimitPrice: string;
10
14
  lowerLimitPrice: string;
11
15
  termsAccepted: boolean;
16
+ sellPercentage: string;
12
17
  };
13
18
  pricingAsset: {
14
19
  address: Address;
15
20
  symbol: string;
16
21
  };
17
- pendingTransaction: Hash | null;
22
+ pendingTransaction: PendingTransaction | null;
18
23
  }
19
24
  export type OnLimitOrderSettled = NonNullable<NonNullable<NonNullable<UseWriteContractParameters>['mutation']>['onSettled']>;
20
25
  export type LimitOrderCallbacks = {
21
26
  onTransactionSuccess?: (transaction: Address) => void;
22
27
  onTransactionError?: (transaction: Address) => void;
23
28
  onTransactionSettled?: OnLimitOrderSettled;
29
+ onLog?: (eventName: string, payload?: Record<string, unknown>) => void;
24
30
  };
25
31
  export type LimitOrderActionsState = LimitOrderCallbacks & {
26
32
  setIsModalOpen: (payload: boolean) => void;
27
33
  setUpperLimitPrice: (payload: string) => void;
28
34
  setLowerLimitPrice: (payload: string) => void;
29
35
  setTermsAccepted: (payload: boolean) => void;
30
- setPendingTransaction: (payload: Hash | null) => void;
36
+ setSellPercentage: (payload: string) => void;
37
+ setPendingTransaction: (payload: PendingTransaction | null) => void;
31
38
  reset: () => void;
32
39
  };
33
40
  export type LimitOrderAction = {
@@ -42,13 +49,18 @@ export type LimitOrderAction = {
42
49
  } | {
43
50
  type: 'SET_TERMS_ACCEPTED';
44
51
  payload: boolean;
52
+ } | {
53
+ type: 'SET_SELL_PERCENTAGE';
54
+ payload: string;
45
55
  } | {
46
56
  type: 'RESET';
47
57
  } | {
48
58
  type: 'SET_PENDING_TRANSACTION';
49
- payload: Hash | null;
59
+ payload: PendingTransaction | null;
50
60
  };
51
61
  export interface LimitOrderContextConfig {
52
- initialState: Pick<LimitOrderState, 'vaultAddress' | 'vaultChainId' | 'pricingAsset' | 'minAmountInUsd'> & Partial<Pick<LimitOrderState, 'isModalOpen'>>;
62
+ initialState: Pick<LimitOrderState, 'vaultAddress' | 'vaultChainId' | 'pricingAsset' | 'minAmountInUsd'> & Partial<Pick<LimitOrderState, 'isModalOpen'>> & {
63
+ form: Pick<LimitOrderState['form'], 'upperLimitPrice' | 'lowerLimitPrice'>;
64
+ };
53
65
  actions?: LimitOrderCallbacks;
54
66
  }
package/limit-orders/providers/theme-provider/theme-provider.types.d.ts CHANGED
@@ -88,6 +88,7 @@ export interface ThemeProviderConfigProps {
88
88
  tokenLineHeight?: string;
89
89
  tokenFontSizeSm?: string;
90
90
  tokenLineHeightSm?: string;
91
+ suffixFontSize?: string;
91
92
  buttonPx?: string;
92
93
  buttonPy?: string;
93
94
  buttonFontSize?: string;
package/limit-orders/providers/translation-provider/translation-provider.types.d.ts CHANGED
@@ -9,9 +9,12 @@ export type TranslationMap = {
9
9
  lowerLimitSubtitle: string;
10
10
  upperLimitLabel: string;
11
11
  upperLimitSubtitle: string;
12
+ partialSellLabel: string;
13
+ partialSellSubtitle: string;
12
14
  price: string;
13
15
  currentPrice: string;
14
16
  limitOrderTerms: string;
17
+ create: string;
15
18
  modify: string;
16
19
  delete: string;
17
20
  cancel: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhedge/trading-widget",
3
- "version": "3.18.2",
3
+ "version": "3.18.3",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "index.js",
package/style.css CHANGED
@@ -1 +1 @@
1
- html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-tap-highlight-color:transparent}.trading-widget *,.trading-widget :before,.trading-widget :after,.limit-order *,.limit-order :before,.limit-order :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.trading-widget :before,.trading-widget :after,.limit-order :before,.limit-order :after{--tw-content: ""}.trading-widget hr,.limit-order hr{height:0;color:inherit;border-top-width:1px}.trading-widget abbr:where([title]),.limit-order abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.trading-widget h1,.trading-widget h2,.trading-widget h3,.trading-widget h4,.trading-widget h5,.trading-widget h6,.limit-order h1,.limit-order h2,.limit-order h3,.limit-order h4,.limit-order h5,.limit-order h6{font-size:inherit;font-weight:inherit}.trading-widget a,.limit-order a{text-decoration:inherit}.trading-widget b,.trading-widget strong,.limit-order b,.limit-order strong{font-weight:bolder}.trading-widget code,.trading-widget kbd,.trading-widget samp,.trading-widget pre,.limit-order code,.limit-order kbd,.limit-order samp,.limit-order pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.trading-widget small,.limit-order small{font-size:80%}.trading-widget sub,.trading-widget sup,.limit-order sub,.limit-order sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.trading-widget sub,.limit-order sub{bottom:-.25em}.trading-widget sup,.limit-order sup{top:-.5em}.trading-widget table,.limit-order table{text-indent:0;border-color:inherit;border-collapse:collapse}.trading-widget button,.trading-widget input,.trading-widget optgroup,.trading-widget select,.trading-widget textarea,.limit-order button,.limit-order input,.limit-order optgroup,.limit-order select,.limit-order textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;line-height:inherit;color:inherit}.trading-widget button,.trading-widget select,.limit-order button,.limit-order select{text-transform:none}.trading-widget button:not([role=switch]),.trading-widget [type=button]:not([role=switch]),.trading-widget [type=reset],.trading-widget [type=submit],.limit-order button:not([role=switch]),.limit-order [type=button]:not([role=switch]),.limit-order [type=reset],.limit-order [type=submit]{-webkit-appearance:button;background-color:transparent}.trading-widget :-moz-focusring,.limit-order :-moz-focusring{outline:auto}.trading-widget :-moz-ui-invalid,.limit-order :-moz-ui-invalid{box-shadow:none}.trading-widget progress,.limit-order progress{vertical-align:baseline}.trading-widget ::-webkit-inner-spin-button,.trading-widget ::-webkit-outer-spin-button,.limit-order ::-webkit-inner-spin-button,.limit-order ::-webkit-outer-spin-button{height:auto}.trading-widget [type=search],.limit-order [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.trading-widget ::-webkit-search-decoration,.limit-order ::-webkit-search-decoration{-webkit-appearance:none}.trading-widget ::-webkit-file-upload-button,.limit-order ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.trading-widget summary,.limit-order summary{display:list-item}.trading-widget blockquote,.trading-widget dl,.trading-widget dd,.trading-widget h1,.trading-widget h2,.trading-widget h3,.trading-widget h4,.trading-widget h5,.trading-widget h6,.trading-widget hr,.trading-widget figure,.trading-widget p,.trading-widget pre,.limit-order blockquote,.limit-order dl,.limit-order dd,.limit-order h1,.limit-order h2,.limit-order h3,.limit-order h4,.limit-order h5,.limit-order h6,.limit-order hr,.limit-order figure,.limit-order p,.limit-order pre{margin:0}.trading-widget fieldset,.limit-order fieldset{margin:0;padding:0}.trading-widget legend,.limit-order legend{padding:0}.trading-widget ol,.trading-widget ul,.trading-widget menu,.limit-order ol,.limit-order ul,.limit-order menu{list-style:none;margin:0;padding:0}.trading-widget dialog,.limit-order dialog{padding:0}.trading-widget textarea,.limit-order textarea{resize:vertical}.trading-widget input::-moz-placeholder,.trading-widget textarea::-moz-placeholder,.limit-order input::-moz-placeholder,.limit-order textarea::-moz-placeholder{opacity:1;color:#9ca3af}.trading-widget input::placeholder,.trading-widget textarea::placeholder,.limit-order input::placeholder,.limit-order textarea::placeholder{opacity:1;color:#9ca3af}.trading-widget button,.trading-widget [role=button],.limit-order button,.limit-order [role=button]{cursor:pointer}.trading-widget :disabled,.limit-order :disabled{cursor:default}.trading-widget img,.trading-widget svg,.trading-widget video,.trading-widget canvas,.trading-widget audio,.trading-widget iframe,.trading-widget embed,.trading-widget object,.limit-order img,.limit-order svg,.limit-order video,.limit-order canvas,.limit-order audio,.limit-order iframe,.limit-order embed,.limit-order object{display:block;vertical-align:middle}.trading-widget img,.trading-widget video,.limit-order img,.limit-order video{max-width:100%;height:auto}.trading-widget [hidden],.limit-order [hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.theme-scrollbar::-webkit-scrollbar{width:.25rem;background-color:transparent}.theme-scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--panel-scrollbar-color, var(--limit-order-scrollbar-color))}.transparent-scrollbar::-webkit-scrollbar{height:0px;width:0px;background-color:transparent}.tooltip-container[data-popper-interactive=false],.dtw-pointer-events-none{pointer-events:none}.dtw-static{position:static}.dtw-fixed{position:fixed}.dtw-absolute{position:absolute}.dtw-relative{position:relative}.dtw-sticky{position:sticky}.dtw-inset-0{top:0;right:0;bottom:0;left:0}.dtw-inset-x-0{left:0;right:0}.dtw-bottom-0{bottom:0}.dtw-left-0{left:0}.dtw-right-0{right:0}.dtw-right-5{right:1.25rem}.dtw-top-0{top:0}.dtw-top-14{top:3.5rem}.dtw-top-5{top:1.25rem}.dtw-z-0{z-index:0}.dtw-z-10{z-index:10}.dtw-z-20{z-index:20}.dtw-z-50{z-index:50}.dtw-m-auto{margin:auto}.dtw-my-1{margin-top:.25rem;margin-bottom:.25rem}.dtw--ml-2{margin-left:-.5rem}.dtw-mb-1{margin-bottom:.25rem}.dtw-mb-2{margin-bottom:.5rem}.dtw-mb-4{margin-bottom:1rem}.dtw-mb-6{margin-bottom:1.5rem}.dtw-mb-8{margin-bottom:2rem}.dtw-ml-auto{margin-left:auto}.dtw-mr-1{margin-right:.25rem}.dtw-mt-0\.5{margin-top:.125rem}.dtw-mt-1{margin-top:.25rem}.dtw-mt-1\.5{margin-top:.375rem}.dtw-mt-3{margin-top:.75rem}.dtw-mt-6{margin-top:1.5rem}.dtw-block{display:block}.dtw-inline-block{display:inline-block}.\!dtw-inline{display:inline!important}.dtw-flex{display:flex}.dtw-inline-flex{display:inline-flex}.dtw-grid{display:grid}.dtw-hidden{display:none}.dtw-size-\[var\(--panel-checkbox-icon-size\)\]{width:var(--panel-checkbox-icon-size);height:var(--panel-checkbox-icon-size)}.dtw-size-\[var\(--panel-checkbox-size\)\]{width:var(--panel-checkbox-size);height:var(--panel-checkbox-size)}.\!dtw-h-3{height:.75rem!important}.\!dtw-h-4{height:1rem!important}.\!dtw-h-5{height:1.25rem!important}.\!dtw-h-7{height:1.75rem!important}.\!dtw-h-9{height:2.25rem!important}.\!dtw-h-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{height:var(--panel-input-token-icon-size,var(--panel-icon-size))!important}.dtw-h-10{height:2.5rem}.dtw-h-4{height:1rem}.dtw-h-5{height:1.25rem}.dtw-h-6{height:1.5rem}.dtw-h-7{height:1.75rem}.dtw-h-\[18px\]{height:18px}.dtw-h-\[80px\]{height:80px}.dtw-h-\[var\(--panel-icon-secondary-size\)\]{height:var(--panel-icon-secondary-size)}.dtw-h-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{height:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-h-full{height:100%}.dtw-max-h-16{max-height:4rem}.dtw-max-h-28{max-height:7rem}.dtw-max-h-\[120px\]{max-height:120px}.dtw-min-h-1{min-height:.25rem}.\!dtw-w-3{width:.75rem!important}.\!dtw-w-4{width:1rem!important}.\!dtw-w-5{width:1.25rem!important}.\!dtw-w-7{width:1.75rem!important}.\!dtw-w-9{width:2.25rem!important}.\!dtw-w-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{width:var(--panel-input-token-icon-size,var(--panel-icon-size))!important}.dtw-w-10{width:2.5rem}.dtw-w-11{width:2.75rem}.dtw-w-14{width:3.5rem}.dtw-w-3{width:.75rem}.dtw-w-4{width:1rem}.dtw-w-5{width:1.25rem}.dtw-w-6{width:1.5rem}.dtw-w-7{width:1.75rem}.dtw-w-\[100px\]{width:100px}.dtw-w-\[18px\]{width:18px}.dtw-w-\[1px\]{width:1px}.dtw-w-\[60px\]{width:60px}.dtw-w-\[70px\]{width:70px}.dtw-w-\[var\(--panel-icon-secondary-size\)\]{width:var(--panel-icon-secondary-size)}.dtw-w-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{width:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-w-fit{width:-moz-fit-content;width:fit-content}.dtw-w-full{width:100%}.dtw-w-screen{width:100vw}.dtw-min-w-full{min-width:100%}.dtw-max-w-\[430px\]{max-width:430px}.dtw-max-w-xs{max-width:20rem}.dtw-flex-1{flex:1 1 0%}.dtw-flex-shrink-0,.dtw-shrink-0{flex-shrink:0}.dtw-grow{flex-grow:1}.dtw-border-separate{border-collapse:separate}.dtw-translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes dtw-spin{to{transform:rotate(360deg)}}.dtw-animate-spin{animation:dtw-spin 1s linear infinite}.dtw-cursor-help{cursor:help}.dtw-cursor-pointer{cursor:pointer}.dtw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dtw-list-inside{list-style-position:inside}.dtw-list-decimal{list-style-type:decimal}.dtw-list-disc{list-style-type:disc}.dtw-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dtw-auto-rows-min{grid-auto-rows:min-content}.dtw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.dtw-grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.dtw-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.dtw-flex-col{flex-direction:column}.dtw-flex-wrap{flex-wrap:wrap}.dtw-items-start{align-items:flex-start}.dtw-items-center{align-items:center}.dtw-items-stretch{align-items:stretch}.dtw-justify-end{justify-content:flex-end}.dtw-justify-center{justify-content:center}.dtw-justify-between{justify-content:space-between}.dtw-gap-0\.5{gap:.125rem}.dtw-gap-1{gap:.25rem}.dtw-gap-1\.5{gap:.375rem}.dtw-gap-2{gap:.5rem}.dtw-gap-4{gap:1rem}.dtw-gap-\[var\(--limit-order-input-group-gap\,var\(--limit-order-gap\)\)\]{gap:var(--limit-order-input-group-gap,var(--limit-order-gap))}.dtw-gap-\[var\(--panel-balance-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-balance-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-content-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-content-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-gap\)\]{gap:var(--panel-gap)}.dtw-gap-\[var\(--panel-input-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-input-price-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-price-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-inputs-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-inputs-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-meta-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-meta-group-gap,var(--panel-gap))}.dtw-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dtw-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dtw-gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.dtw-gap-y-0\.5{row-gap:.125rem}.dtw-gap-y-1{row-gap:.25rem}.dtw-gap-y-2\.5{row-gap:.625rem}.dtw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.dtw-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.dtw-self-start{align-self:flex-start}.dtw-self-end{align-self:flex-end}.\!dtw-self-center{align-self:center!important}.dtw-self-center{align-self:center}.dtw-overflow-hidden{overflow:hidden}.dtw-overflow-visible{overflow:visible}.dtw-overflow-x-auto{overflow-x:auto}.dtw-overflow-y-auto{overflow-y:auto}.dtw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtw-whitespace-normal{white-space:normal}.dtw-whitespace-nowrap{white-space:nowrap}.dtw-text-pretty{text-wrap:pretty}.dtw-break-all{word-break:break-all}.dtw-rounded-2xl{border-radius:1rem}.dtw-rounded-\[var\(--limit-order-input-button-radius\,var\(--limit-order-radius\)\)\]{border-radius:var(--limit-order-input-button-radius,var(--limit-order-radius))}.dtw-rounded-\[var\(--limit-order-input-radius\,var\(--limit-order-radius\)\)\]{border-radius:var(--limit-order-input-radius,var(--limit-order-radius))}.dtw-rounded-\[var\(--limit-order-radius\)\]{border-radius:var(--limit-order-radius)}.dtw-rounded-\[var\(--limit-order-switch-panel-radius\,var\(--limit-order-radius\)\)\]{border-radius:var(--limit-order-switch-panel-radius,var(--limit-order-radius))}.dtw-rounded-\[var\(--panel-checkbox-radius\)\]{border-radius:var(--panel-checkbox-radius)}.dtw-rounded-\[var\(--panel-input-button-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-button-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-input-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-radius\)\]{border-radius:var(--panel-radius)}.dtw-rounded-\[var\(--panel-radius-secondary\)\]{border-radius:var(--panel-radius-secondary)}.dtw-rounded-\[var\(--panel-radius-secondary\,var\(--panel-radius\)\)\]{border-radius:var(--panel-radius-secondary,var(--panel-radius))}.dtw-rounded-\[var\(--panel-tab-list-radius\)\]{border-radius:var(--panel-tab-list-radius)}.dtw-rounded-full{border-radius:9999px}.dtw-rounded-lg{border-radius:.5rem}.dtw-rounded-md{border-radius:.375rem}.dtw-rounded-xl{border-radius:.75rem}.dtw-rounded-l-\[var\(--panel-radius\)\]{border-top-left-radius:var(--panel-radius);border-bottom-left-radius:var(--panel-radius)}.dtw-border{border-width:1px}.dtw-border-0{border-width:0px}.dtw-border-\[length\:var\(--limit-order-action-accent-button-border-width\)\]{border-width:var(--limit-order-action-accent-button-border-width)}.dtw-border-\[length\:var\(--panel-action-accent-button-border-width\)\]{border-width:var(--panel-action-accent-button-border-width)}.dtw-border-\[color\:var\(--limit-order-action-accent-button-border-color\)\]{border-color:var(--limit-order-action-accent-button-border-color)}.dtw-border-\[color\:var\(--panel-action-accent-button-border-color\)\]{border-color:var(--panel-action-accent-button-border-color)}.dtw-border-\[color\:var\(--panel-checkbox-border-color\)\]{border-color:var(--panel-checkbox-border-color)}.dtw-border-\[color\:var\(--panel-checkbox-border-color-checked\)\]{border-color:var(--panel-checkbox-border-color-checked)}.dtw-border-\[color\:var\(--panel-error-content-color\)\]{border-color:var(--panel-error-content-color)}.dtw-border-\[color\:var\(--panel-warning-content-color\)\]{border-color:var(--panel-warning-content-color)}.dtw-border-\[var\(--limit-order-action-outline-button-border-color\,var\(--limit-order-border-color\)\)\]{border-color:var(--limit-order-action-outline-button-border-color,var(--limit-order-border-color))}.dtw-border-\[var\(--limit-order-input-border-color\)\]{border-color:var(--limit-order-input-border-color)}.dtw-border-\[var\(--limit-order-switch-panel-border-color\)\]{border-color:var(--limit-order-switch-panel-border-color)}.dtw-border-\[var\(--panel-action-outline-button-border-color\,var\(--panel-border-color\)\)\]{border-color:var(--panel-action-outline-button-border-color,var(--panel-border-color))}.dtw-border-\[var\(--panel-input-border-color\)\]{border-color:var(--panel-input-border-color)}.dtw-border-\[var\(--panel-input-button-border-color\,var\(--panel-accent-to-color\)\)\]{border-color:var(--panel-input-button-border-color,var(--panel-accent-to-color))}.\!dtw-bg-\[color\:var\(--panel-switch-bg\)\]{background-color:var(--panel-switch-bg)!important}.\!dtw-bg-\[color\:var\(--panel-switch-bg-checked\)\]{background-color:var(--panel-switch-bg-checked)!important}.\!dtw-bg-\[color\:var\(--panel-switch-thumb-bg\)\]{background-color:var(--panel-switch-thumb-bg)!important}.\!dtw-bg-\[color\:var\(--panel-switch-thumb-bg-checked\)\]{background-color:var(--panel-switch-thumb-bg-checked)!important}.\!dtw-bg-\[var\(--panel-input-button-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-input-button-bg,var(--panel-secondary-color))!important}.dtw-bg-\[color\:var\(--limit-order-secondary-color\)\]{background-color:var(--limit-order-secondary-color)}.dtw-bg-\[color\:var\(--panel-checkbox-bg\)\]{background-color:var(--panel-checkbox-bg)}.dtw-bg-\[color\:var\(--panel-checkbox-bg-checked\)\]{background-color:var(--panel-checkbox-bg-checked)}.dtw-bg-\[color\:var\(--panel-popup-list-header-bg\)\]{background-color:var(--panel-popup-list-header-bg)}.dtw-bg-\[color\:var\(--panel-secondary-content-color\)\]{background-color:var(--panel-secondary-content-color)}.dtw-bg-\[color\:var\(--panel-switch-bg\)\]{background-color:var(--panel-switch-bg)}.dtw-bg-\[color\:var\(--panel-switch-bg-checked\)\]{background-color:var(--panel-switch-bg-checked)}.dtw-bg-\[color\:var\(--panel-tooltip-bg\)\]{background-color:var(--panel-tooltip-bg)}.dtw-bg-\[var\(--limit-order-background-color\)\]{background-color:var(--limit-order-background-color)}.dtw-bg-\[var\(--limit-order-input-bg\,var\(--limit-order-neutral-color\)\)\]{background-color:var(--limit-order-input-bg,var(--limit-order-neutral-color))}.dtw-bg-\[var\(--panel-background-color\)\]{background-color:var(--panel-background-color)}.dtw-bg-\[var\(--panel-input-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-input-bg,var(--panel-neutral-color))}.dtw-bg-\[var\(--panel-notification-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-notification-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-popup-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-popup-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-tab-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-tab-bg,var(--panel-neutral-color))}.dtw-bg-\[var\(--panel-tab-list-bg\)\]{background-color:var(--panel-tab-list-bg)}.dtw-bg-error\/30{background-color:#dd376a4d}.dtw-bg-transparent{background-color:transparent}.dtw-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.dtw-from-\[var\(--limit-order-action-accent-button-bg-from\,var\(--limit-order-accent-from-color\)\)\]{--tw-gradient-from: var(--limit-order-action-accent-button-bg-from,var(--limit-order-accent-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dtw-from-\[var\(--panel-action-accent-button-bg-from\,var\(--panel-accent-from-color\)\)\]{--tw-gradient-from: var(--panel-action-accent-button-bg-from,var(--panel-accent-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dtw-to-\[var\(--limit-order-action-accent-button-bg-to\,var\(--limit-order-accent-to-color\)\)\]{--tw-gradient-to: var(--limit-order-action-accent-button-bg-to,var(--limit-order-accent-to-color)) var(--tw-gradient-to-position)}.dtw-to-\[var\(--panel-action-accent-button-bg-to\,var\(--panel-accent-to-color\)\)\]{--tw-gradient-to: var(--panel-action-accent-button-bg-to,var(--panel-accent-to-color)) var(--tw-gradient-to-position)}.dtw-bg-clip-text{-webkit-background-clip:text;background-clip:text}.dtw-fill-\[color\:var\(--panel-checkbox-color\)\]{fill:var(--panel-checkbox-color)}.dtw-stroke-\[color\:var\(--panel-accent-content-color\)\]{stroke:var(--panel-accent-content-color)}.dtw-stroke-\[color\:var\(--panel-accent-from-color\)\]{stroke:var(--panel-accent-from-color)}.dtw-stroke-\[var\(--limit-order-accent-content-color\)\]{stroke:var(--limit-order-accent-content-color)}.dtw-object-contain{-o-object-fit:contain;object-fit:contain}.dtw-p-0{padding:0}.dtw-p-0\.5{padding:.125rem}.dtw-p-1{padding:.25rem}.dtw-p-2{padding:.5rem}.dtw-p-3{padding:.75rem}.dtw-p-4{padding:1rem}.\!dtw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.dtw-px-1\.5{padding-left:.375rem;padding-right:.375rem}.dtw-px-2{padding-left:.5rem;padding-right:.5rem}.dtw-px-3{padding-left:.75rem;padding-right:.75rem}.dtw-px-5{padding-left:1.25rem;padding-right:1.25rem}.dtw-px-6{padding-left:1.5rem;padding-right:1.5rem}.dtw-px-\[var\(--limit-order-group-px\)\]{padding-left:var(--limit-order-group-px);padding-right:var(--limit-order-group-px)}.dtw-px-\[var\(--limit-order-input-px\)\]{padding-left:var(--limit-order-input-px);padding-right:var(--limit-order-input-px)}.dtw-px-\[var\(--panel-balance-group-px\)\]{padding-left:var(--panel-balance-group-px);padding-right:var(--panel-balance-group-px)}.dtw-px-\[var\(--panel-content-px\)\]{padding-left:var(--panel-content-px);padding-right:var(--panel-content-px)}.dtw-px-\[var\(--panel-input-button-px\)\]{padding-left:var(--panel-input-button-px);padding-right:var(--panel-input-button-px)}.dtw-px-\[var\(--panel-input-px\)\]{padding-left:var(--panel-input-px);padding-right:var(--panel-input-px)}.dtw-px-\[var\(--panel-inputs-group-px\)\]{padding-left:var(--panel-inputs-group-px);padding-right:var(--panel-inputs-group-px)}.dtw-px-\[var\(--panel-meta-group-px\)\]{padding-left:var(--panel-meta-group-px);padding-right:var(--panel-meta-group-px)}.dtw-px-\[var\(--panel-tab-group-px\)\]{padding-left:var(--panel-tab-group-px);padding-right:var(--panel-tab-group-px)}.dtw-px-\[var\(--panel-tab-list-px\)\]{padding-left:var(--panel-tab-list-px);padding-right:var(--panel-tab-list-px)}.dtw-px-\[var\(--panel-tab-px\)\]{padding-left:var(--panel-tab-px);padding-right:var(--panel-tab-px)}.dtw-py-1{padding-top:.25rem;padding-bottom:.25rem}.dtw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.dtw-py-2{padding-top:.5rem;padding-bottom:.5rem}.dtw-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.dtw-py-3{padding-top:.75rem;padding-bottom:.75rem}.dtw-py-4{padding-top:1rem;padding-bottom:1rem}.dtw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.dtw-py-\[1px\]{padding-top:1px;padding-bottom:1px}.dtw-py-\[var\(--limit-order-input-py\)\]{padding-top:var(--limit-order-input-py);padding-bottom:var(--limit-order-input-py)}.dtw-py-\[var\(--panel-input-button-py\)\]{padding-top:var(--panel-input-button-py);padding-bottom:var(--panel-input-button-py)}.dtw-py-\[var\(--panel-input-py\)\]{padding-top:var(--panel-input-py);padding-bottom:var(--panel-input-py)}.dtw-py-\[var\(--panel-tab-list-py\)\]{padding-top:var(--panel-tab-list-py);padding-bottom:var(--panel-tab-list-py)}.dtw-py-\[var\(--panel-tab-py\)\]{padding-top:var(--panel-tab-py);padding-bottom:var(--panel-tab-py)}.dtw-pb-\[var\(--panel-content-pb\)\]{padding-bottom:var(--panel-content-pb)}.dtw-pl-4{padding-left:1rem}.dtw-pr-2{padding-right:.5rem}.dtw-pr-3{padding-right:.75rem}.dtw-pt-2{padding-top:.5rem}.dtw-pt-3{padding-top:.75rem}.dtw-pt-\[var\(--panel-content-pt\)\]{padding-top:var(--panel-content-pt)}.dtw-text-left{text-align:left}.dtw-text-center{text-align:center}.dtw-text-right{text-align:right}.dtw-align-middle{vertical-align:middle}.\!dtw-text-\[length\:var\(--limit-order-font-size-lg\)\]{font-size:var(--limit-order-font-size-lg)!important}.dtw-text-\[length\:var\(--limit-order-font-size\)\]{font-size:var(--limit-order-font-size)}.dtw-text-\[length\:var\(--limit-order-font-size-xs\)\]{font-size:var(--limit-order-font-size-xs)}.dtw-text-\[length\:var\(--limit-order-input-font-size\,var\(--limit-order-font-size-sm\)\)\]{font-size:var(--limit-order-input-font-size,var(--limit-order-font-size-sm))}.dtw-text-\[length\:var\(--limit-order-input-label-font-size\,var\(--limit-order-font-size\)\)\]{font-size:var(--limit-order-input-label-font-size,var(--limit-order-font-size))}.dtw-text-\[length\:var\(--panel-balance-font-size\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-balance-font-size,var(--panel-font-size-lg))}.dtw-text-\[length\:var\(--panel-balance-price-font-size\,var\(--panel-font-size\)\)\]{font-size:var(--panel-balance-price-font-size,var(--panel-font-size))}.dtw-text-\[length\:var\(--panel-font-size-sm\)\]{font-size:var(--panel-font-size-sm)}.dtw-text-\[length\:var\(--panel-input-button-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-button-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-input-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-label-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-label-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-token-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-token-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-label-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-label-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-popup-font-size\)\]{font-size:var(--panel-popup-font-size)}.dtw-text-\[length\:var\(--panel-tab-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-tab-font-size,var(--panel-font-size-sm))}.dtw-text-sm{font-size:.875rem;line-height:1.25rem}.dtw-text-xl{font-size:1.25rem;line-height:1.75rem}.dtw-text-xs{font-size:.75rem;line-height:1rem}.dtw-font-\[var\(--limit-order-font-weight-bold\)\]{font-weight:var(--limit-order-font-weight-bold)}.dtw-font-\[var\(--limit-order-input-font-weight\,var\(--limit-order-font-weight-light\)\)\]{font-weight:var(--limit-order-input-font-weight,var(--limit-order-font-weight-light))}.dtw-font-\[var\(--limit-order-input-label-font-weight\,var\(--limit-order-font-weight-light\)\)\]{font-weight:var(--limit-order-input-label-font-weight,var(--limit-order-font-weight-light))}.dtw-font-\[var\(--panel-font-weight-medium\)\]{font-weight:var(--panel-font-weight-medium)}.dtw-font-\[var\(--panel-input-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-label-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-label-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-token-font-weight\,var\(--panel-font-weight-medium\)\)\]{font-weight:var(--panel-input-token-font-weight,var(--panel-font-weight-medium))}.dtw-font-\[var\(--panel-meta-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-meta-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-tab-font-weight\,var\(--panel-font-weight-bold\)\)\]{font-weight:var(--panel-tab-font-weight,var(--panel-font-weight-bold))}.dtw-font-bold{font-weight:700}.dtw-font-light{font-weight:300}.dtw-font-medium{font-weight:500}.dtw-font-semibold{font-weight:600}.\!dtw-leading-\[var\(--panel-input-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-line-height,var(--panel-line-height-sm))!important}.\!dtw-leading-\[var\(--panel-label-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-label-line-height,var(--panel-line-height-xs))!important}.\!dtw-leading-\[var\(--panel-tab-line-height\,var\(--panel-line-height\)\)\]{line-height:var(--panel-tab-line-height,var(--panel-line-height))!important}.dtw-leading-\[var\(--limit-order-input-label-line-height\,var\(--limit-order-line-height\)\)\]{line-height:var(--limit-order-input-label-line-height,var(--limit-order-line-height))}.dtw-leading-\[var\(--limit-order-input-line-height\,var\(--limit-order-line-height-sm\)\)\]{line-height:var(--limit-order-input-line-height,var(--limit-order-line-height-sm))}.dtw-leading-\[var\(--panel-balance-line-height\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-balance-line-height,var(--panel-line-height-lg))}.dtw-leading-\[var\(--panel-balance-price-line-height\,var\(--panel-line-height\)\)\]{line-height:var(--panel-balance-price-line-height,var(--panel-line-height))}.dtw-leading-\[var\(--panel-input-button-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-input-button-line-height,var(--panel-line-height-xs))}.dtw-leading-\[var\(--panel-input-label-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-label-line-height,var(--panel-line-height-sm))}.dtw-leading-\[var\(--panel-label-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-label-line-height,var(--panel-line-height-xs))}.dtw-leading-none{line-height:1}.\!dtw-text-\[color\:var\(--limit-order-action-accent-button-color\,var\(--limit-order-accent-content-color\)\)\]{color:var(--limit-order-action-accent-button-color,var(--limit-order-accent-content-color))!important}.\!dtw-text-\[color\:var\(--limit-order-action-outline-button-color\,var\(--limit-order-content-color\)\)\]{color:var(--limit-order-action-outline-button-color,var(--limit-order-content-color))!important}.\!dtw-text-\[color\:var\(--panel-action-accent-button-color\,var\(--panel-accent-content-color\)\)\]{color:var(--panel-action-accent-button-color,var(--panel-accent-content-color))!important}.\!dtw-text-\[color\:var\(--panel-action-outline-button-color\,var\(--panel-content-color\)\)\]{color:var(--panel-action-outline-button-color,var(--panel-content-color))!important}.\!dtw-text-\[color\:var\(--panel-input-button-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-button-content-color,var(--panel-content-color))!important}.\!dtw-text-\[color\:var\(--panel-meta-link-color\,var\(--panel-content-color\)\)\]{color:var(--panel-meta-link-color,var(--panel-content-color))!important}.\!dtw-text-\[color\:var\(--panel-secondary-content-color\)\]{color:var(--panel-secondary-content-color)!important}.\!dtw-text-\[color\:var\(--panel-switch-color\)\]{color:var(--panel-switch-color)!important}.\!dtw-text-\[color\:var\(--panel-switch-color-checked\)\]{color:var(--panel-switch-color-checked)!important}.\!dtw-text-\[color\:var\(--panel-tab-content-color\,var\(--panel-neutral-content-color\)\)\]{color:var(--panel-tab-content-color,var(--panel-neutral-content-color))!important}.\!dtw-text-\[color\:var\(--panel-tab-select-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-tab-select-content-color,var(--panel-content-color))!important}.dtw-text-\[color\:\#161213\]{--tw-text-opacity: 1;color:rgb(22 18 19 / var(--tw-text-opacity, 1))}.dtw-text-\[color\:var\(--limit-order-content-color\)\]{color:var(--limit-order-content-color)}.dtw-text-\[color\:var\(--limit-order-input-content-color\,var\(--limit-order-secondary-content-color\)\)\]{color:var(--limit-order-input-content-color,var(--limit-order-secondary-content-color))}.dtw-text-\[color\:var\(--limit-order-secondary-content-color\)\]{color:var(--limit-order-secondary-content-color)}.dtw-text-\[color\:var\(--panel-balance-content-color\)\]{color:var(--panel-balance-content-color)}.dtw-text-\[color\:var\(--panel-balance-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-balance-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-balance-price-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-balance-price-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-content-color\)\]{color:var(--panel-content-color)}.dtw-text-\[color\:var\(--panel-error-content-color\)\]{color:var(--panel-error-content-color)}.dtw-text-\[color\:var\(--panel-icon-color\)\]{color:var(--panel-icon-color)}.dtw-text-\[color\:var\(--panel-icon-color\,var\(--panel-content-color\)\)\]{color:var(--panel-icon-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-button-content-color\)\]{color:var(--panel-input-button-content-color)}.dtw-text-\[color\:var\(--panel-input-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-loading-content-color\,var\(--panel-loading-content-color\)\)\]{color:var(--panel-input-loading-content-color,var(--panel-loading-content-color))}.dtw-text-\[color\:var\(--panel-loading-content-color\)\]{color:var(--panel-loading-content-color)}.dtw-text-\[color\:var\(--panel-popup-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-popup-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-secondary-content-color\)\]{color:var(--panel-secondary-content-color)}.dtw-text-\[color\:var\(--panel-tooltip-color\)\]{color:var(--panel-tooltip-color)}.dtw-text-\[color\:var\(--panel-warning-content-color\)\]{color:var(--panel-warning-content-color)}.dtw-text-\[var\(--panel-content-color\)\]{color:var(--panel-content-color)}.dtw-text-error{--tw-text-opacity: 1;color:rgb(221 55 106 / var(--tw-text-opacity, 1))}.dtw-text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.dtw-text-success{--tw-text-opacity: 1;color:rgb(21 254 166 / var(--tw-text-opacity, 1))}.dtw-text-themeGreen{--tw-text-opacity: 1;color:rgb(115 211 147 / var(--tw-text-opacity, 1))}.dtw-text-warning{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dtw-text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dtw-opacity-0{opacity:0}.dtw-opacity-100{opacity:1}.dtw-opacity-50{opacity:.5}.dtw-opacity-80{opacity:.8}.dtw-opacity-\[var\(--panel-action-opacity\)\]{opacity:var(--panel-action-opacity)}.dtw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dtw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dtw-outline-none{outline:2px solid transparent;outline-offset:2px}.dtw-outline-0{outline-width:0px}.dtw-drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));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)}.dtw-backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-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);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)}.dtw-backdrop-brightness-75{--tw-backdrop-brightness: brightness(.75);-webkit-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);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)}.dtw-backdrop-filter{-webkit-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);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)}.dtw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-duration-100{transition-duration:.1s}.dtw-duration-500{transition-duration:.5s}.dtw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtw-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.placeholder\:dtw-text-\[color\:var\(--limit-order-input-placeholder-color\,var\(--limit-order-secondary-content-color\)\)\]::-moz-placeholder{color:var(--limit-order-input-placeholder-color,var(--limit-order-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--limit-order-input-placeholder-color\,var\(--limit-order-secondary-content-color\)\)\]::placeholder{color:var(--limit-order-input-placeholder-color,var(--limit-order-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::-moz-placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.odd\:dtw-bg-\[color\:var\(--panel-popup-list-item-bg-odd\)\]:nth-child(odd){background-color:var(--panel-popup-list-item-bg-odd)}.even\:dtw-bg-\[color\:var\(--panel-popup-list-item-bg-even\)\]:nth-child(2n){background-color:var(--panel-popup-list-item-bg-even)}.even\:odd\:dtw-bg-\[color\:var\(--panel-popup-list-item-bg-even\)\]:nth-child(odd):nth-child(2n){background-color:var(--panel-popup-list-item-bg-even)}.focus-within\:dtw-border-\[var\(--limit-order-input-focus-border-color\)\]:focus-within{border-color:var(--limit-order-input-focus-border-color)}.focus-within\:dtw-border-\[var\(--panel-input-focus-border-color\)\]:focus-within{border-color:var(--panel-input-focus-border-color)}.focus-within\:dtw-bg-\[var\(--limit-order-input-focus-bg\)\]:focus-within{background-color:var(--limit-order-input-focus-bg)}.focus-within\:dtw-bg-\[var\(--panel-input-focus-bg\)\]:focus-within{background-color:var(--panel-input-focus-bg)}.hover\:dtw-border-themeGray-600:hover{--tw-border-opacity: 1;border-color:rgb(157 162 173 / var(--tw-border-opacity, 1))}.hover\:dtw-bg-\[var\(--panel-meta-hover-bg\,var\(--panel-neutral-color\)\)\]:hover{background-color:var(--panel-meta-hover-bg,var(--panel-neutral-color))}.hover\:dtw-text-\[color\:var\(--panel-tab-hover-content-color\,var\(--panel-content-hover-color\)\)\]:hover{color:var(--panel-tab-hover-content-color,var(--panel-content-hover-color))}.hover\:dtw-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:dtw-opacity-80:hover{opacity:.8}.hover\:dtw-opacity-\[var\(--panel-action-hover-opacity\)\]:hover{opacity:var(--panel-action-hover-opacity)}.focus\:dtw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:dtw-border-opacity-100:active{--tw-border-opacity: 1}.hover\:enabled\:dtw-border-\[var\(--limit-order-action-outline-button-border-hover-color\)\]:enabled:hover{border-color:var(--limit-order-action-outline-button-border-hover-color)}.hover\:enabled\:dtw-border-\[var\(--panel-action-outline-button-border-hover-color\)\]:enabled:hover{border-color:var(--panel-action-outline-button-border-hover-color)}.hover\:enabled\:dtw-from-\[var\(--limit-order-action-accent-button-hover-bg-from\,var\(--limit-order-accent-hover-from-color\)\)\]:enabled:hover{--tw-gradient-from: var(--limit-order-action-accent-button-hover-bg-from,var(--limit-order-accent-hover-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:enabled\:dtw-from-\[var\(--panel-action-accent-button-hover-bg-from\,var\(--panel-accent-hover-from-color\)\)\]:enabled:hover{--tw-gradient-from: var(--panel-action-accent-button-hover-bg-from,var(--panel-accent-hover-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:enabled\:dtw-to-\[var\(--limit-order-action-accent-button-hover-bg-to\,var\(--limit-order-accent-hover-to-color\)\)\]:enabled:hover{--tw-gradient-to: var(--limit-order-action-accent-button-hover-bg-to,var(--limit-order-accent-hover-to-color)) var(--tw-gradient-to-position)}.hover\:enabled\:dtw-to-\[var\(--panel-action-accent-button-hover-bg-to\,var\(--panel-accent-hover-to-color\)\)\]:enabled:hover{--tw-gradient-to: var(--panel-action-accent-button-hover-bg-to,var(--panel-accent-hover-to-color)) var(--tw-gradient-to-position)}.disabled\:dtw-opacity-50:disabled{opacity:.5}.dtw-group:hover .group-hover\:dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dtw-group:hover .group-hover\:dtw-opacity-100{opacity:1}.data-\[closed\]\:-dtw-translate-y-2\.5[data-closed]{--tw-translate-y: -.625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:dtw-translate-x-1\/2[data-closed]{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:dtw-scale-75[data-closed]{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:dtw-opacity-0[data-closed]{opacity:0}.dtw-group[data-checked] .group-data-\[checked\]\:dtw-opacity-100{opacity:1}@media (min-width: 640px){.sm\:\!dtw-h-10{height:2.5rem!important}.sm\:\!dtw-h-4{height:1rem!important}.sm\:\!dtw-h-5{height:1.25rem!important}.sm\:\!dtw-h-6{height:1.5rem!important}.sm\:\!dtw-h-8{height:2rem!important}.sm\:dtw-h-\[var\(--panel-icon-secondary-size-sm\)\]{height:var(--panel-icon-secondary-size-sm)}.sm\:dtw-h-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{height:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:\!dtw-w-10{width:2.5rem!important}.sm\:\!dtw-w-4{width:1rem!important}.sm\:\!dtw-w-5{width:1.25rem!important}.sm\:\!dtw-w-6{width:1.5rem!important}.sm\:\!dtw-w-8{width:2rem!important}.sm\:dtw-w-\[var\(--panel-icon-secondary-size-sm\)\]{width:var(--panel-icon-secondary-size-sm)}.sm\:dtw-w-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{width:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:dtw-text-\[length\:var\(--panel-input-token-font-size-sm\,var\(--panel-font-size\)\)\]{font-size:var(--panel-input-token-font-size-sm,var(--panel-font-size))}.sm\:dtw-leading-\[var\(--panel-input-token-line-height-sm\,var\(--panel-line-height\)\)\]{line-height:var(--panel-input-token-line-height-sm,var(--panel-line-height))}.sm\:dtw-opacity-50{opacity:.5}.sm\:dtw-opacity-80{opacity:.8}}@media (min-width: 768px){.md\:dtw-hidden{display:none}}@media (min-width: 1024px){.lg\:dtw-text-\[length\:var\(--limit-order-input-font-size-lg\,var\(--limit-order-font-size-lg\)\)\]{font-size:var(--limit-order-input-font-size-lg,var(--limit-order-font-size-lg))}.lg\:dtw-text-\[length\:var\(--panel-input-font-size-lg\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-input-font-size-lg,var(--panel-font-size-lg))}.lg\:dtw-leading-\[var\(--limit-order-input-line-height-lg\,var\(--limit-order-line-height-lg\)\)\]{line-height:var(--limit-order-input-line-height-lg,var(--limit-order-line-height-lg))}.lg\:dtw-leading-\[var\(--panel-input-line-height-lg\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-input-line-height-lg,var(--panel-line-height-lg))}}
1
+ html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-tap-highlight-color:transparent}.trading-widget *,.trading-widget :before,.trading-widget :after,.limit-order *,.limit-order :before,.limit-order :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.trading-widget :before,.trading-widget :after,.limit-order :before,.limit-order :after{--tw-content: ""}.trading-widget hr,.limit-order hr{height:0;color:inherit;border-top-width:1px}.trading-widget abbr:where([title]),.limit-order abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.trading-widget h1,.trading-widget h2,.trading-widget h3,.trading-widget h4,.trading-widget h5,.trading-widget h6,.limit-order h1,.limit-order h2,.limit-order h3,.limit-order h4,.limit-order h5,.limit-order h6{font-size:inherit;font-weight:inherit}.trading-widget a,.limit-order a{text-decoration:inherit}.trading-widget b,.trading-widget strong,.limit-order b,.limit-order strong{font-weight:bolder}.trading-widget code,.trading-widget kbd,.trading-widget samp,.trading-widget pre,.limit-order code,.limit-order kbd,.limit-order samp,.limit-order pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.trading-widget small,.limit-order small{font-size:80%}.trading-widget sub,.trading-widget sup,.limit-order sub,.limit-order sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.trading-widget sub,.limit-order sub{bottom:-.25em}.trading-widget sup,.limit-order sup{top:-.5em}.trading-widget table,.limit-order table{text-indent:0;border-color:inherit;border-collapse:collapse}.trading-widget button,.trading-widget input,.trading-widget optgroup,.trading-widget select,.trading-widget textarea,.limit-order button,.limit-order input,.limit-order optgroup,.limit-order select,.limit-order textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;line-height:inherit;color:inherit}.trading-widget button,.trading-widget select,.limit-order button,.limit-order select{text-transform:none}.trading-widget button:not([role=switch]),.trading-widget [type=button]:not([role=switch]),.trading-widget [type=reset],.trading-widget [type=submit],.limit-order button:not([role=switch]),.limit-order [type=button]:not([role=switch]),.limit-order [type=reset],.limit-order [type=submit]{-webkit-appearance:button;background-color:transparent}.trading-widget :-moz-focusring,.limit-order :-moz-focusring{outline:auto}.trading-widget :-moz-ui-invalid,.limit-order :-moz-ui-invalid{box-shadow:none}.trading-widget progress,.limit-order progress{vertical-align:baseline}.trading-widget ::-webkit-inner-spin-button,.trading-widget ::-webkit-outer-spin-button,.limit-order ::-webkit-inner-spin-button,.limit-order ::-webkit-outer-spin-button{height:auto}.trading-widget [type=search],.limit-order [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.trading-widget ::-webkit-search-decoration,.limit-order ::-webkit-search-decoration{-webkit-appearance:none}.trading-widget ::-webkit-file-upload-button,.limit-order ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.trading-widget summary,.limit-order summary{display:list-item}.trading-widget blockquote,.trading-widget dl,.trading-widget dd,.trading-widget h1,.trading-widget h2,.trading-widget h3,.trading-widget h4,.trading-widget h5,.trading-widget h6,.trading-widget hr,.trading-widget figure,.trading-widget p,.trading-widget pre,.limit-order blockquote,.limit-order dl,.limit-order dd,.limit-order h1,.limit-order h2,.limit-order h3,.limit-order h4,.limit-order h5,.limit-order h6,.limit-order hr,.limit-order figure,.limit-order p,.limit-order pre{margin:0}.trading-widget fieldset,.limit-order fieldset{margin:0;padding:0}.trading-widget legend,.limit-order legend{padding:0}.trading-widget ol,.trading-widget ul,.trading-widget menu,.limit-order ol,.limit-order ul,.limit-order menu{list-style:none;margin:0;padding:0}.trading-widget dialog,.limit-order dialog{padding:0}.trading-widget textarea,.limit-order textarea{resize:vertical}.trading-widget input::-moz-placeholder,.trading-widget textarea::-moz-placeholder,.limit-order input::-moz-placeholder,.limit-order textarea::-moz-placeholder{opacity:1;color:#9ca3af}.trading-widget input::placeholder,.trading-widget textarea::placeholder,.limit-order input::placeholder,.limit-order textarea::placeholder{opacity:1;color:#9ca3af}.trading-widget button,.trading-widget [role=button],.limit-order button,.limit-order [role=button]{cursor:pointer}.trading-widget :disabled,.limit-order :disabled{cursor:default}.trading-widget img,.trading-widget svg,.trading-widget video,.trading-widget canvas,.trading-widget audio,.trading-widget iframe,.trading-widget embed,.trading-widget object,.limit-order img,.limit-order svg,.limit-order video,.limit-order canvas,.limit-order audio,.limit-order iframe,.limit-order embed,.limit-order object{display:block;vertical-align:middle}.trading-widget img,.trading-widget video,.limit-order img,.limit-order video{max-width:100%;height:auto}.trading-widget [hidden],.limit-order [hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.theme-scrollbar::-webkit-scrollbar{width:.25rem;background-color:transparent}.theme-scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--panel-scrollbar-color, var(--limit-order-scrollbar-color))}.transparent-scrollbar::-webkit-scrollbar{height:0px;width:0px;background-color:transparent}.tooltip-container[data-popper-interactive=false],.dtw-pointer-events-none{pointer-events:none}.dtw-static{position:static}.dtw-fixed{position:fixed}.dtw-absolute{position:absolute}.dtw-relative{position:relative}.dtw-sticky{position:sticky}.dtw-inset-0{top:0;right:0;bottom:0;left:0}.dtw-inset-x-0{left:0;right:0}.dtw-bottom-0{bottom:0}.dtw-left-0{left:0}.dtw-right-0{right:0}.dtw-right-5{right:1.25rem}.dtw-top-0{top:0}.dtw-top-14{top:3.5rem}.dtw-top-5{top:1.25rem}.dtw-z-0{z-index:0}.dtw-z-10{z-index:10}.dtw-z-20{z-index:20}.dtw-z-50{z-index:50}.dtw-m-auto{margin:auto}.dtw-my-1{margin-top:.25rem;margin-bottom:.25rem}.dtw--ml-2{margin-left:-.5rem}.dtw-mb-1{margin-bottom:.25rem}.dtw-mb-2{margin-bottom:.5rem}.dtw-mb-4{margin-bottom:1rem}.dtw-mb-6{margin-bottom:1.5rem}.dtw-mb-8{margin-bottom:2rem}.dtw-ml-auto{margin-left:auto}.dtw-mr-1{margin-right:.25rem}.dtw-mt-0\.5{margin-top:.125rem}.dtw-mt-1{margin-top:.25rem}.dtw-mt-1\.5{margin-top:.375rem}.dtw-mt-3{margin-top:.75rem}.dtw-mt-4{margin-top:1rem}.dtw-mt-6{margin-top:1.5rem}.dtw-block{display:block}.dtw-inline-block{display:inline-block}.\!dtw-inline{display:inline!important}.dtw-flex{display:flex}.dtw-inline-flex{display:inline-flex}.dtw-grid{display:grid}.dtw-hidden{display:none}.dtw-size-\[var\(--panel-checkbox-icon-size\)\]{width:var(--panel-checkbox-icon-size);height:var(--panel-checkbox-icon-size)}.dtw-size-\[var\(--panel-checkbox-size\)\]{width:var(--panel-checkbox-size);height:var(--panel-checkbox-size)}.\!dtw-h-3{height:.75rem!important}.\!dtw-h-4{height:1rem!important}.\!dtw-h-5{height:1.25rem!important}.\!dtw-h-7{height:1.75rem!important}.\!dtw-h-9{height:2.25rem!important}.\!dtw-h-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{height:var(--panel-input-token-icon-size,var(--panel-icon-size))!important}.dtw-h-10{height:2.5rem}.dtw-h-4{height:1rem}.dtw-h-5{height:1.25rem}.dtw-h-6{height:1.5rem}.dtw-h-7{height:1.75rem}.dtw-h-\[18px\]{height:18px}.dtw-h-\[80px\]{height:80px}.dtw-h-\[var\(--panel-icon-secondary-size\)\]{height:var(--panel-icon-secondary-size)}.dtw-h-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{height:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-h-full{height:100%}.dtw-max-h-16{max-height:4rem}.dtw-max-h-28{max-height:7rem}.dtw-max-h-\[120px\]{max-height:120px}.dtw-min-h-1{min-height:.25rem}.\!dtw-w-3{width:.75rem!important}.\!dtw-w-4{width:1rem!important}.\!dtw-w-5{width:1.25rem!important}.\!dtw-w-7{width:1.75rem!important}.\!dtw-w-9{width:2.25rem!important}.\!dtw-w-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{width:var(--panel-input-token-icon-size,var(--panel-icon-size))!important}.dtw-w-10{width:2.5rem}.dtw-w-11{width:2.75rem}.dtw-w-14{width:3.5rem}.dtw-w-3{width:.75rem}.dtw-w-4{width:1rem}.dtw-w-5{width:1.25rem}.dtw-w-6{width:1.5rem}.dtw-w-7{width:1.75rem}.dtw-w-\[100px\]{width:100px}.dtw-w-\[18px\]{width:18px}.dtw-w-\[1px\]{width:1px}.dtw-w-\[60px\]{width:60px}.dtw-w-\[70px\]{width:70px}.dtw-w-\[var\(--panel-icon-secondary-size\)\]{width:var(--panel-icon-secondary-size)}.dtw-w-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{width:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-w-fit{width:-moz-fit-content;width:fit-content}.dtw-w-full{width:100%}.dtw-w-screen{width:100vw}.dtw-min-w-full{min-width:100%}.dtw-max-w-\[430px\]{max-width:430px}.dtw-max-w-xs{max-width:20rem}.dtw-flex-1{flex:1 1 0%}.dtw-flex-shrink-0,.dtw-shrink-0{flex-shrink:0}.dtw-grow{flex-grow:1}.dtw-border-separate{border-collapse:separate}.dtw-translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes dtw-spin{to{transform:rotate(360deg)}}.dtw-animate-spin{animation:dtw-spin 1s linear infinite}.dtw-cursor-help{cursor:help}.dtw-cursor-pointer{cursor:pointer}.dtw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dtw-list-inside{list-style-position:inside}.dtw-list-decimal{list-style-type:decimal}.dtw-list-disc{list-style-type:disc}.dtw-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dtw-auto-rows-min{grid-auto-rows:min-content}.dtw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.dtw-grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.dtw-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.dtw-flex-col{flex-direction:column}.dtw-flex-wrap{flex-wrap:wrap}.dtw-items-start{align-items:flex-start}.dtw-items-end{align-items:flex-end}.dtw-items-center{align-items:center}.dtw-items-stretch{align-items:stretch}.dtw-justify-end{justify-content:flex-end}.dtw-justify-center{justify-content:center}.dtw-justify-between{justify-content:space-between}.dtw-gap-0\.5{gap:.125rem}.dtw-gap-1{gap:.25rem}.dtw-gap-1\.5{gap:.375rem}.dtw-gap-2{gap:.5rem}.dtw-gap-4{gap:1rem}.dtw-gap-\[var\(--limit-order-input-group-gap\,var\(--limit-order-gap\)\)\]{gap:var(--limit-order-input-group-gap,var(--limit-order-gap))}.dtw-gap-\[var\(--panel-balance-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-balance-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-content-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-content-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-gap\)\]{gap:var(--panel-gap)}.dtw-gap-\[var\(--panel-input-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-input-price-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-price-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-inputs-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-inputs-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-meta-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-meta-group-gap,var(--panel-gap))}.dtw-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dtw-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dtw-gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.dtw-gap-y-0\.5{row-gap:.125rem}.dtw-gap-y-1{row-gap:.25rem}.dtw-gap-y-2\.5{row-gap:.625rem}.dtw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.dtw-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.dtw-self-start{align-self:flex-start}.dtw-self-end{align-self:flex-end}.\!dtw-self-center{align-self:center!important}.dtw-self-center{align-self:center}.dtw-overflow-hidden{overflow:hidden}.dtw-overflow-visible{overflow:visible}.dtw-overflow-x-auto{overflow-x:auto}.dtw-overflow-y-auto{overflow-y:auto}.dtw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtw-whitespace-normal{white-space:normal}.dtw-whitespace-nowrap{white-space:nowrap}.dtw-text-pretty{text-wrap:pretty}.dtw-break-all{word-break:break-all}.dtw-rounded-2xl{border-radius:1rem}.dtw-rounded-\[var\(--limit-order-input-button-radius\,var\(--limit-order-radius\)\)\]{border-radius:var(--limit-order-input-button-radius,var(--limit-order-radius))}.dtw-rounded-\[var\(--limit-order-input-radius\,var\(--limit-order-radius\)\)\]{border-radius:var(--limit-order-input-radius,var(--limit-order-radius))}.dtw-rounded-\[var\(--limit-order-radius\)\]{border-radius:var(--limit-order-radius)}.dtw-rounded-\[var\(--limit-order-switch-panel-radius\,var\(--limit-order-radius\)\)\]{border-radius:var(--limit-order-switch-panel-radius,var(--limit-order-radius))}.dtw-rounded-\[var\(--panel-checkbox-radius\)\]{border-radius:var(--panel-checkbox-radius)}.dtw-rounded-\[var\(--panel-input-button-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-button-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-input-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-radius\)\]{border-radius:var(--panel-radius)}.dtw-rounded-\[var\(--panel-radius-secondary\)\]{border-radius:var(--panel-radius-secondary)}.dtw-rounded-\[var\(--panel-radius-secondary\,var\(--panel-radius\)\)\]{border-radius:var(--panel-radius-secondary,var(--panel-radius))}.dtw-rounded-\[var\(--panel-tab-list-radius\)\]{border-radius:var(--panel-tab-list-radius)}.dtw-rounded-full{border-radius:9999px}.dtw-rounded-lg{border-radius:.5rem}.dtw-rounded-md{border-radius:.375rem}.dtw-rounded-xl{border-radius:.75rem}.dtw-rounded-l-\[var\(--panel-radius\)\]{border-top-left-radius:var(--panel-radius);border-bottom-left-radius:var(--panel-radius)}.dtw-border{border-width:1px}.dtw-border-0{border-width:0px}.dtw-border-\[length\:var\(--limit-order-action-accent-button-border-width\)\]{border-width:var(--limit-order-action-accent-button-border-width)}.dtw-border-\[length\:var\(--panel-action-accent-button-border-width\)\]{border-width:var(--panel-action-accent-button-border-width)}.dtw-border-\[color\:var\(--limit-order-action-accent-button-border-color\)\]{border-color:var(--limit-order-action-accent-button-border-color)}.dtw-border-\[color\:var\(--panel-action-accent-button-border-color\)\]{border-color:var(--panel-action-accent-button-border-color)}.dtw-border-\[color\:var\(--panel-checkbox-border-color\)\]{border-color:var(--panel-checkbox-border-color)}.dtw-border-\[color\:var\(--panel-checkbox-border-color-checked\)\]{border-color:var(--panel-checkbox-border-color-checked)}.dtw-border-\[color\:var\(--panel-error-content-color\)\]{border-color:var(--panel-error-content-color)}.dtw-border-\[color\:var\(--panel-warning-content-color\)\]{border-color:var(--panel-warning-content-color)}.dtw-border-\[var\(--limit-order-action-outline-button-border-color\,var\(--limit-order-border-color\)\)\]{border-color:var(--limit-order-action-outline-button-border-color,var(--limit-order-border-color))}.dtw-border-\[var\(--limit-order-input-border-color\)\]{border-color:var(--limit-order-input-border-color)}.dtw-border-\[var\(--limit-order-switch-panel-border-color\)\]{border-color:var(--limit-order-switch-panel-border-color)}.dtw-border-\[var\(--panel-action-outline-button-border-color\,var\(--panel-border-color\)\)\]{border-color:var(--panel-action-outline-button-border-color,var(--panel-border-color))}.dtw-border-\[var\(--panel-input-border-color\)\]{border-color:var(--panel-input-border-color)}.dtw-border-\[var\(--panel-input-button-border-color\,var\(--panel-accent-to-color\)\)\]{border-color:var(--panel-input-button-border-color,var(--panel-accent-to-color))}.\!dtw-bg-\[color\:var\(--panel-switch-bg\)\]{background-color:var(--panel-switch-bg)!important}.\!dtw-bg-\[color\:var\(--panel-switch-bg-checked\)\]{background-color:var(--panel-switch-bg-checked)!important}.\!dtw-bg-\[color\:var\(--panel-switch-thumb-bg\)\]{background-color:var(--panel-switch-thumb-bg)!important}.\!dtw-bg-\[color\:var\(--panel-switch-thumb-bg-checked\)\]{background-color:var(--panel-switch-thumb-bg-checked)!important}.\!dtw-bg-\[var\(--panel-input-button-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-input-button-bg,var(--panel-secondary-color))!important}.dtw-bg-\[color\:var\(--limit-order-secondary-color\)\]{background-color:var(--limit-order-secondary-color)}.dtw-bg-\[color\:var\(--panel-checkbox-bg\)\]{background-color:var(--panel-checkbox-bg)}.dtw-bg-\[color\:var\(--panel-checkbox-bg-checked\)\]{background-color:var(--panel-checkbox-bg-checked)}.dtw-bg-\[color\:var\(--panel-popup-list-header-bg\)\]{background-color:var(--panel-popup-list-header-bg)}.dtw-bg-\[color\:var\(--panel-secondary-content-color\)\]{background-color:var(--panel-secondary-content-color)}.dtw-bg-\[color\:var\(--panel-switch-bg\)\]{background-color:var(--panel-switch-bg)}.dtw-bg-\[color\:var\(--panel-switch-bg-checked\)\]{background-color:var(--panel-switch-bg-checked)}.dtw-bg-\[color\:var\(--panel-tooltip-bg\)\]{background-color:var(--panel-tooltip-bg)}.dtw-bg-\[var\(--limit-order-background-color\)\]{background-color:var(--limit-order-background-color)}.dtw-bg-\[var\(--limit-order-input-bg\,var\(--limit-order-neutral-color\)\)\]{background-color:var(--limit-order-input-bg,var(--limit-order-neutral-color))}.dtw-bg-\[var\(--panel-background-color\)\]{background-color:var(--panel-background-color)}.dtw-bg-\[var\(--panel-input-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-input-bg,var(--panel-neutral-color))}.dtw-bg-\[var\(--panel-notification-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-notification-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-popup-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-popup-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-tab-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-tab-bg,var(--panel-neutral-color))}.dtw-bg-\[var\(--panel-tab-list-bg\)\]{background-color:var(--panel-tab-list-bg)}.dtw-bg-error\/30{background-color:#dd376a4d}.dtw-bg-transparent{background-color:transparent}.dtw-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.dtw-from-\[var\(--limit-order-action-accent-button-bg-from\,var\(--limit-order-accent-from-color\)\)\]{--tw-gradient-from: var(--limit-order-action-accent-button-bg-from,var(--limit-order-accent-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dtw-from-\[var\(--panel-action-accent-button-bg-from\,var\(--panel-accent-from-color\)\)\]{--tw-gradient-from: var(--panel-action-accent-button-bg-from,var(--panel-accent-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dtw-to-\[var\(--limit-order-action-accent-button-bg-to\,var\(--limit-order-accent-to-color\)\)\]{--tw-gradient-to: var(--limit-order-action-accent-button-bg-to,var(--limit-order-accent-to-color)) var(--tw-gradient-to-position)}.dtw-to-\[var\(--panel-action-accent-button-bg-to\,var\(--panel-accent-to-color\)\)\]{--tw-gradient-to: var(--panel-action-accent-button-bg-to,var(--panel-accent-to-color)) var(--tw-gradient-to-position)}.dtw-bg-clip-text{-webkit-background-clip:text;background-clip:text}.dtw-fill-\[color\:var\(--panel-checkbox-color\)\]{fill:var(--panel-checkbox-color)}.dtw-stroke-\[color\:var\(--panel-accent-content-color\)\]{stroke:var(--panel-accent-content-color)}.dtw-stroke-\[color\:var\(--panel-accent-from-color\)\]{stroke:var(--panel-accent-from-color)}.dtw-stroke-\[var\(--limit-order-accent-content-color\)\]{stroke:var(--limit-order-accent-content-color)}.dtw-object-contain{-o-object-fit:contain;object-fit:contain}.dtw-p-0{padding:0}.dtw-p-0\.5{padding:.125rem}.dtw-p-1{padding:.25rem}.dtw-p-2{padding:.5rem}.dtw-p-3{padding:.75rem}.dtw-p-4{padding:1rem}.\!dtw-px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!dtw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.dtw-px-1\.5{padding-left:.375rem;padding-right:.375rem}.dtw-px-2{padding-left:.5rem;padding-right:.5rem}.dtw-px-3{padding-left:.75rem;padding-right:.75rem}.dtw-px-5{padding-left:1.25rem;padding-right:1.25rem}.dtw-px-6{padding-left:1.5rem;padding-right:1.5rem}.dtw-px-\[var\(--limit-order-group-px\)\]{padding-left:var(--limit-order-group-px);padding-right:var(--limit-order-group-px)}.dtw-px-\[var\(--limit-order-input-px\)\]{padding-left:var(--limit-order-input-px);padding-right:var(--limit-order-input-px)}.dtw-px-\[var\(--panel-balance-group-px\)\]{padding-left:var(--panel-balance-group-px);padding-right:var(--panel-balance-group-px)}.dtw-px-\[var\(--panel-content-px\)\]{padding-left:var(--panel-content-px);padding-right:var(--panel-content-px)}.dtw-px-\[var\(--panel-input-button-px\)\]{padding-left:var(--panel-input-button-px);padding-right:var(--panel-input-button-px)}.dtw-px-\[var\(--panel-input-px\)\]{padding-left:var(--panel-input-px);padding-right:var(--panel-input-px)}.dtw-px-\[var\(--panel-inputs-group-px\)\]{padding-left:var(--panel-inputs-group-px);padding-right:var(--panel-inputs-group-px)}.dtw-px-\[var\(--panel-meta-group-px\)\]{padding-left:var(--panel-meta-group-px);padding-right:var(--panel-meta-group-px)}.dtw-px-\[var\(--panel-tab-group-px\)\]{padding-left:var(--panel-tab-group-px);padding-right:var(--panel-tab-group-px)}.dtw-px-\[var\(--panel-tab-list-px\)\]{padding-left:var(--panel-tab-list-px);padding-right:var(--panel-tab-list-px)}.dtw-px-\[var\(--panel-tab-px\)\]{padding-left:var(--panel-tab-px);padding-right:var(--panel-tab-px)}.dtw-py-1{padding-top:.25rem;padding-bottom:.25rem}.dtw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.dtw-py-2{padding-top:.5rem;padding-bottom:.5rem}.dtw-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.dtw-py-3{padding-top:.75rem;padding-bottom:.75rem}.dtw-py-4{padding-top:1rem;padding-bottom:1rem}.dtw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.dtw-py-\[1px\]{padding-top:1px;padding-bottom:1px}.dtw-py-\[var\(--limit-order-input-py\)\]{padding-top:var(--limit-order-input-py);padding-bottom:var(--limit-order-input-py)}.dtw-py-\[var\(--panel-input-button-py\)\]{padding-top:var(--panel-input-button-py);padding-bottom:var(--panel-input-button-py)}.dtw-py-\[var\(--panel-input-py\)\]{padding-top:var(--panel-input-py);padding-bottom:var(--panel-input-py)}.dtw-py-\[var\(--panel-tab-list-py\)\]{padding-top:var(--panel-tab-list-py);padding-bottom:var(--panel-tab-list-py)}.dtw-py-\[var\(--panel-tab-py\)\]{padding-top:var(--panel-tab-py);padding-bottom:var(--panel-tab-py)}.dtw-pb-\[var\(--panel-content-pb\)\]{padding-bottom:var(--panel-content-pb)}.dtw-pl-4{padding-left:1rem}.dtw-pr-2{padding-right:.5rem}.dtw-pr-3{padding-right:.75rem}.dtw-pt-2{padding-top:.5rem}.dtw-pt-3{padding-top:.75rem}.dtw-pt-\[var\(--panel-content-pt\)\]{padding-top:var(--panel-content-pt)}.dtw-text-left{text-align:left}.dtw-text-center{text-align:center}.dtw-text-right{text-align:right}.dtw-align-middle{vertical-align:middle}.\!dtw-text-\[length\:var\(--limit-order-font-size-lg\)\]{font-size:var(--limit-order-font-size-lg)!important}.dtw-text-\[length\:var\(--limit-order-font-size\)\]{font-size:var(--limit-order-font-size)}.dtw-text-\[length\:var\(--limit-order-font-size-xs\)\]{font-size:var(--limit-order-font-size-xs)}.dtw-text-\[length\:var\(--limit-order-input-font-size\,var\(--limit-order-font-size-sm\)\)\]{font-size:var(--limit-order-input-font-size,var(--limit-order-font-size-sm))}.dtw-text-\[length\:var\(--limit-order-input-label-font-size\,var\(--limit-order-font-size\)\)\]{font-size:var(--limit-order-input-label-font-size,var(--limit-order-font-size))}.dtw-text-\[length\:var\(--limit-order-input-suffix-font-size\,var\(--limit-order-font-size-sm\)\)\]{font-size:var(--limit-order-input-suffix-font-size,var(--limit-order-font-size-sm))}.dtw-text-\[length\:var\(--panel-balance-font-size\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-balance-font-size,var(--panel-font-size-lg))}.dtw-text-\[length\:var\(--panel-balance-price-font-size\,var\(--panel-font-size\)\)\]{font-size:var(--panel-balance-price-font-size,var(--panel-font-size))}.dtw-text-\[length\:var\(--panel-font-size-sm\)\]{font-size:var(--panel-font-size-sm)}.dtw-text-\[length\:var\(--panel-input-button-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-button-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-input-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-label-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-label-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-token-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-token-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-label-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-label-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-popup-font-size\)\]{font-size:var(--panel-popup-font-size)}.dtw-text-\[length\:var\(--panel-tab-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-tab-font-size,var(--panel-font-size-sm))}.dtw-text-sm{font-size:.875rem;line-height:1.25rem}.dtw-text-xl{font-size:1.25rem;line-height:1.75rem}.dtw-text-xs{font-size:.75rem;line-height:1rem}.dtw-font-\[var\(--limit-order-font-weight-bold\)\]{font-weight:var(--limit-order-font-weight-bold)}.dtw-font-\[var\(--limit-order-input-font-weight\,var\(--limit-order-font-weight-light\)\)\]{font-weight:var(--limit-order-input-font-weight,var(--limit-order-font-weight-light))}.dtw-font-\[var\(--limit-order-input-label-font-weight\,var\(--limit-order-font-weight-light\)\)\]{font-weight:var(--limit-order-input-label-font-weight,var(--limit-order-font-weight-light))}.dtw-font-\[var\(--panel-font-weight-medium\)\]{font-weight:var(--panel-font-weight-medium)}.dtw-font-\[var\(--panel-input-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-label-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-label-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-token-font-weight\,var\(--panel-font-weight-medium\)\)\]{font-weight:var(--panel-input-token-font-weight,var(--panel-font-weight-medium))}.dtw-font-\[var\(--panel-meta-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-meta-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-tab-font-weight\,var\(--panel-font-weight-bold\)\)\]{font-weight:var(--panel-tab-font-weight,var(--panel-font-weight-bold))}.dtw-font-bold{font-weight:700}.dtw-font-light{font-weight:300}.dtw-font-medium{font-weight:500}.dtw-font-semibold{font-weight:600}.\!dtw-leading-\[var\(--panel-input-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-line-height,var(--panel-line-height-sm))!important}.\!dtw-leading-\[var\(--panel-label-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-label-line-height,var(--panel-line-height-xs))!important}.\!dtw-leading-\[var\(--panel-tab-line-height\,var\(--panel-line-height\)\)\]{line-height:var(--panel-tab-line-height,var(--panel-line-height))!important}.dtw-leading-\[var\(--limit-order-input-label-line-height\,var\(--limit-order-line-height\)\)\]{line-height:var(--limit-order-input-label-line-height,var(--limit-order-line-height))}.dtw-leading-\[var\(--limit-order-input-line-height\,var\(--limit-order-line-height-sm\)\)\]{line-height:var(--limit-order-input-line-height,var(--limit-order-line-height-sm))}.dtw-leading-\[var\(--panel-balance-line-height\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-balance-line-height,var(--panel-line-height-lg))}.dtw-leading-\[var\(--panel-balance-price-line-height\,var\(--panel-line-height\)\)\]{line-height:var(--panel-balance-price-line-height,var(--panel-line-height))}.dtw-leading-\[var\(--panel-input-button-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-input-button-line-height,var(--panel-line-height-xs))}.dtw-leading-\[var\(--panel-input-label-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-label-line-height,var(--panel-line-height-sm))}.dtw-leading-\[var\(--panel-label-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-label-line-height,var(--panel-line-height-xs))}.dtw-leading-none{line-height:1}.\!dtw-text-\[color\:var\(--limit-order-action-accent-button-color\,var\(--limit-order-accent-content-color\)\)\]{color:var(--limit-order-action-accent-button-color,var(--limit-order-accent-content-color))!important}.\!dtw-text-\[color\:var\(--limit-order-action-outline-button-color\,var\(--limit-order-content-color\)\)\]{color:var(--limit-order-action-outline-button-color,var(--limit-order-content-color))!important}.\!dtw-text-\[color\:var\(--panel-action-accent-button-color\,var\(--panel-accent-content-color\)\)\]{color:var(--panel-action-accent-button-color,var(--panel-accent-content-color))!important}.\!dtw-text-\[color\:var\(--panel-action-outline-button-color\,var\(--panel-content-color\)\)\]{color:var(--panel-action-outline-button-color,var(--panel-content-color))!important}.\!dtw-text-\[color\:var\(--panel-input-button-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-button-content-color,var(--panel-content-color))!important}.\!dtw-text-\[color\:var\(--panel-meta-link-color\,var\(--panel-content-color\)\)\]{color:var(--panel-meta-link-color,var(--panel-content-color))!important}.\!dtw-text-\[color\:var\(--panel-secondary-content-color\)\]{color:var(--panel-secondary-content-color)!important}.\!dtw-text-\[color\:var\(--panel-switch-color\)\]{color:var(--panel-switch-color)!important}.\!dtw-text-\[color\:var\(--panel-switch-color-checked\)\]{color:var(--panel-switch-color-checked)!important}.\!dtw-text-\[color\:var\(--panel-tab-content-color\,var\(--panel-neutral-content-color\)\)\]{color:var(--panel-tab-content-color,var(--panel-neutral-content-color))!important}.\!dtw-text-\[color\:var\(--panel-tab-select-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-tab-select-content-color,var(--panel-content-color))!important}.dtw-text-\[color\:\#161213\]{--tw-text-opacity: 1;color:rgb(22 18 19 / var(--tw-text-opacity, 1))}.dtw-text-\[color\:var\(--limit-order-content-color\)\]{color:var(--limit-order-content-color)}.dtw-text-\[color\:var\(--limit-order-input-content-color\,var\(--limit-order-secondary-content-color\)\)\]{color:var(--limit-order-input-content-color,var(--limit-order-secondary-content-color))}.dtw-text-\[color\:var\(--limit-order-primary-content-color\)\]{color:var(--limit-order-primary-content-color)}.dtw-text-\[color\:var\(--limit-order-secondary-content-color\)\]{color:var(--limit-order-secondary-content-color)}.dtw-text-\[color\:var\(--panel-balance-content-color\)\]{color:var(--panel-balance-content-color)}.dtw-text-\[color\:var\(--panel-balance-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-balance-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-balance-price-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-balance-price-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-content-color\)\]{color:var(--panel-content-color)}.dtw-text-\[color\:var\(--panel-error-content-color\)\]{color:var(--panel-error-content-color)}.dtw-text-\[color\:var\(--panel-icon-color\)\]{color:var(--panel-icon-color)}.dtw-text-\[color\:var\(--panel-icon-color\,var\(--panel-content-color\)\)\]{color:var(--panel-icon-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-button-content-color\)\]{color:var(--panel-input-button-content-color)}.dtw-text-\[color\:var\(--panel-input-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-loading-content-color\,var\(--panel-loading-content-color\)\)\]{color:var(--panel-input-loading-content-color,var(--panel-loading-content-color))}.dtw-text-\[color\:var\(--panel-loading-content-color\)\]{color:var(--panel-loading-content-color)}.dtw-text-\[color\:var\(--panel-popup-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-popup-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-secondary-content-color\)\]{color:var(--panel-secondary-content-color)}.dtw-text-\[color\:var\(--panel-tooltip-color\)\]{color:var(--panel-tooltip-color)}.dtw-text-\[color\:var\(--panel-warning-content-color\)\]{color:var(--panel-warning-content-color)}.dtw-text-\[var\(--panel-content-color\)\]{color:var(--panel-content-color)}.dtw-text-error{--tw-text-opacity: 1;color:rgb(221 55 106 / var(--tw-text-opacity, 1))}.dtw-text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.dtw-text-success{--tw-text-opacity: 1;color:rgb(21 254 166 / var(--tw-text-opacity, 1))}.dtw-text-themeGreen{--tw-text-opacity: 1;color:rgb(115 211 147 / var(--tw-text-opacity, 1))}.dtw-text-warning{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dtw-text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dtw-opacity-0{opacity:0}.dtw-opacity-100{opacity:1}.dtw-opacity-50{opacity:.5}.dtw-opacity-80{opacity:.8}.dtw-opacity-\[var\(--panel-action-opacity\)\]{opacity:var(--panel-action-opacity)}.dtw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dtw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dtw-outline-none{outline:2px solid transparent;outline-offset:2px}.dtw-outline-0{outline-width:0px}.dtw-drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));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)}.dtw-backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-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);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)}.dtw-backdrop-brightness-75{--tw-backdrop-brightness: brightness(.75);-webkit-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);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)}.dtw-backdrop-filter{-webkit-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);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)}.dtw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-duration-100{transition-duration:.1s}.dtw-duration-500{transition-duration:.5s}.dtw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtw-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.placeholder\:dtw-text-\[color\:var\(--limit-order-input-placeholder-color\,var\(--limit-order-secondary-content-color\)\)\]::-moz-placeholder{color:var(--limit-order-input-placeholder-color,var(--limit-order-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--limit-order-input-placeholder-color\,var\(--limit-order-secondary-content-color\)\)\]::placeholder{color:var(--limit-order-input-placeholder-color,var(--limit-order-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::-moz-placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.odd\:dtw-bg-\[color\:var\(--panel-popup-list-item-bg-odd\)\]:nth-child(odd){background-color:var(--panel-popup-list-item-bg-odd)}.even\:dtw-bg-\[color\:var\(--panel-popup-list-item-bg-even\)\]:nth-child(2n){background-color:var(--panel-popup-list-item-bg-even)}.even\:odd\:dtw-bg-\[color\:var\(--panel-popup-list-item-bg-even\)\]:nth-child(odd):nth-child(2n){background-color:var(--panel-popup-list-item-bg-even)}.focus-within\:dtw-border-\[var\(--limit-order-input-focus-border-color\)\]:focus-within{border-color:var(--limit-order-input-focus-border-color)}.focus-within\:dtw-border-\[var\(--panel-input-focus-border-color\)\]:focus-within{border-color:var(--panel-input-focus-border-color)}.focus-within\:dtw-bg-\[var\(--limit-order-input-focus-bg\)\]:focus-within{background-color:var(--limit-order-input-focus-bg)}.focus-within\:dtw-bg-\[var\(--panel-input-focus-bg\)\]:focus-within{background-color:var(--panel-input-focus-bg)}.hover\:dtw-border-themeGray-600:hover{--tw-border-opacity: 1;border-color:rgb(157 162 173 / var(--tw-border-opacity, 1))}.hover\:dtw-bg-\[var\(--panel-meta-hover-bg\,var\(--panel-neutral-color\)\)\]:hover{background-color:var(--panel-meta-hover-bg,var(--panel-neutral-color))}.hover\:dtw-text-\[color\:var\(--panel-tab-hover-content-color\,var\(--panel-content-hover-color\)\)\]:hover{color:var(--panel-tab-hover-content-color,var(--panel-content-hover-color))}.hover\:dtw-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:dtw-opacity-80:hover{opacity:.8}.hover\:dtw-opacity-\[var\(--panel-action-hover-opacity\)\]:hover{opacity:var(--panel-action-hover-opacity)}.focus\:dtw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:dtw-border-opacity-100:active{--tw-border-opacity: 1}.hover\:enabled\:dtw-border-\[var\(--limit-order-action-outline-button-border-hover-color\)\]:enabled:hover{border-color:var(--limit-order-action-outline-button-border-hover-color)}.hover\:enabled\:dtw-border-\[var\(--panel-action-outline-button-border-hover-color\)\]:enabled:hover{border-color:var(--panel-action-outline-button-border-hover-color)}.hover\:enabled\:dtw-from-\[var\(--limit-order-action-accent-button-hover-bg-from\,var\(--limit-order-accent-hover-from-color\)\)\]:enabled:hover{--tw-gradient-from: var(--limit-order-action-accent-button-hover-bg-from,var(--limit-order-accent-hover-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:enabled\:dtw-from-\[var\(--panel-action-accent-button-hover-bg-from\,var\(--panel-accent-hover-from-color\)\)\]:enabled:hover{--tw-gradient-from: var(--panel-action-accent-button-hover-bg-from,var(--panel-accent-hover-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:enabled\:dtw-to-\[var\(--limit-order-action-accent-button-hover-bg-to\,var\(--limit-order-accent-hover-to-color\)\)\]:enabled:hover{--tw-gradient-to: var(--limit-order-action-accent-button-hover-bg-to,var(--limit-order-accent-hover-to-color)) var(--tw-gradient-to-position)}.hover\:enabled\:dtw-to-\[var\(--panel-action-accent-button-hover-bg-to\,var\(--panel-accent-hover-to-color\)\)\]:enabled:hover{--tw-gradient-to: var(--panel-action-accent-button-hover-bg-to,var(--panel-accent-hover-to-color)) var(--tw-gradient-to-position)}.disabled\:dtw-opacity-50:disabled{opacity:.5}.dtw-group:hover .group-hover\:dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dtw-group:hover .group-hover\:dtw-opacity-100{opacity:1}.data-\[closed\]\:-dtw-translate-y-2\.5[data-closed]{--tw-translate-y: -.625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:dtw-translate-x-1\/2[data-closed]{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:dtw-scale-75[data-closed]{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:dtw-opacity-0[data-closed]{opacity:0}.dtw-group[data-checked] .group-data-\[checked\]\:dtw-opacity-100{opacity:1}@media (min-width: 640px){.sm\:\!dtw-h-10{height:2.5rem!important}.sm\:\!dtw-h-4{height:1rem!important}.sm\:\!dtw-h-5{height:1.25rem!important}.sm\:\!dtw-h-6{height:1.5rem!important}.sm\:\!dtw-h-8{height:2rem!important}.sm\:dtw-h-\[var\(--panel-icon-secondary-size-sm\)\]{height:var(--panel-icon-secondary-size-sm)}.sm\:dtw-h-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{height:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:\!dtw-w-10{width:2.5rem!important}.sm\:\!dtw-w-4{width:1rem!important}.sm\:\!dtw-w-5{width:1.25rem!important}.sm\:\!dtw-w-6{width:1.5rem!important}.sm\:\!dtw-w-8{width:2rem!important}.sm\:dtw-w-\[var\(--panel-icon-secondary-size-sm\)\]{width:var(--panel-icon-secondary-size-sm)}.sm\:dtw-w-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{width:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:dtw-text-\[length\:var\(--panel-input-token-font-size-sm\,var\(--panel-font-size\)\)\]{font-size:var(--panel-input-token-font-size-sm,var(--panel-font-size))}.sm\:dtw-leading-\[var\(--panel-input-token-line-height-sm\,var\(--panel-line-height\)\)\]{line-height:var(--panel-input-token-line-height-sm,var(--panel-line-height))}.sm\:dtw-opacity-50{opacity:.5}.sm\:dtw-opacity-80{opacity:.8}}@media (min-width: 768px){.md\:dtw-hidden{display:none}}@media (min-width: 1024px){.lg\:dtw-text-\[length\:var\(--limit-order-input-font-size-lg\,var\(--limit-order-font-size-lg\)\)\]{font-size:var(--limit-order-input-font-size-lg,var(--limit-order-font-size-lg))}.lg\:dtw-text-\[length\:var\(--panel-input-font-size-lg\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-input-font-size-lg,var(--panel-font-size-lg))}.lg\:dtw-leading-\[var\(--limit-order-input-line-height-lg\,var\(--limit-order-line-height-lg\)\)\]{line-height:var(--limit-order-input-line-height-lg,var(--limit-order-line-height-lg))}.lg\:dtw-leading-\[var\(--panel-input-line-height-lg\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-input-line-height-lg,var(--panel-line-height-lg))}}
package/trading-widget/components/widget/widget-overlay/error-notification-overlay/error-notification-overlay.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { FC } from 'react';
2
+ import type { OverlayProps } from 'trading-widget/types';
3
+ export declare const ErrorNotificationOverlay: FC<OverlayProps>;
package/trading-widget/components/widget/widget-overlay/{notification-overlay/notification-overlay.hooks.d.ts → error-notification-overlay/error-notification-overlay.hooks.d.ts} RENAMED
@@ -1,5 +1,5 @@
1
1
  import type { OverlayProps } from 'trading-widget/types';
2
- export declare const useNotificationOverlay: ({ type }: OverlayProps) => {
2
+ export declare const useErrorNotificationOverlay: ({ type }: OverlayProps) => {
3
3
  handleReject: () => void;
4
4
  error: {
5
5
  title: string;
package/trading-widget/components/widget/widget-overlay/index.d.ts CHANGED
@@ -5,4 +5,5 @@ export { FmpWithdrawalOverlay } from './fmp-withdrawal-overlay/fmp-withdrawal-ov
5
5
  export { TokenSelectOverlay } from './token-select-overlay/token-select-overlay';
6
6
  export { PoolSelectOverlay } from './pool-select-overlay/pool-select-overlay';
7
7
  export { TradingOverlay } from './trading-overlay/trading-overlay';
8
- export { NotificationOverlay } from './notification-overlay/notification-overlay';
8
+ export { ErrorNotificationOverlay } from './error-notification-overlay/error-notification-overlay';
9
+ export { LimitSellsOverlay } from './limit-sells-overlay/limit-sells-overlay';
package/trading-widget/components/widget/widget-overlay/{notification-overlay/notification-overlay.d.ts → limit-sells-overlay/limit-sells-overlay.d.ts} RENAMED
@@ -1,3 +1,3 @@
1
1
  import type { FC } from 'react';
2
2
  import type { OverlayProps } from 'trading-widget/types';
3
- export declare const NotificationOverlay: FC<OverlayProps>;
3
+ export declare const LimitSellsOverlay: FC<OverlayProps>;
package/trading-widget/components/widget/widget-overlay/limit-sells-overlay/limit-sells-overlay.hooks.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import type { Address } from 'viem';
2
+ import type { OverlayProps } from 'trading-widget/types';
3
+ export declare const useLimitSellsOverlay: ({ type }: OverlayProps) => {
4
+ handleReject: () => void;
5
+ address: `0x${string}`;
6
+ chainId: number;
7
+ pricingAsset: import("../../../../..").PricingAsset | undefined;
8
+ minLimitOrderValue: number;
9
+ actions: {
10
+ onTransactionSettled: (txHash: Address | undefined) => void;
11
+ };
12
+ };
package/trading-widget/components/widget/widget-overlay/pool-select-overlay/pool-select-overlay.hooks.d.ts CHANGED
@@ -19,11 +19,13 @@ export declare const usePoolSelectOverlay: ({ searchQuery, type, }: PoolSelectOv
19
19
  };
20
20
  withdrawParams: {
21
21
  customTokens: TradingToken[];
22
+ defaultWithdrawTokenSymbol?: string | undefined;
22
23
  };
23
24
  deprecated?: boolean | undefined;
24
25
  maintenance?: boolean | undefined;
25
26
  maintenanceDeposits?: boolean | undefined;
26
27
  maintenanceWithdrawals?: boolean | undefined;
28
+ pricingAsset?: import("core-kit/types").PricingAsset | undefined;
27
29
  }[];
28
30
  }[];
29
31
  onClose: () => void;
package/trading-widget/hooks/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export { useGetThemeTypeBySlippage } from './use-get-theme-type-by-slippage';
3
3
  export { useGetSlippagePlaceholder } from './use-get-slippage-placeholder';
4
4
  export { useTradingTypeName } from './use-trading-type-name';
5
5
  export { useCryptoIcon } from './use-crypto-icon';
6
+ export { useOpenLimitSellsOverlay } from './use-open-limit-sells-overlay';
package/trading-widget/hooks/use-open-limit-sells-overlay.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useOpenLimitSellsOverlay: () => () => void;
package/trading-widget/providers/config-provider/config-provider.types.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { ChainId } from 'core-kit/types';
2
+ import type { ThemeProviderConfigProps } from 'limit-orders/providers/theme-provider';
2
3
  export interface ConfigProviderParams {
3
4
  isGeoBlocked: boolean;
4
5
  isSanctioned: boolean;
@@ -21,6 +22,8 @@ export interface ConfigProviderParams {
21
22
  isCustomDepositOptionsDisabled?: boolean;
22
23
  aaveOffchainWithdrawMinValue: number;
23
24
  getFallbackIconPath: (tokenName: string) => string;
25
+ minLimitOrderValue: number;
26
+ limitOrderThemeConfig?: ThemeProviderConfigProps;
24
27
  }
25
28
  export interface ConfigProviderActions {
26
29
  onConnect: () => void;
package/trading-widget/providers/translation-provider/translation-provider.types.d.ts CHANGED
@@ -82,6 +82,7 @@ export type TranslationMap = {
82
82
  swapAction: string;
83
83
  claimAction: string;
84
84
  claimLabel: string;
85
+ createLimitSellOrder: string;
85
86
  swapAndClaimTo: string;
86
87
  initWithdrawDescription: string;
87
88
  initWithdrawTooltip: string;
@@ -98,6 +99,7 @@ export type TranslationMap = {
98
99
  batchTransactionsLabel: string;
99
100
  batchTransactionsSwitchLabel: string;
100
101
  batchTransactionsTooltip: string;
102
+ openLimitOrderAfterBuySwitchLabel: string;
101
103
  [key: string]: string;
102
104
  };
103
105
  export interface TranslationProviderProps {
package/trading-widget/types/overlay.types.d.ts CHANGED
@@ -5,7 +5,8 @@ export declare const OVERLAY: {
5
5
  readonly TOKEN_SELECT: "TOKEN_SELECT";
6
6
  readonly POOL_SELECT: "POOL_SELECT";
7
7
  readonly TRADING: "TRADING";
8
- readonly NOTIFICATION: "NOTIFICATION";
8
+ readonly ERROR_NOTIFICATION: "ERROR_NOTIFICATION";
9
+ readonly LIMIT_SELLS: "LIMIT_SELLS";
9
10
  };
10
11
  export type OverlayType = (typeof OVERLAY)[keyof typeof OVERLAY];
11
12
  export interface OverlayProps {