.Input-wrapper{display:flex;align-items:center;position:relative}.Input-wrapper .Input{padding:1rem;width:100%;background-color:var(--hover-bg);border-radius:.5rem;border:1px solid var(--secondary-color-transp);caret-color:var(--secondary-color)}.Input-wrapper .Input:hover{border:1px solid var(--secondary-color)}.Input-wrapper .Input:focus{outline-width:0}.Input-wrapper .Input-label{position:absolute;right:.25rem;padding:.5rem;font-size:.7rem;color:var(--secondary-color)}.Input-wrapper .Input-label:after{content:"";position:absolute;top:50%;left:0;width:1px;height:50%;transform:translateY(-50%);background-color:var(--secondary-color)}.TokenModal-content{display:flex;flex-direction:column;justify-content:space-between;height:90%}.TokenModal-content input{width:90%;height:40px;margin:0 auto 1rem;padding:1.25rem;background-color:var(--secondary-bg);color:var(--main-color);border-radius:1rem}.TokenModal-content input:focus{outline:var(--secondary-color) solid 3px}.TokenModal-content .fav-tokens-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.TokenModal-content .fav-tokens-list .fav-token{padding:.5rem .75rem;border:1px solid var(--secondary-color-transp);border-radius:.5rem;cursor:pointer}.TokenModal-content .fav-tokens-list .fav-token.active-token{border:1px solid var(--secondary-color)}.TokenModal-content .fav-tokens-list .fav-token.disabled-token{cursor:default}.TokenModal-content .fav-tokens-list .fav-token.disabled-token span{opacity:.5}.TokenModal-content .token-list{height:100%;overflow-y:auto;padding:.5rem 0}.TokenModal-content .token-list .token{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0rem}.TokenModal-content .token-list .token:not(.active):hover{background-color:var(--hover-bg)}.TokenModal-content .token-list .token.active{opacity:.5;cursor:inherit}.TokenModal-content .token-list .token .heart-svg{padding:.5rem;color:var(--secondary-color);transition:transform .3s ease 0s;cursor:pointer}.TokenModal-content .token-list .token .heart-svg svg{width:20px}.TokenModal-content .token-list .token>div{display:flex;align-items:center;border-radius:5px}.TokenModal-content .token-list .token .balance{display:flex;align-items:end;flex-direction:column;font-size:.9rem;color:var(--second-color)}.TokenModal-content .token-list .token img,.TokenModal-content .token-list .token svg{width:24px;height:24px;border-radius:50%}.TokenModal-content .token-list .token .result-token-info{flex-grow:1;display:flex;align-items:center}.TokenModal-content .token-list .token .result-token-info span:first-of-type{padding:0 .5rem}.TokenModal-content .token-list .token .result-token-info span:last-of-type{width:15ch}.TokenModal-content .token-list .token .token-info{display:flex;flex-direction:column;margin-left:10px}.TokenModal-content .token-list .token .token-info button{width:inherit}.TokenModal-content .token-list .token .nowrap{color:var(--second-color);font-size:.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.TokenModal-content .token-list .token>svg{opacity:0;padding:.5rem;color:var(--secondary-color);transition:transform .3s ease 0s}.TokenModal-content .token-list .token:hover>svg{opacity:1}.TokenModal-content .token-list .token:hover>svg:hover{transform:rotate(90deg)}.TokenModal-content .token-list .Button{margin:0;padding:.5rem 1.25rem}.TokenModal-content .token-list .result-token{cursor:default}.TokenModal-content .token-list .result-token:hover{background-color:transparent!important}.TokenModal-content .token-list .result-token svg{cursor:default}