.stripe {
    background-image: url(/engine/payment/img/stripe.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px !important;
    height: 30px !important;
    margin: 4px;
}
.coinbase {
    background-image: url(/engine/payment/img/coinbase.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px !important;
    height: 30px !important;
    margin: 4px;
}

.balance {
    background-image: url(/engine/payment/img/wallet.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px !important;
    height: 30px !important;
    margin: 4px;
}
.paymentslist span {
    min-height: 34px !important;
    margin: 4px;
}

@font-face {
    font-family: "manropebold";
    src: url("../fonts/Manrope/Bold.ttf") format("truetype");
}
.manropebold {
    font-family: "manropebold", sans-serif;
    font-weight: bold;
    font-size: 22px;
    fill: #00b04b;
    letter-spacing: -0.5px;
}
.countdown {
    display: flex;
    font-size: 1.5rem;
    font-weight: 100;
}
.countdown span {
    border-width: 1px;
    border-color: var(--border-color);
    border-style: solid;
    padding: 0px 10px;
    margin: 0px 8px 0px 8px;
    border-radius: 10%;
    line-height: 1.4;
}
.countdown span:first-child {
    margin-left: 0px;
}
.countdown span:last-child {
    margin-right: 0px;
}
span p {
    margin: 0 !important;
}
.height-10{height: 10%;}
.height-20{height: 20%;}
.height-30{height: 30%;}
.height-40{height: 40%;}
.height-50{height: 50%;}
.height-60{height: 60%;}
.height-70{height: 70%;}
.height-80{height: 80%;}
.height-90{height: 90%;}
.height-100{height: 100%;}

.height-10px{height: 10px;}
.height-20px{height: 20px;}
.height-30px{height: 30px;}
.height-40px{height: 40px;}
.height-50px{height: 50px;}
.height-60px{height: 60px;}
.height-70px{height: 70px;}
.height-80px{height: 80px;}
.height-90px{height: 90px;}
.height-100px{height: 100px;}