.swap-form{display:flex;flex-direction:column;max-width:40.625rem;gap:1.5rem;max-height:calc(100% - 2rem);overflow:scroll}.swap-form h2{font-size:var(--font-size-h6)}.swap-form .input-box{display:grid;position:relative;gap:var(--space-sm);grid-template-columns:minmax(auto,50%) 1fr}.swap-form .input-box h2{position:absolute;font-size:var(--font-size-h6);top:calc(-1*var(--space-xl))}.swap-form .input-box .currency-button{display:flex;padding:.7em;align-items:center;max-width:-moz-fit-content;max-width:fit-content;color:var(--color-surface-white);background:var(--color-primary);border-radius:var(--space-xs);gap:var(--space-xxxs)}.swap-form .input-box .currency-button .symbol{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-form .input-box .currency-button .currency-icon{position:relative;width:auto;height:1.5em;aspect-ratio:1}.swap-form .input-box .currency-button .currency-icon,.swap-form .input-box .currency-button .right-arrow{display:flex;justify-content:center;align-items:center}.swap-form .input-box .currency-button .right-arrow svg{min-width:1em;min-height:1em}.swap-form .input-box input,.swap-form .input-box output{display:flex;align-items:center;text-align:right;justify-content:flex-end;width:100%;font-size:var(--font-size-h3)}.swap-form .input-box input svg,.swap-form .input-box output svg{width:var(--space-lg)}.swap-form .input-box .balance,.swap-form .input-box .max-box,.swap-form .input-box .min-box{display:flex;padding-block:.1em;font-size:var(--space-sm);align-items:center}.swap-form .input-box .max-box{justify-content:flex-end}.swap-form .input-box .input-options{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;width:100%}.swap-form .input-box .input-options button{background:#f6e9eb;color:var(--color-primary);font-size:var(--space-xs)}.swap-form .input-box .input-options button+button{margin-left:var(--space-xs)}.swap-form .swap-arrows{align-self:center;flex:0 0 calc(var(--space-lg) + var(--space-md));position:relative;box-shadow:var(--fluid-shadow);background:var(--color-surface-0);border-radius:50%;height:calc(var(--space-lg) + var(--space-md));width:calc(var(--space-lg) + var(--space-md))}.swap-form .swap-arrows svg{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--space-lg);height:auto}.topbar{display:flex;flex:0 0 var(--space-xxl);width:100%;justify-content:space-between;align-items:center;padding:1rem 1rem 0}.topbar .nomo-logo{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;aspect-ratio:1}.topbar a{position:relative;box-shadow:var(--fluid-shadow);background:var(--color-surface-0);border-radius:50%;height:calc(var(--space-lg) + var(--space-md));width:calc(var(--space-lg) + var(--space-md))}.topbar a svg{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--space-lg);height:auto}.topbar a .arrow_svg__down-arrow{rotate:90deg}.content-wrapper{display:flex;flex:0 0 calc(100% - var(--space-xxl));max-height:calc(100% - var(--space-xxl));padding-block:var(--space-md);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg)}.shiftbox{display:flex;width:100%;justify-content:space-between}.shiftbox-error{color:red}.shiftbox-loader{display:flex;justify-content:center;height:var(--space-xxl)}.shiftbox-loader svg{max-height:100%}.button-swap{max-width:40.625rem}