:root{--app-header-height:64px;--app-max-width:1160px;--app-gutter:1.5rem;--app-page-bg:#f8f8fa}body{background:var(--app-page-bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:DM Sans,system-ui,Segoe UI,Roboto,sans-serif}.app-container{width:100%;max-width:var(--app-max-width);padding-inline:var(--app-gutter);margin-inline:auto}.app-header{min-height:var(--app-header-height);justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.app-header__brand{align-items:center;gap:.625rem;display:flex}.app-header__logo--prominent{transform-origin:50%;transform:scale(1.7)}[role=dialog][data-state]{width:100%;max-width:587px;max-height:min(92vh,960px);box-shadow:none;border:1px solid #dfe1ea;border-radius:.75rem;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.new-swap-dialog__body{min-height:0;overflow-y:auto}.auth-viewport{min-height:calc(100vh - 40px);padding:3rem var(--app-gutter);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px}.loading-viewport{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;display:flex}.swap-page{width:100%;max-width:760px;margin-inline:auto}.swap-section{padding:1rem;box-shadow:0 1px 2px #1018280a}.swap-main{padding-block:.75rem 2rem}.field-row,.field-row-3{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}@media (width>=640px){.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.data-table>div,.data-table>div>div,.data-table table,.data-table tbody{height:auto}.data-table tbody{overflow-y:visible}.sticky{position:sticky}.mx-auto{margin-inline:auto}.self-end{align-self:flex-end}.items-baseline{align-items:baseline}.rounded-xl{border-radius:.75rem}.border-dashed{border-style:dashed}.shadow-sm{box-shadow:0 1px 2px #1018280d}.tabular-nums{font-variant-numeric:tabular-nums}.uppercase{text-transform:uppercase}.h-7{height:1.75rem}.h-10{height:2.5rem}.success-mark{flex:none;width:2.5rem;height:2.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) both success-pop}.success-mark:after{content:"";pointer-events:none;border-radius:9999px;animation:.8s ease-out .15s both success-ring;position:absolute;inset:0}@keyframes success-pop{0%{opacity:0;transform:scale(.6)}}@keyframes success-ring{0%{box-shadow:0 0 #2563eb59}to{box-shadow:0 0 0 14px #2563eb00}}@media (prefers-reduced-motion:reduce){.success-mark,.success-mark:after{animation:none}}.h-16{height:4rem}.pt-1{padding-top:.25rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-8{padding-block:2rem}@media (width>=640px){.sm\:inline{display:inline}}@media (width>=768px){.md\:inline{display:inline}}