:root{font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:100%;font-weight:400;color-scheme:light dark;color:#c7c7c7cc;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;transition:all .3s ease;text-decoration:inherit;margin:0 16px;filter:brightness(100%)}a:hover{color:#ffffff4c}body{max-width:1920px;margin:0 auto}input{width:100%;padding:12px 0;border-radius:4px;font-size:36px;border:none;outline:none;box-sizing:border-box;background-color:#222}input:focus-within{background-color:#181818}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus{border:none}h1{color:#fff;font-size:48px}h2{color:#fff;font-size:36px}h3{color:#fff;font-size:24px}h4{color:#fff;font-size:18px}p{font-size:16px}button{font-weight:600;font-size:14px;background-color:#fff;text-align:center;line-height:100%;padding:10px 16px;font-family:inherit;color:#000;border-radius:32px;border:0px;cursor:pointer;transition:all .25s cubic-bezier(.32,0,.16,1)}button:hover{transform:scale(1.03)}button:disabled{background-color:#868686;color:#505050}button:disabled:hover{transform:none;cursor:not-allowed}.fade-in{opacity:0;animation:fadeIn 2.6s ease-out forwards;transform:translateY(-10px)}.main-fade-in{opacity:0;animation:fadeIn 1.3s ease-out forwards;transform:translateY(-10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.pulse-shadow{animation:growShadow .3s ease-out forwards}@keyframes growShadow{0%{box-shadow:0 0 #ececec33}to{box-shadow:0 0 8px #ececec99}}.error-shadow{animation:errorShadow .1s ease-out forwards}@keyframes errorShadow{0%{box-shadow:0 0 #ff000080}to{box-shadow:0 0 8px #f009}}@media (max-width: 600px){a{margin:0 8px;font-size:12px}p{font-size:12px}input{font-size:24px;padding:12px 0}}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.app-body-wrapper{flex:auto}.footer-wrapper{display:flex;justify-content:space-between;align-items:center;padding:2.5rem}.footer-links-wrapper{display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:#ffffff4c}.footer-copyright:hover{opacity:0}@media (max-width: 600px){.footer-wrapper{flex-direction:column}}.skeleton{background-color:#2b2b2b;border-radius:4px;min-height:20px;width:100%;position:relative;overflow:hidden}.skeleton:after{content:"";display:block;position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);animation:loading 1.2s infinite}@keyframes loading{0%{left:-150px}to{left:100%}}@media (max-width: 600px){.skeleton{max-width:80%;max-height:30px}}.modal{position:fixed;z-index:9999;inset:0;display:flex;justify-content:center;align-items:center;background:#00000080}.modal-content{background:#222;padding:20px;border-radius:12px;max-width:400px;width:80%;box-shadow:0 8px 20px #0003;position:relative;animation:modalFadeIn .25s ease-out}.modal-close{position:absolute;right:16px;top:16px;font-size:1.5rem;cursor:pointer}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.swapform-wrapper{max-width:1000px;margin:0 auto;padding:8px 16px}.header{text-align:center;margin:0 0 12px}.subheader{text-align:center;color:#c7c7c7cc;font-weight:500;margin:0}.quick-select-row{margin:48px 16px 8px;display:flex;align-items:center;justify-content:center;gap:16px}.quick-select-wrapper{display:flex;align-items:center;justify-content:center;gap:16px}.quick-select{background-color:#000;color:#fff;border:1px #ffffff4d solid;border-radius:4px;display:flex;align-items:center;gap:4px}.quick-select>img{width:16px}.quick-select>p{margin:0;line-height:0}.quick-select:hover,.quick-select.active{background-color:#ffffff4d}.form-row{margin:16px 0 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.form-wrapper{background-color:#222;border-radius:8px;padding:32px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.form-wrapper.focus{background-color:#181818}.form-header{margin:8px 0}.amount-row{display:flex;align-items:center;gap:8px}.amount-input.focus{background-color:#181818}.token-select{display:flex;align-items:center;white-space:nowrap;padding:8px 12px;background:transparent;outline:inherit;border:1px solid #ffffff4d;color:#fff;gap:8px;border-radius:36px;height:42px}.token-select:hover{transform:none;background:#ffffff4d}.token-select>img{width:24px}.token-select>p{margin:0;font-size:14px}.token-select>img.chevron{width:12px;rotate:90deg}.token-list-header{width:100%;display:flex;align-items:flex-start;box-sizing:border-box;justify-content:space-between;padding:0 38px 0 16px;border-bottom:1px #c7c7c7cc solid;margin-bottom:8px}.token-list{display:flex;flex-direction:column;gap:8px;min-height:100px;max-height:400px;overflow:auto}.token-list:empty:before{content:"No Tokens Available";padding:40px 80px;background-color:#181818}.token-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 20px 4px 8px;box-sizing:border-box;border-radius:4px}.token-option:hover{background-color:#181818;color:#ffffffce;cursor:pointer}.token-group{display:flex;align-items:center;gap:8px}.token-group>img{width:24px}.token-group>p{font-weight:600}.input-label{margin:8px 0}.token-value{display:block;width:100%;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;margin:0 0 16px}.error-text{color:#f02}.arrow-wrapper{padding:8px;border-radius:8px;background-color:#1b1b1b}.arrow-icon{width:24px}.cta-wrapper{margin-top:36px;display:flex;justify-content:center}.swap-cta{font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.coming-soon-tag{margin:0;background:#acacac;color:#fff;padding:2px 8px;border-radius:8px}.last-update-text{font-size:12px;margin:0}@media (max-width: 600px){.quick-select-row{flex-direction:column}.quick-select{padding:4px 8px}.form-row{gap:8px;flex-direction:column}.form-wrapper{width:80%;min-height:auto;padding:16px}.quick-select-wrapper{gap:8px}.form-header{font-size:16px}.arrow-icon{width:16px;rotate:90deg}.cta-wrapper{margin-top:24px}.swap-cta{font-size:16px}.token-value{margin-bottom:8px}.last-update-text{font-size:8px}}.topbar-wrapper{display:flex;justify-content:space-between;align-items:center;padding:2.5rem}.logo-link{margin:0}.topbar-logo{width:85px}