.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.swapFrame{width:350px;height:340px;background-color:#182136;border-radius:16px;box-shadow:0 40px 120px 0 #77f;padding:12px 8px 8px;align-self:center;margin:0 auto;overflow:hidden}.swapitem{background-color:#293249;border-radius:10px;color:#98a1c0;font-size:14px;font-weight:500;line-height:20px;padding:14px}.swapSettings{height:50px;display:flex;justify-content:end;margin:1rem}.settingsWrap{display:flex;flex-direction:column;align-items:flex-end;text-align:10px;justify-items:end}.settingsIcon{cursor:pointer;width:10px;padding:0 rem}.swap{height:200px;flex-direction:column;align-items:center}.swap,.tBalance{display:flex;justify-content:space-between}.tBalance{width:100%}.swapInfo{height:50px;display:flex;justify-content:center;align-items:center;background-color:#f2f2f2;margin-top:1rem}.dynamicHover:hover{color:#fff!important;background-color:#2e2e2e!important;cursor:pointer!important;border:3px solid #77f!important}.dynamicButton{height:58px}.dynamicConnect{height:58px;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:30px;border:1px solid #77f;color:#a0a0a0;background-color:#222f4d;font-size:22px;font-weight:700;font-family:Inter custom,sans-serif;margin:1rem auto 0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#383838;&:disabled{cursor:default!important}}.dynamicConnect:hover{cursor:pointer;font-size:24px;font-weight:750}#dynamicInstructions:hover{cursor:default;background-color:#383838;color:#a0a0a0}.mainframe{height:460px;width:370px}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input{font-size:25px;font-feature-settings:"kern" off;font-variant:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;border:none;font-family:Inter custom,sans-serif;position:relative;width:70%;max-width:70%;text-overflow:ellipsis}.input:focus{outline:none}body{background-color:#182136;color:#fff}.tokenSelector{align-items:center;background-color:#435278;border-radius:16px;border:1px solid #435278;color:#fff;font-family:sans-serif;font-weight:600;font-size:18px;gap:8px;max-width:40%;line-height:20px;margin:0 0 0 12px;padding:4px 8px 4px 4px;text-align:center;text-wrap:wrap;cursor:pointer;&:hover{background-color:#576a9d;color:#fff}}.Selector,.tokenSelector{display:flex;justify-content:space-between}.cryptoLinkAvatar{width:80%;height:auto}.swapBar{box-sizing:border-box;font-family:Inter custom,sans-serif;border-radius:12px;height:40px;width:40px;position:relative;display:flex;justify-content:center;align-items:center;font-weight:800;margin:-18px auto;background-color:#435278;border:4px solid #182136;z-index:0}button{cursor:pointer}.oChainButtonSelector{display:flex;justify-content:space-between;align-items:space-between;flex-wrap:wrap;gap:20px;border-radius:16px;padding:12px 8px 8px;align-self:center;margin:0 auto}.oChainButtonSelector>button{background-color:transparent;border:none}.oChainButtonSelector>button>img{width:50px;height:50px;filter:drop-shadow(0 0 .75rem #7777ff)}.tokenListItem{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #77f}.tokenListItem:hover{background-color:#77f;color:#fff;cursor:pointer}.tokenSearcher{position:-webkit-sticky;position:sticky;top:0;zindex:1;align-items:center;background-color:#0d111c;border-radius:12px;border:1px solid #4c82fb;display:flex;padding:16px 14px 14px 10px;gap:8px;margin-bottom:1px}.searchInput,.tokenSearcher{color:#fff;font-family:Inter custom}.searchInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;font-size:18px;font-weight:500;height:24px;width:100%}.searchInput:focus{outline:none}.tokenList{max-height:265px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#77f #0d111c}.tokenList::-webkit-scrollbar{width:6px;height:6px}.tokenList::-webkit-scrollbar-thumb{background-color:#000;border-radius:3px;height:5px}.loader{position:relative;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center);background-color:transparent;z-index:2;font-size:32px}.loader div{position:absolute;top:50%;left:50%;will-change:transform}.loader div span{display:block;width:.5em;height:.15em;background:#fff;border-radius:.08em}.loader .item-1{margin-left:11.313708496px;margin-top:-11.313708496px;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-1 span{transform:rotate(45deg) translateZ(0)}.loader .item-2{margin-left:0;margin-top:-16px;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-2 span{transform:rotate(180deg) translateZ(0)}.loader .item-3{margin-left:-11.313708496px;margin-top:-11.313708496px;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-3 span{transform:rotate(135deg) translateZ(0)}.loader .item-4{margin-left:-16px;margin-top:0;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-4 span{transform:rotate(270deg) translateZ(0)}.loader .item-5{margin-left:-11.313708496px;margin-top:11.313708496px;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-5 span{transform:rotate(225deg) translateZ(0)}.loader .item-6{margin-left:0;margin-top:16px;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-6 span{transform:rotate(1turn) translateZ(0)}.loader .item-7{margin-left:11.313708496px;margin-top:11.313708496px;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-7 span{transform:rotate(315deg) translateZ(0)}.loader .item-8{margin-left:16px;margin-top:0;animation:spin_full 2s cubic-bezier(.165,.84,.44,1) infinite}.loader .item-8 span{transform:rotate(450deg) translateZ(0)}@keyframes spin_full{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.loaderWrapper{position:absolute;top:200px;left:0;width:100%;height:100%}.chainMismatch{height:100%}.chainMismatch,.chainMismatch__actions{display:flex;flex-direction:column;justify-content:center;align-items:center}.chainMismatch__actions{gap:1rem}.chainMismatch__button{height:58px;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:30px;border:1px solid #77f;color:#a0a0a0;background-color:#222f4d;font-size:22px;font-weight:700;font-family:Inter custom,sans-serif;margin:1rem auto 0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#383838;&:hover{background-color:#77f;color:#fff;cursor:pointer}}.output{font-size:25px;font-feature-settings:"kern" off;font-variant:none;border:none;max-width:50%;text-overflow:ellipsis;color:#fff;font-family:Inter custom,sans-serif;align-items:center}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.tokenListInto{height:200}