.trade-amount-fields{min-width:0;margin-top:22px;container-type:inline-size}.trade-amount-fields-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.trade-amount-fields .trade-amount-box{background:#1a1720;border:1px solid #594665;border-radius:2px;min-width:0;padding:16px}.trade-amount-box-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;min-height:22px;display:flex}.trade-amount-fields .trade-amount-box-heading label{color:var(--ink,#eee9e1);font-size:14px;font-weight:600}.trade-amount-estimate{color:var(--muted,#bdb8c4);font-size:11px;line-height:1.5}.trade-amount-value-row{align-items:center;gap:8px;min-width:0;margin-top:12px;display:flex}.trade-amount-fields .trade-amount-value-row input{color:#f5f0e8;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;background:0 0;border:0;border-bottom:1px solid #65566f;border-radius:0;width:100%;min-width:0;min-height:44px;padding:3px 0;font-size:clamp(20px,4.3cqi,26px);font-weight:600;line-height:1.5}.trade-amount-fields .trade-amount-value-row input::placeholder{color:#bdb8c4;opacity:1}.trade-amount-fields .trade-amount-value-row input:hover:not(:disabled):not([readonly]){border-bottom-color:#c8aeff}.trade-amount-fields .trade-amount-value-row input:focus-visible{outline-offset:4px;border-bottom-color:#c8aeff;outline:2px solid #c8aeff}.trade-amount-fields .trade-amount-value-row input[readonly]{border-bottom-color:#0000}.trade-amount-fields .trade-amount-value-row input:disabled{color:#bdb8c4;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#bdb8c4}.trade-amount-currency{color:var(--ink,#eee9e1);font-family:var(--font-geist-mono), monospace;flex-shrink:0;font-size:13px;font-weight:700}.trade-amount-fields .trade-amount-usd{color:var(--eth-indigo,#c8aeff);font-family:var(--font-geist-mono), monospace;overflow-wrap:anywhere;min-height:20px;margin:7px 0 0;font-size:13px;line-height:1.5}.trade-amount-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.trade-amount-shortcuts button,.trade-amount-refresh{color:#eee9e1;cursor:pointer;background:#121214;border:1px solid #65566f;border-radius:2px;justify-content:center;align-items:center;min-height:44px;padding:8px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.trade-amount-shortcuts button:hover:not(:disabled),.trade-amount-refresh:hover:not(:disabled){color:#c8aeff;background:#292031;border-color:#bb9bff}.trade-amount-shortcuts button:focus-visible{outline-offset:3px;outline:2px solid #c8aeff}.trade-amount-refresh:focus-visible{outline-offset:3px;outline:2px solid #c8aeff}.trade-amount-shortcuts button:disabled,.trade-amount-refresh:disabled{color:#bdb8c4;cursor:not-allowed;opacity:1;background:#1a1720;border-color:#594665}.trade-amount-fields .trade-amount-balance{color:#bdb8c4;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 8px;margin:12px 0 0;font-size:12px;line-height:1.6;display:flex}.trade-amount-balance span{color:#eee9e1;overflow-wrap:anywhere}.trade-amount-fields .trade-amount-hint,.trade-amount-footer p{color:#bdb8c4;margin:4px 0 0;font-size:12px;line-height:1.65}.trade-amount-fields .trade-amount-receive-hint{max-width:32ch;margin-top:16px}.trade-amount-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:10px;display:flex}.trade-amount-footer p{margin:0}.trade-amount-refresh{background:0 0;border-color:#0000;gap:7px;padding-inline:8px}.trade-amount-refresh svg{flex-shrink:0}@container (width>=490px){.trade-amount-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=310px){.trade-amount-fields .trade-amount-box{padding:12px}}.trade-advanced{border-top:1px solid var(--line,#444148);color:var(--ink,#eee9e1);min-width:0;margin:16px 0}.trade-advanced>summary{color:var(--ink,#eee9e1);cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.trade-advanced>summary::-webkit-details-marker{display:none}.trade-advanced>summary:hover{color:var(--eth-indigo,#c8aeff)}.trade-advanced-summary-value{color:var(--muted,#bdb8c4);font-family:var(--font-geist-mono), monospace;margin-left:auto;font-size:12px}.trade-advanced-chevron{flex-shrink:0}.trade-advanced[open] .trade-advanced-chevron{transform:rotate(180deg)}.trade-advanced-body{background:#1a1720;border:1px solid #594665;border-radius:2px;padding:16px}.trade-advanced .trade-advanced-label{color:#eee9e1;font-size:13px;font-weight:600;display:block}.trade-advanced .trade-advanced-help{color:#bdb8c4;margin:6px 0 12px;font-size:12px;line-height:1.6}.trade-advanced-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.trade-advanced-presets button{color:#eee9e1;cursor:pointer;font-family:var(--font-geist-mono), monospace;background:#121214;border:1px solid #65566f;border-radius:2px;min-width:0;min-height:44px;padding:8px 4px;font-size:12px;font-weight:600}.trade-advanced-presets button[aria-pressed=true],.trade-advanced-presets button:hover:not(:disabled){color:#c8aeff;background:#292031;border-color:#bb9bff}.trade-advanced-custom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.trade-advanced-custom>label{color:#bdb8c4;font-size:12px}.trade-advanced-input-wrap{background:#121214;border:1px solid #65566f;border-radius:2px;align-items:center;gap:8px;width:128px;max-width:100%;padding-right:12px;display:flex}.trade-advanced .trade-advanced-input-wrap input{color:#eee9e1;font-family:var(--font-geist-mono), monospace;background:0 0;border:0;border-radius:0;width:100%;min-width:0;min-height:44px;padding:8px 0 8px 12px;font-size:14px;line-height:1.5}.trade-advanced-input-wrap>span{color:#bdb8c4;font-size:13px}.trade-advanced .trade-advanced-input-wrap input::placeholder{color:#bdb8c4;opacity:1}.trade-advanced .trade-advanced-input-wrap input[aria-invalid=true]{color:#ffd0d0}.trade-advanced :is(summary,button,input):focus-visible{outline-offset:3px;outline:2px solid #c8aeff}.trade-advanced-presets button:disabled,.trade-advanced .trade-advanced-input-wrap input:disabled{color:#bdb8c4;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#bdb8c4}.trade-advanced-presets button:disabled{background:#1a1720;border-color:#594665}.trade-advanced .trade-advanced-error,.trade-advanced .trade-advanced-warning{overflow-wrap:anywhere;margin:12px 0 0;font-size:12px;line-height:1.6}.trade-advanced .trade-advanced-error{color:#ffd0d0}.trade-advanced .trade-advanced-warning{color:#ffda98}.trade-advanced-extra{border-top:1px solid #594665;margin-top:16px;padding-top:12px}.trade-advanced-extra>:first-child{margin-top:0}.trade-advanced-extra>:last-child{margin-bottom:0}@media (max-width:380px){.trade-advanced-body{padding:12px}.trade-advanced-presets{gap:6px}}.trade-advanced-extra .quote-lines{border-top:0;margin:0 0 12px;padding-top:0}.trade-advanced-extra>p{color:#bdb8c4;font-size:12px;line-height:1.6}.trade-progress{color:#eee9e1;background:#1a1720;border:1px solid #655177;border-radius:2px;min-width:0;margin:16px 0 0;padding:16px}.trade-progress .trade-progress-demo{color:#bdb8c4;margin:0 0 10px;font-size:11px;line-height:1.5}.trade-progress .trade-progress-title{color:#eee9e1;align-items:baseline;gap:9px;margin:0;font-size:14px;font-weight:600;line-height:1.5;display:flex}.trade-progress-indicator{background:#c8aeff;flex:0 0 6px;height:6px;display:inline-block}.trade-progress-confirmed{border-color:#56867a}.trade-progress-confirmed .trade-progress-indicator{background:#a4e3cc}.trade-progress-stopped{border-color:#906f7b}.trade-progress-stopped .trade-progress-indicator{background:#f1bccb}.trade-progress-unknown{border-color:#9b8051}.trade-progress-unknown .trade-progress-indicator{background:#ffda98}.trade-progress .trade-progress-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 12px;padding:0;list-style:none;display:grid}.trade-progress-steps>li{color:#bdb8c4;overflow-wrap:anywhere;border-top:1px solid #65566f;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding-top:8px;font-size:11px;line-height:1.5;display:flex}.trade-progress-step-marker{font-family:var(--font-geist-mono), monospace;border:1px solid #65566f;flex:0 0 20px;justify-content:center;align-items:center;height:20px;font-size:10px;display:inline-flex}.trade-progress-steps>.is-current,.trade-progress-steps>.is-complete{color:#c8aeff;border-top-color:#c8aeff}.trade-progress-steps>.is-current .trade-progress-step-marker,.trade-progress-steps>.is-complete .trade-progress-step-marker{background:#292031;border-color:#c8aeff}.trade-progress-confirmed .trade-progress-steps>.is-complete{color:#a4e3cc;border-top-color:#a4e3cc}.trade-progress-confirmed .is-complete .trade-progress-step-marker{background:#1b2b27;border-color:#a4e3cc}.trade-progress .trade-progress-detail{color:#bdb8c4;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.65}.trade-progress .trade-progress-explorer{color:#c8aeff;min-height:44px;font-size:12px;line-height:1.5;font-family:var(--font-geist-mono), monospace;background:#141216;border:1px solid #a795bb;border-radius:0;align-items:center;gap:6px;margin-top:14px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.trade-progress .trade-progress-explorer:hover{color:#eee9e1;border-color:#c8aeff}.trade-progress .trade-progress-explorer:disabled{color:#bdb8c4;cursor:default;opacity:1;border-color:#65566f}.trade-progress .trade-progress-explorer:focus-visible{outline-offset:3px;outline:2px solid #c8aeff}@media (max-width:380px){.trade-progress{padding:12px}.trade-progress .trade-progress-steps{gap:7px}.trade-progress-steps>li{flex-direction:column;align-content:start;align-items:start}.trade-progress-step-marker{flex-basis:20px;width:20px}}
