: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]{border-radius:.75rem;width:100%;max-width:587px;max-height:min(88vh,900px);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:.625rem .875rem;box-shadow:0 1px 2px #1018280a}.swap-main{padding-block:.75rem 2rem}.field-row,.field-row-3{grid-template-columns:minmax(0,1fr);gap:.625rem;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))}}.quote-details>summary{cursor:pointer}.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}.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}}