.dex-shell{max-width:1100px}.dex-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.dex-sidebar{display:grid;gap:20px}.dex-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dex-trade label{display:block;margin:18px 0 8px;font-weight:700}.dex-trade select,.dex-trade input{box-sizing:border-box;width:100%;min-height:52px;border:1px solid #73617d;border-radius:12px;background:#181321;color:#fff3dc;padding:12px;font:inherit}.dex-trade input{font-size:28px}.dex-trade form>.button,.dex-trade>#confirm-swap{width:100%;margin-top:22px;min-height:52px}.dex-badge{display:inline-block;color:#6ee0c8;border:1px solid #43786d;border-radius:30px;padding:9px 15px;font-size:13px}.dex-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:20px 0}.dex-details dt{color:#c5b9cc}.dex-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.dex-review{border:1px solid #a98a43;background:#191520;border-radius:14px;padding:18px}.dex-review h3{margin-top:0}.dex-history{margin-top:24px}.dex-history ul{padding:0;list-style:none}.dex-history li{padding:14px 0;border-bottom:1px solid #695872;overflow-wrap:anywhere}.dex-shell details{margin-top:20px}.dex-shell .wallet-copy{overflow-wrap:anywhere}.dex-shell [hidden]{display:none!important}.dex-shell button:disabled{opacity:.55;cursor:wait}.dex-shell :focus-visible{outline:3px solid #6ee0c8;outline-offset:4px}@media(max-width:720px){.dex-layout{grid-template-columns:1fr}.dex-shell{padding:18px 14px 40px}.dex-details,.dex-heading .button{font-size:14px}}.dex-details dt{color:#625867}.dex-review,.dex-review h3,.dex-review dd{color:#fff3dc}.dex-review dt{color:#d2c5da}#dex-confirmation[open]{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #a98a43;border-radius:18px;background:#191520;color:#fff3dc;padding:28px;box-shadow:0 24px 80px #0009}#dex-confirmation::backdrop{background:#100c19b8}#dex-confirmation h2{margin:0 0 12px}#dex-confirmation p{line-height:1.5}#dex-confirmation a{display:block;color:#6ee0c8;overflow-wrap:anywhere;margin:16px 0}#dex-confirmation .button{min-width:120px}#dex-confirmation :focus-visible{outline:3px solid #6ee0c8;outline-offset:4px}.dex-modes{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.dex-modes .button{flex:1 1 100px;font-size:14px;min-height:44px}.dex-liquidity-info{margin-top:24px}#liquidity-position dd{overflow-wrap:anywhere}#liquidity-match{min-height:3em}.dex-trade .dex-review{overflow-wrap:anywhere}#dex-liquidity-review[open]{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid #a98a43;border-radius:18px;background:#191520;color:#fff3dc;padding:24px;box-shadow:0 24px 80px #0009}#dex-liquidity-review::backdrop{background:#100c19b8}#dex-liquidity-review h2{margin-top:0;color:#fff3dc}#dex-liquidity-review [hidden]{display:none!important}#dex-liquidity-review .button{width:100%;min-height:48px;margin-top:14px}#dex-liquidity-review .dex-details{font-size:14px}#dex-liquidity-review [role=status]{line-height:1.5}#dex-liquidity-review button:disabled{opacity:.55}#dex-liquidity-review :focus-visible{outline:3px solid #6ee0c8;outline-offset:4px}
