.swap-exchange{width:100%;min-width:0;border:1px solid rgb(var(--color-border-1));border-radius:12px;background:rgb(var(--color-bg-primary));color:rgb(var(--color-text-primary));font:400 14px/20px var(--font-family-sans)}.swap-exchange>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid rgb(var(--color-border-1))}.swap-exchange>header h2{margin:0;padding:6px 12px;font:500 14px/20px var(--font-family-sans);border:1px solid rgb(var(--color-border-1));border-radius:999px}.swap-exchange-field{display:grid;grid-gap:24px;gap:24px;padding:20px 16px 28px}.swap-exchange-label{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:12px;color:rgb(var(--color-text-secondary));font-size:12px}.swap-exchange-presets{display:flex;gap:6px}.swap-exchange-presets button{border:1px solid rgb(var(--color-border-1));padding:2px 7px;border-radius:999px;font:400 12px/18px var(--font-family-mono)}.swap-exchange button:disabled{opacity:.4;cursor:default}.swap-exchange-amount{display:flex;align-items:center;gap:16px;min-width:0}.swap-exchange-amount input,.swap-exchange-amount>strong{flex:1 1;width:0;min-width:0;margin:0;padding:0;background:none;border:0;outline:0;font:500 26px/36px var(--font-family-mono);color:inherit;text-overflow:ellipsis}.swap-exchange-amount input[aria-invalid=true]{color:#ff6b7c}.swap-exchange-currency{display:flex;flex:0 0 auto;align-items:center;gap:6px;max-width:50%;min-height:40px;padding:7px 12px;border:1px solid rgb(var(--color-border-1));border-radius:999px;font-weight:500}.swap-exchange-currency>span:not(.swap-exchange-dollar):not(.image-fallback){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-exchange-currency img,.swap-exchange-currency>.image-fallback,.swap-exchange-dollar{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover}.swap-exchange-currency>.image-fallback{font:600 9px/1 var(--font-family-sans)}.swap-exchange-dollar{display:grid;place-items:center;background:rgb(var(--color-bg-additional-1));font:500 16px/24px var(--font-family-sans)}.swap-exchange-caption{display:flex;justify-content:space-between;gap:12px;font:400 12px/18px var(--font-family-mono);color:rgb(var(--color-text-secondary))}.swap-exchange-caption>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}.swap-exchange-divider{position:relative;pointer-events:none;height:1px;background:rgb(var(--color-border-1))}.swap-exchange-divider button{pointer-events:auto;z-index:1;display:grid;place-items:center;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;border-radius:50%;background:rgb(var(--color-bg-primary));border:1px solid rgb(var(--color-border-1))}.swap-exchange-divider+.swap-exchange-field{padding-top:28px}.swap-exchange>footer{display:grid;grid-gap:12px;gap:12px;padding:16px;border-top:1px solid rgb(var(--color-border-1))}.swap-exchange>footer>p{margin:0;font:400 12px/18px var(--font-family-sans);color:#ff6b7c}.swap-exchange>footer .primary-action{width:100%;min-height:40px;margin:0;font:600 14px/20px var(--font-family-sans)}.swap-exchange button:not(:disabled):hover{filter:brightness(1.1)}.swap-exchange button:focus-visible{outline:2px solid rgb(var(--color-text-primary));outline-offset:3px}.swap-exchange-picker .market-dialog-body{display:grid;grid-gap:16px;gap:16px}.swap-exchange-options{display:grid}.swap-exchange-options>button{display:flex;align-items:center;width:100%;padding:12px 0;gap:12px;text-align:left;border-bottom:1px solid rgb(var(--color-border-1))}.swap-exchange-options>button>.swap-token-icon{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 36px;font:600 11px/1 var(--font-family-sans);background:rgb(var(--color-bg-additional-2));color:rgb(var(--color-text-secondary))}.swap-exchange-options>button>.swap-token-copy{min-width:0;overflow-wrap:anywhere;flex:1 1}.swap-exchange-options small{display:block;color:rgb(var(--color-text-secondary))}.swap-exchange-options>button>.swap-token-price{max-width:35%;flex:none;font:400 12px/18px var(--font-family-mono);text-align:right}@media (max-width:374px){.swap-exchange-amount{gap:8px}.swap-exchange-amount input,.swap-exchange-amount>strong{font-size:22px}.swap-exchange-presets{gap:4px}.swap-exchange-presets button{padding:2px 5px}.swap-exchange-label{gap:8px}}