@font-face{font-family:Inter-Light;font-weight:300;src:url(../fonts/Inter_18pt-Light.8583bd6f.ttf)}.text-inter-light{font-family:Inter-Light}.have-container,.want-container{background-color:#e8e9f5;border-radius:24px;height:100px;position:relative;width:100%}.have-coin-container{top:-18px}.have-coin-container,.want-coin-container{background-color:#d8d2ea;border-radius:20px;left:0;margin:0 auto;padding:0 16px;position:absolute;right:0;width:70%}.want-coin-container{bottom:-18px}.have-method-selector,.want-method-selector{word-wrap:break-word;box-shadow:none;font-size:13px;font-weight:700;overflow:hidden;text-overflow:clip;white-space:nowrap}.have-coin-selector,.want-coin-selector{word-wrap:break-word;box-shadow:none;font-size:10px;font-weight:700;overflow:hidden;text-overflow:clip;white-space:nowrap}.have-amount-input{position:relative}.have-amount-input,.want-amount-input{border:none;color:#2e1951;font-size:28px;font-weight:700;outline:none}.change-separator{background-color:#7144cb;border-radius:40px;clear:both;left:50%;margin:0;padding:10px 45px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.errorMessageInput{color:red;font-size:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,90%)}@keyframes flip-vertical-right{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.flip-vertical-right{animation:flip-vertical-right .2s cubic-bezier(.455,.03,.515,.955) both}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}.scale-up-center{animation:scale-up-center .1s cubic-bezier(.39,.575,.565,1) both}body{background-color:#f3f2f7}