input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.swap-widget{width:400px;height:260px;border-style:solid;border-width:2px;border-color:#7f56d9;border-radius:15px;box-shadow:2px 2px 2px 2px #f2f2f2;font-family:Arial,sans-serif}.swap-widget-logo{display:flex;justify-content:center;padding:20px 0 5px}.swap-widget-content{text-align:center}.swap-widget-content-header{font-size:28px;margin:10px;font-weight:600}.swap-widget-content-desc{font-size:16px;color:gray}.pop-up{width:420px;height:600px;background-color:#fff;position:absolute;border-style:solid;border-width:2px;border-color:#fff;border-radius:15px;z-index:9999}.pop-up-expanded{width:420px;height:690px;background-color:#fff;position:absolute;border-style:solid;border-width:2px;border-color:#fff;border-radius:15px}.pop-up-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;animation:drop .5s ease forwards;background-color:#141414cc;z-index:20}.address-wrapper{display:flex;justify-content:end}.address{width:100px;margin:20px 20px 0 0;background-color:#7f56d9;border-radius:10px;padding:2px;font-size:14px;color:#fff;text-align:center}.header-wrapper{display:flex;justify-content:center;padding:10px 0 5px;margin-top:10px}.header-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.header-logo{width:50px}.header-text{font-size:32px;margin:5px;font-weight:600}.header-description{font-size:16px;color:gray;margin:10px 0 0 10px;font-weight:400;padding:0}.pop-up-body{display:flex;flex-direction:column;justify-content:"center";align-items:center}.arrow{transition:transform .3s ease}.select-chain{width:320px;margin-top:10px}.select-chain>p{margin:8px}.swap>p{margin:8px}.dropdown-content{width:320px;position:absolute;border-style:solid;border-width:2px;border-color:#eaecf0;background:#fff;border-radius:10px;animation:dropdown-content .5s ease forwards;z-index:10;left:-5px;top:52px}.dropdown-content>div{transition:background-color .5s ease}.dropdown-content>div:hover{background-color:#f0f0f0;cursor:pointer}.dropdown-select{border:2px solid #888D9B;padding:10px;border-radius:5px;background:#fff;font-size:18px;transition:border-color .5s ease}.dropdown-select:hover{transition:transform .5s ease;border:2px solid blue}.dropdown-selected-wrapper{display:flex;align-items:center;justify-content:space-between}.dropdown-selected{display:flex}.dropdown-text{margin-left:10px}.dropdown-item-text{margin-left:10px;align-items:center}.dropdown-wrapper{position:relative;border:4px solid #CDD0D6;border-radius:8px;transition:border-color .3s ease}.dropdown-wrapper:hover{border:4px solid purple}.dropdown-item{display:flex;align-items:center;padding:10px}.swap{width:320px}.input-eth-wrapper-input{display:flex;align-items:center;margin:0;border:none;outline:none;font-size:"16px"}.input-eth{display:flex;align-items:center}.input-eth-img-wrapper{display:flex;align-items:center;padding:5px}.balance{margin:10px 0 0;text-align:end;font-size:14px;color:#616677}.swap-description-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;margin:10px}.swap-description{display:"flex";flex-direction:column;width:45%}.est-eth{display:flex;align-items:center;justify-content:center}.est-eth>p{margin:0}.arrow-icon{font-size:36px;display:flex;justify-content:center;align-items:center}.network{padding:5px;font-size:14px;font-weight:600;display:flex;align-items:start;justify-content:center;margin:0}.confirm-button{width:100%;background-color:#7f56d9;outline:none;border:none;padding:15px;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease}.confirm-button:hover{background-color:#6545a8}.max-button{display:flex;align-items:center;background-color:#c0c7dd;height:28px;width:60px;justify-content:center;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.max-button:hover{background-color:#a5b7ef}.error-message{margin:2px;font-size:12px;text-align:center;color:red}.swap-details-wrapper{display:flex;justify-content:space-between;cursor:pointer;margin-top:5px}.swap-details{display:flex;margin-top:5px}.swap-details>p{margin:0;padding:5px;color:#888d9b;font-size:14px}.swap-details-img{display:flex}.swap-details-dropdown{width:100%;height:100px;display:flex;justify-content:center;background-color:#fff;border:2px solid white;border-bottom-left-radius:15px;border-bottom-right-radius:15px;animation:dropdown-content 0s ease forwards}.select-chain-p,.swap-p{margin-top:15px;margin-bottom:15px;text-align:start}.swap-details-content{display:flex;justify-content:space-between;width:320px;font-size:14px;margin-top:10px;text-align:start}.swap-details-text{margin:0;padding:3px}.swap-details-data{text-align:end}.rotated{transform:rotate(180deg)}.network-p{margin:2px;text-align:end}@keyframes dropdown-content{0%{opacity:0}70%{transform:translateY("full")}to{transform:translateY("full")}}@keyframes arrow{0%{opacity:0}to{opacity:1}}@keyframes drop{0%{opacity:0}70%{transform:translateY("full")}to{transform:translateY("full")}}@media (max-width: 450px){.swap-widget{width:100%}.header-wrapper{margin-top:0}.pop-up{bottom:0;width:100%;border-radius:40px;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;height:530px}.pop-up-expanded{width:100%;bottom:0;border-radius:40px;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;height:620px}.header-text{font-size:26px}.header-description{font-size:14px}.address-wrapper{justify-content:center}.address{margin:10px 0 0;cursor:pointer}.confirm-button{margin-top:0}.select-chain,.swap-description-wrapper{margin:0}.network>p{padding:5px;margin:0}.swap>p{margin:5px}.select-chain>p{margin:5px}.swap-details-wrapper{margin-top:2px}}*{box-sizing:border-box}html,body,#root{width:100vw;height:100%;margin:0;padding:0;overflow:hidden}svg{width:2rem;height:2rem;position:absolute;top:2rem;right:2rem}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}