#bid-content{position:relative;margin-top:calc(var(--wrapcoin-html-size) * .2)}#bid-content #bid-box{width:100%;height:calc(var(--wrapcoin-html-size) * 2);position:absolute}#bid-content #bid-box input{width:calc(var(--wrapcoin-html-size) * 2.2);height:calc(var(--wrapcoin-html-size) * .42);background-color:#f0f3fa;color:#000;font-size:calc(var(--wrapcoin-html-size) * .12);border:0;margin-top:calc(var(--wrapcoin-html-size) * .26);left:calc(var(--wrapcoin-html-size) * .16);position:absolute;outline:none;text-align:left}#bid-content #bid-box #bid-receive{padding-left:calc(var(--wrapcoin-html-size) * .18);padding-top:calc(var(--wrapcoin-html-size) * .12);color:#9ba8c2;background-color:#f0f3fa;height:50%;border-radius:16px 16px 0 0}#bid-content #bid-box #bid-pay{padding-left:calc(var(--wrapcoin-html-size) * .18);padding-top:calc(var(--wrapcoin-html-size) * .12);color:#9ba8c2;margin-top:calc(var(--wrapcoin-html-size) * .02);background-color:#f0f3fa;height:50%;border-radius:0 0 16px 16px}#bid-content #bid-box .bid-balance{position:absolute;right:calc(var(--wrapcoin-html-size) * .16);font-size:calc(var(--wrapcoin-html-size) * .13);padding-top:calc(var(--wrapcoin-html-size) * .02);color:#657aa3}#bid-content #bid-box .bid-max-pay{position:absolute;width:calc(var(--wrapcoin-html-size) * 1.2);left:calc(var(--wrapcoin-html-size) * .18);font-size:calc(var(--wrapcoin-html-size) * .11);margin-top:calc(var(--wrapcoin-html-size) * .48);color:#657aa3}#bid-content #bid-box .bid-pay-info{position:absolute;width:100%}#bid-content #bid-box .bid-pay-info .swap-tokenImg{width:calc(var(--wrapcoin-html-size) * .24);height:calc(var(--wrapcoin-html-size) * .24);position:absolute;margin-top:calc(var(--wrapcoin-html-size) * .18);right:calc(var(--wrapcoin-html-size) * .7)}#bid-content #bid-box .bid-pay-info span{position:absolute;margin-top:calc(var(--wrapcoin-html-size) * .22);right:calc(var(--wrapcoin-html-size) * .35)}#bid-content #bid-box .swap-token-select:hover,#bid-content #bid-box .swap-showInfo:hover{cursor:pointer;pointer-events:auto}#bid-content #bid-button-info{width:100%;position:absolute;background-color:#7c7d7e;font-weight:600;padding:calc(var(--wrapcoin-html-size) * .12);border-radius:calc(var(--wrapcoin-html-size) * .1);color:#fff;font-size:calc(var(--wrapcoin-html-size) * .16);font-family:Roboto,sans-serif;text-align:center;margin-top:calc(var(--wrapcoin-html-size) * 2.3);cursor:default}#bid-content #show-warning{position:absolute;margin-top:calc(var(--wrapcoin-html-size) * .8);margin-left:calc(var(--wrapcoin-html-size) * .12);font-size:calc(var(--wrapcoin-html-size) * .1)}#bid-content .bid-btn:hover{cursor:pointer;pointer-events:auto}#bid-content #bid-button{width:100%;position:absolute;background-color:#000000e6;font-weight:600;padding:calc(var(--wrapcoin-html-size) * .12);border-radius:calc(var(--wrapcoin-html-size) * .1);color:#fff;font-size:calc(var(--wrapcoin-html-size) * .16);font-family:Roboto,sans-serif;text-align:center;margin-top:calc(var(--wrapcoin-html-size) * 2.3)}#bid-content #bid-button-pending{width:100%;position:absolute;background-color:#7c7d7ee6;font-weight:600;padding:calc(var(--wrapcoin-html-size) * .12);border-radius:calc(var(--wrapcoin-html-size) * .1);color:#fff;font-size:calc(var(--wrapcoin-html-size) * .14);font-family:Roboto,sans-serif;text-align:center;margin-top:calc(var(--wrapcoin-html-size) * 2.3);cursor:default}@media screen and (max-width: 767px){.bid-settings{background-color:#fff;border-radius:calc(var(--wrapcoin-html-size) * .2);padding:calc(var(--wrapcoin-html-size) * .32);height:calc(var(--wrapcoin-html-size) * 3.8);width:90%;box-shadow:#c3dee7 0 calc(var(--wrapcoin-html-size) * .05) calc(var(--wrapcoin-html-size) * .08);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(var(--wrapcoin-html-size) * .14)}}@media screen and (min-width: 767px){.bid-settings{background-color:#fff;border-radius:calc(var(--wrapcoin-html-size) * .2);padding:calc(var(--wrapcoin-html-size) * .32);height:calc(var(--wrapcoin-html-size) * 4);width:calc(var(--wrapcoin-html-size) * 3.9);box-shadow:#c3dee7 0 calc(var(--wrapcoin-html-size) * .05) calc(var(--wrapcoin-html-size) * .08);position:absolute;left:calc(var(--wrapcoin-html-size) * 5.25);top:calc(var(--wrapcoin-html-size) * 1.5);font-size:calc(var(--wrapcoin-html-size) * .14)}}
