.home-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.home-page.show {
transform: translateX(0);
}
.home-page .body-wrapper{
width:100%;
padding:60px 0 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
.home-page .body-wrapper .main-platform{
width:min(500px , calc(100% - 40px));
background:var(--blue);
border-radius:10px;
padding:20px;
margin:20px 0 0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:10px;
}
.home-page .body-wrapper .main-platform .top-text-wrapper{
width:100%;
display:flex;
align-items: center;
justify-content:space-between;
}
.home-page .body-wrapper .main-platform .top-text-wrapper .total-value-text{
color:rgba(255,255,255,0.8);
font-size:14px;
font-family: sans-serif;
font-weight:550;
}
.home-page .body-wrapper .main-platform .top-text-wrapper .history-icon{
color:rgba(255,255,255,0.8);
font-size:15px;
background:transparent;
border:none;
margin:0;
padding: 0;
}
.home-page .body-wrapper .main-platform .top-text-wrapper .history-icon:hover{
transform:scale(1.05);
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper{
width:100%;
display:flex;
align-items: center;
justify-content:flex-start;
gap:10px;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper{
display:flex;
align-items:center;
justify-content:flex-start;
gap:5px;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper .dollar-sign{
font-size:25px;
color:rgba(255,255,255,0.9);
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper .value-text{
font-size:25px;
color:rgba(255,255,255,0.9);
font-family:'fontawesome';
letter-spacing:0.6mm;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.show .value-text .show-text{
display:inline;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.show .value-text .hide-text{
display:none;
}

.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.hide{
align-items:center;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.hide .dollar-sign{
display:none;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.hide .value-text{
letter-spacing: 6px;
font-size: 12px;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.hide .value-text .show-text{
display:none;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .value-wrapper.hide .value-text .hide-text{
display:inline;
}

.home-page .body-wrapper .main-platform .bottom-text-wrapper .toggle-value-visibility-button{
background:transparent;
border:none;
color:rgba(255,255,255,0.9);
font-size:15px;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .toggle-value-visibility-button.hide .hide-icon{
display:inline;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .toggle-value-visibility-button.hide .show-icon{
display:none;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .toggle-value-visibility-button.show .hide-icon{
display:none;
}
.home-page .body-wrapper .main-platform .bottom-text-wrapper .toggle-value-visibility-button.show .show-icon{
display:inline;
}

.home-page .body-wrapper .connect-other-wallets-wrapper{
width:calc(100% - 40px);
background:#f1f1f1;
border-radius:10px;
padding:20px;
margin:15px 0 0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
border:none;
position: relative;
overflow: hidden;
}
.home-page .body-wrapper .connect-other-wallets-wrapper .image{
width:50px;
}
.home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper{
width:calc(100% - 50px);
display:flex;
align-items:flex-start;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:0;
padding:0 0 0 20px;
}
.home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .title{
font-family:system-ui,sans-serif;
font-size:15px;
line-height:20px;
color:#444;
font-weight:550;
text-align:left;
}
.home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .text{
font-family:system-ui,sans-serif;
font-size:14px;
line-height:19px;
color:#555;
font-weight:400;
margin:3px 0 0;
text-align:left;
}
.home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .button{
color:var(--blue);
font-family: sans-serif;
font-size:14px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
margin:5px 0 0;
transition:0.2s;
background:transparent;
border:none;
padding:0;
text-align:left;
}
.home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .button .icon{
font-size:11px;
}



.home-page .body-wrapper .search-field-wrapper{
width:min(500px , calc(100% - 40px));
height:40px;
background:#f5f5f5;
border:1px solid #e5e5e5;
border-radius:30px;
display:flex;
align-items:center;
justify-content:flex-start;
color:#666;
font-family: sans-serif;
padding:0 20px;
font-weight:550;
margin:15px 0 0;
font-size: 14px;
}



.home-page .body-wrapper .sub-platform-1{
width:100%;
background:#fff;
margin:20px 0 0;
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}

.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper{
width:100%;
height:40px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:0;
padding:0;
border:none;
position: relative;
overflow: hidden;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .coin-logo{
width:40px;
height:40px;
border-radius:50%;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper{
width:calc(100% - 55px);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:2px;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap:wrap;
gap:5px;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .activate-button{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .pending-button{
display:none;
}


.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.inactive .text-wrapper{
width:calc(100% - 55px - 90px);
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.inactive .activate-button{
width:75px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}



.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.pending .text-wrapper{
width:calc(100% - 55px - 100px);
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.pending .pending-button{
width:85px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}

.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.show-value .show-value{
display:inline;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.show-value .hide-value{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.hide-value .show-value{
display:none;
}
.home-page .body-wrapper .sub-platform-1 .coin-content-wrapper.hide-value .hide-value{
display: flex;
align-items: center;
font-family: 'fontawesome';
letter-spacing: 3px;
font-size: 10px;
}






/* DARK MODE */
body.dark-theme .home-page .body-wrapper .connect-other-wallets-wrapper{
background: var(--light-black);
}
body.dark-theme .home-page .body-wrapper .connect-other-wallets-wrapper .image{
filter: brightness(0) contrast(1) invert(1);
}
body.dark-theme .home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .title{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .text{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .home-page .body-wrapper .connect-other-wallets-wrapper .text-wrapper .button{
color:dodgerblue;
}
body.dark-theme .home-page .body-wrapper .search-field-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .home-page .body-wrapper .sub-platform-1{
background:transparent;
}
body.dark-theme .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper{
background:transparent;
}
body.dark-theme .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 950px) {
    .home-page .body-wrapper .connect-other-wallets-wrapper{
        margin:20px 0 0;
    }
    .home-page .body-wrapper .search-field-wrapper{
        margin:20px 0 0;
        height: 45px;
        padding: 0 25px;
    }
    .home-page .body-wrapper .sub-platform-1{
        gap:15px;
        justify-content: flex-start;
    }
    .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper{
        width: calc(50% - 7.5px);
        border: 1px solid #d1d1d1;
        background: #f5f5f5;
        border-radius: 5px;
        height: 60px;
        padding: 0 15px;
    }

    /* DARK MODE */
    body.dark-theme .home-page .body-wrapper .sub-platform-1 .coin-content-wrapper{
        background:var(--light-black);
        border:1px solid rgba(255, 255, 255, 0.1);
    }

}
.all-coins-page {
position: fixed;
top: 0;
left:0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.all-coins-page.show{
transform: translateX(0);
}

.all-coins-page .body-wrapper{
width:100%;
padding:60px 0 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
.all-coins-page .body-wrapper .search-field-wrapper {
width: calc(100% - 40px);
height: 50px;
border: 1px solid #e5e5e5;
background: #f5f5f5;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
overflow: hidden;
margin: 15px 0 0;
}
.all-coins-page .body-wrapper .search-field-wrapper .search-icon{
width:50px;
height:100%;
border:none;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:#444;
}
.all-coins-page .body-wrapper .search-field-wrapper .search-field{
width:calc(100% - 100px);
height:100%;
border:none;
background:transparent;
font-size:14px;
color:#444;
}
.all-coins-page .body-wrapper .search-field-wrapper .clear-button-wrapper{
width:50px;
height:100%;
border:none;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
}
.all-coins-page .body-wrapper .search-field-wrapper .clear-button-wrapper .clear-button{
width:20px;
height:20px;
border:none;
border-radius:50%;
background:#f66;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:rgba(255,255,255,0.9);
}




.all-coins-page .body-wrapper .all-coins-wrapper{
width:100%;
background:#fff;
margin:20px 0 0;
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper{
width:100%;
height:40px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:0;
padding:0;
border:none;
position: relative;
overflow: hidden;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .coin-logo{
width:40px;
height:40px;
border-radius:50%;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper{
width:calc(100% - 55px);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:2px;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap:wrap;
gap:5px;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .activate-button{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .pending-button{
display:none;
}


.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.inactive .text-wrapper{
width:calc(100% - 55px - 90px);
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.inactive .activate-button{
width:75px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}



.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.pending .text-wrapper{
width:calc(100% - 55px - 100px);
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.pending .pending-button{
width:85px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}

.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.show-value .show-value{
display:inline;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.show-value .hide-value{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.hide-value .show-value{
display:none;
}
.all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper.hide-value .hide-value{
display: flex;
align-items: center;
font-family: 'fontawesome';
letter-spacing: 3px;
font-size: 10px;
}

.all-coins-page .body-wrapper .all-coins-wrapper .not-found-text{
width:min(500px , calc(100% - 40px));
padding:30px 20px;
margin:auto;
background:#f5f5f5;
border:1px solid #d1d1d1;
font-family: sans-serif;
font-size:15px;
color:#555;
font-weight:550;
text-align: center;
border-radius:10px;
}



/* DARK MODE */
body.dark-theme .all-coins-page .body-wrapper .search-field-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .all-coins-page .body-wrapper .search-field-wrapper .search-icon{
    color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .all-coins-page .body-wrapper .search-field-wrapper .search-field{
    color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper{
background:transparent;
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper{
background:transparent;
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (min-width: 950px) {
    .user-coin-detail-page .about-coin-page{
        padding:0 0 0 300px;
    }
    .all-coins-page .body-wrapper .all-coins-wrapper{
        gap:15px;
        justify-content: flex-start;
    }
    .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper{
        width: calc(50% - 7.5px);
        border: 1px solid #d1d1d1;
        background: #f5f5f5;
        border-radius: 5px;
        height: 60px;
        padding: 0 15px;
    }
    
    /* DARK MODE */
    body.dark-theme .all-coins-page .body-wrapper .all-coins-wrapper .coin-content-wrapper{
        background:var(--light-black);
        border:1px solid rgba(255, 255, 255, 0.1);
    }
}.user-coin-detail-page{
position: fixed;
top: 0;
left:0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.user-coin-detail-page.show{
transform: translateX(0);
}

.user-coin-detail-page .body-wrapper{
width:100%;
padding:60px 0 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
.user-coin-detail-page .body-wrapper .main-platform{
width:calc(100% - 40px);
background:#f8f8f8;
border-radius:10px;
padding:20px;
margin:20px 0 0;
border:1px solid #d1d1d1;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0px;
}
.user-coin-detail-page .body-wrapper .main-platform .title-wrapper{
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding:0 0 20px;
margin:0 0 20px;
border-bottom:1px solid #d1d1d1;
}
.user-coin-detail-page .body-wrapper .main-platform .title-wrapper .title{
width:calc(100% - 20px);
padding:0 0 0 20px;
font-family:sans-serif;
font-size:17px;
font-weight:550;
color:#444;
text-align:center;
}
.user-coin-detail-page .body-wrapper .main-platform .title-wrapper .button{
width:20px;
padding:0;
display:flex;
justify-content: flex-end;
background:transparent;
color:#555;
font-size:16px;
border:none;
transition:0.2s;
}
.user-coin-detail-page .body-wrapper .main-platform .title-wrapper .button:hover{
transform:scale(1.05);
}

.user-coin-detail-page .body-wrapper .main-platform .coin-logo{
width:50px;
height:50px;
border-radius:50%;
}
.user-coin-detail-page .body-wrapper .main-platform .text-wrapper{
width:calc(100% - 50px);
display:flex;
align-items:flex-start;
justify-content: center;
flex-direction:column;
flex-wrap:wrap;
gap:5px;
padding:0 0 0 20px;
}
.user-coin-detail-page .body-wrapper .main-platform .text-wrapper .text{
font-family:sans-serif;
font-size:14px;
color:#444;
font-weight:400;
display:flex;
align-items: center;
justify-content:space-between;
width:100%;
}
.user-coin-detail-page .body-wrapper .main-platform .text-wrapper .text .left-text{
font-weight:550;
}



.user-coin-detail-page .body-wrapper .coin-balance-wrapper{
width:100%;
display:flex;
align-items: flex-start;
justify-content: center;
flex-direction:column;
flex-wrap:wrap;
gap:4px;
background: transparent;
margin:20px 0 0;
padding:0 20px;
display:none;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper>.title{
font-size:14px;
color:#444;
font-family: sans-serif;
font-weight:550;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper{
width:100%;
padding:0;
border:1px solid #d1d1d1;
background:#f8f8f8;
border-radius:10px;
display:flex;
align-items: flex-start;
justify-content:space-between;
flex-direction: row;
flex-wrap:wrap;
gap:0;
position:relative;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper::before{
content:"";
height:calc(100% - 40px);
width:1px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
background:#d1d1d1;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper{
width:50%;
height:100%;
padding:20px;
display:flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
flex-wrap:wrap;
gap:0;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper .title{
color:#444;
font-size:14px;
font-family: sans-serif;
font-weight:400;
width: 100%;
text-align: center;
display:flex;
align-items: center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper:nth-of-type(2) .title .text{
width:calc(100% - 15px);
padding:0 0 0 15px;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper:nth-of-type(2) .title .info-button{
width:15px;
color:#666;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper .dollar-balance{
font-size:18px;
color:#555;
font-weight: 550;
font-family: sans-serif;
margin:7px 0 0;
width: 100%;
text-align: center;
}
.user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper .coin-balance{
font-size:12px;
color:#555;
font-weight:400;
width: 100%;
text-align: center;
}


.user-coin-detail-page .body-wrapper .action-buttons-wrapper{
width: 100%;
margin:20px 0 0;
padding:0 20px;
background:#fff;
display: flex;
align-items: center;
justify-content:center;
flex-direction: row;
flex-wrap:wrap;
gap:20px;
display:none;
}
.user-coin-detail-page .body-wrapper .action-buttons-wrapper .button{
padding:10px 15px;
background:var(--blue);
border:1px solid #e5e5e5;
border-radius:5px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
transition: 0.2s;
gap:5px;
box-shadow:0 0 5px 2px rgb(0,0,0,0.2);
position: relative;
overflow: hidden;
}
.user-coin-detail-page .body-wrapper .action-buttons-wrapper .button>.icon{
color:rgba(255,255,255,0.9);
font-size:16px;
}
.user-coin-detail-page .body-wrapper .action-buttons-wrapper .button>.text{
color:rgba(255,255,255,0.9);
font-size:10px;
font-family:sans-serif;
}

.user-coin-detail-page .body-wrapper .activate-button-wrapper{
width: 100%;
margin:20px 0 0;
padding:0 20px;
background:#fff;
display: flex;
align-items: center;
justify-content:flex-start;
flex-direction: row;
flex-wrap:wrap;
gap:0;
display: none;
}
.user-coin-detail-page .body-wrapper .activate-button-wrapper .button{
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:14px;
padding:10px 20px;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
transition:0.2s;
display:none;
position: relative;
overflow: hidden;
}
.user-coin-detail-page .body-wrapper .activate-button-wrapper .button.pending-button{
background: transparent;
color: #444;
font-weight: 550;
width: 100%;
font-size: 15px;
gap: 10px;
}

.user-coin-detail-page .body-wrapper .transaction-history-wrapper{
width: 100%;
margin:20px 0 0;
padding:20px;
background:#fff;
display: flex;
align-items: center;
justify-content:center;
flex-direction: row;
flex-wrap:wrap;
gap:0;
border-top: 1px solid #d1d1d1;
display:none;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper .heading{
width: 100%;
font-family:sans-serif;
font-size:16px;
color:#444;
font-weight:550;
}

.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data{
width: 100%;
margin:20px 0 0;
display: flex;
align-items: center;
justify-content:center;
flex-direction: row;
flex-wrap:wrap;
gap:25px;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .not-found-text{
width: min(500px, 100%);
border: 1px solid #d1d1d1;
background: #f8f8f8;
border-radius: 10px;
padding: 30px 20px;
color: #555;
font-family: sans-serif;
font-weight: 550;
font-size: 14px;
}

.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card{
width:100%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
border:none;
padding:0;
margin:0;
position: relative;
overflow: hidden;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .icon-wrapper{
width:40px;
height:40px;
border: 1px solid var(--blue);
border-radius:50%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
color:var(--blue);
font-size:15px;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper{
width:calc(100% - 40px);
background: transparent;
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
flex-wrap:wrap;
gap:5px;
padding:0 0 0 15px;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper{
width:100%;
background: transparent;
display: flex;
align-items:flex-start;
justify-content:space-between;
flex-direction:row;
flex-wrap:nowrap;
gap:0;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .title-text{
font-family:sans-serif;
font-size:15px;
font-weight:550;
color:#444;
text-align: left;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .date-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
color:#555;
text-align: right;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .value-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
color:#555;
word-break:break-word;
padding:0 10px 0 0;
text-align: left;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .status-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
border-radius:5px;
display: flex;
align-items: center;
justify-content:center;
gap:5px;
font-weight:550;
text-transform: capitalize;
}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .status-text.processed{color:var(--light-green)}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .status-text.pending{color:orange}
.user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .status-text.failed{color:#f44}


.user-coin-detail-page .body-wrapper.active .coin-balance-wrapper{display:flex;}
.user-coin-detail-page .body-wrapper.active .action-buttons-wrapper{display:flex}
.user-coin-detail-page .body-wrapper.active .activate-button-wrapper{display:none}
.user-coin-detail-page .body-wrapper.active .activate-button-wrapper .activate-button{display:none}
.user-coin-detail-page .body-wrapper.active .activate-button-wrapper .pending-button{display:none}
.user-coin-detail-page .body-wrapper.active .transaction-history-wrapper{display:flex}

.user-coin-detail-page .body-wrapper.inactive .coin-balance-wrapper{display:none;}
.user-coin-detail-page .body-wrapper.inactive .action-buttons-wrapper{display:none}
.user-coin-detail-page .body-wrapper.inactive .activate-button-wrapper{display:flex}
.user-coin-detail-page .body-wrapper.inactive .activate-button-wrapper .activate-button{display:flex}
.user-coin-detail-page .body-wrapper.inactive .activate-button-wrapper .pending-button{display:none}
.user-coin-detail-page .body-wrapper.inactive .transaction-history-wrapper{display:none}

.user-coin-detail-page .body-wrapper.pending .coin-balance-wrapper{display:none;}
.user-coin-detail-page .body-wrapper.pending .action-buttons-wrapper{display:none}
.user-coin-detail-page .body-wrapper.pending .activate-button-wrapper{display:flex}
.user-coin-detail-page .body-wrapper.pending .activate-button-wrapper .activate-button{display:none}
.user-coin-detail-page .body-wrapper.pending .activate-button-wrapper .pending-button{display:flex}
.user-coin-detail-page .body-wrapper.pending .transaction-history-wrapper{display:none}






.user-coin-detail-page .about-coin-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 1;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.user-coin-detail-page.show .about-coin-page.show{
transform: translateX(0);
}
.user-coin-detail-page .about-coin-page .content-wrapper {
width: min(500px, 100%);
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
padding: 80px 20px 20px;
margin:0 auto;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data{
width:100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .heading-text {
font-family: "fontawesome";
color:#444;
letter-spacing: 0.5mm;
font-size: 13px;
font-weight: 600;
width:100%;
text-align: center;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .coin-logo{
width:40px;
height:40px;
margin:15px 0 0;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .coin-price{
width: 100%;
font-family:'fontawesome';
font-size:18px;
color:#555;
font-weight:400;
letter-spacing:0.5mm;
text-align:center;
margin:15px 0 0;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .stats-title{
width: 100%;
font-family:sans-serif;
font-size:15px;
color:#444;
font-weight:550;
text-align: left;
margin:30px 0 0;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .stats-wrapper{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
margin: 10px 0 0;
background: #f5f5f5;
border: 1px solid #e5e5e5;
border-radius: 10px;
padding: 25px 20px;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .stats-wrapper .text-wrapper{
font-family:sans-serif;
font-size:14px;
color:#555;
display:flex;
align-items: center;
justify-content:space-between;
width:100%;
}
.user-coin-detail-page .about-coin-page .content-wrapper #data .stats-wrapper .text-wrapper .left-text{
font-weight:550;
}
.user-coin-detail-page .about-coin-page .content-wrapper .close-button {
padding:15px 25px;
border: none;
font-family: "fontawesome";
font-size: 12px;
letter-spacing: 0.3mm;
transition: 0.1s;
background: none;
color:rgba(255,255,255,0.9);
background:#f44;
border-radius: 5px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
margin:20px 0 0;
position: relative;
overflow: hidden;
}







/* DARK MODE */
body.dark-theme .user-coin-detail-page .body-wrapper .main-platform{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .body-wrapper .main-platform .title-wrapper{
border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .body-wrapper .main-platform .title-wrapper .title{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .main-platform .title-wrapper .button{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .main-platform .text-wrapper .text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .user-coin-detail-page .body-wrapper .coin-balance-wrapper>.title{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper .title{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper .dollar-balance{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper .coin-balance{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .user-coin-detail-page .body-wrapper .coin-balance-wrapper .content-wrapper .cell-wrapper:nth-of-type(2) .title .info-button{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .action-buttons-wrapper{
background: transparent;
}
body.dark-theme .user-coin-detail-page .body-wrapper .action-buttons-wrapper .button{
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .body-wrapper .action-buttons-wrapper .button.pending-button{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .activate-button-wrapper{
background: transparent;
}
body.dark-theme .user-coin-detail-page .body-wrapper.pending .activate-button-wrapper .pending-button{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper{
background: transparent;
border-top:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .icon-wrapper{
border:1px solid dodgerblue;
color:dodgerblue;
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .title-text{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .date-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper #data .transaction-content-card .text-wrapper .inner-text-wrapper .value-text{
color:rgba(255, 255, 255, 0.8);
}


body.dark-theme .user-coin-detail-page .about-coin-page .content-wrapper #data .heading-text{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .about-coin-page .content-wrapper #data .coin-price{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .user-coin-detail-page .about-coin-page .content-wrapper #data .stats-title{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .user-coin-detail-page .about-coin-page .content-wrapper #data .stats-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .user-coin-detail-page .about-coin-page .content-wrapper #data .stats-wrapper .text-wrapper{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .user-coin-detail-page .about-coin-page .content-wrapper #data .stats-wrapper .text-wrapper .left-text{
color:rgba(255, 255, 255, 0.8);
}





@media screen and (min-width: 950px) {
    .user-coin-detail-page .about-coin-page{
        padding:0 0 0 300px;
    }
    .user-coin-detail-page .body-wrapper{
        width:600px;
        margin:auto;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .user-coin-detail-page .body-wrapper .main-platform{
        width: 100%;
    }
    .user-coin-detail-page .body-wrapper .coin-balance-wrapper{
        padding:0;
    }
    .user-coin-detail-page .body-wrapper .transaction-history-wrapper{
        border: 1px solid #d1d1d1;
        border-radius: 10px;
        padding: 30px 20px;
        background: #f8f8f8;
    }

    /* DARK MODE */
    body.dark-theme .user-coin-detail-page .body-wrapper .transaction-history-wrapper{
        background: var(--light-black);
        border:1px solid rgba(255, 255, 255, 0.1);
    }
    
}.link-external-wallet-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.link-external-wallet-page.show{
transform: translateX(0);
}

.link-external-wallet-page .body-wrapper{
width:min(100% , 500px);
margin: auto;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.link-external-wallet-page .body-wrapper .heading{
width:100%;
color: #444;
font-family: sans-serif;
font-weight:550;
font-size:20px;
margin:30px 0 0;
}
.link-external-wallet-page .body-wrapper .sub-heading-text{
width:100%;
color: #555;
font-family: sans-serif;
font-weight:400;
font-size:15px;
margin:10px 0 0;
}
.link-external-wallet-page .body-wrapper .content-wrapper{
width:100%;
border:1px solid #e5e5e5;
background: #f8f8f8;
border-radius:10px;
overflow: hidden;
padding:20px;
display:flex;
align-items:center;
justify-content:flex-start;
flex-direction: column;
flex-wrap:wrap;
gap:0;
margin:15px 0 0;
}
.link-external-wallet-page .body-wrapper .content-wrapper .title{
width:100%;
color: #555;
font-family: sans-serif;
font-weight:550;
font-size:15px;
}
.link-external-wallet-page .body-wrapper .content-wrapper .sub-text{
color:#555;
font-size:14px;
font-family: sans-serif;
font-weight:400;
width:100%;
margin:5px 0 0;
}
.link-external-wallet-page .body-wrapper .content-wrapper>.input-field{
width:100%;
height:45px;
border:1px solid #d1d1d1;
background: transparent;
text-indent: 15px;
color:#444;
font-size:14px;
font-family: sans-serif;
font-weight:400;
margin:10px 0 0;
border-radius:5px;
}
.link-external-wallet-page .body-wrapper .content-wrapper>.input-field.error{
border: 1px solid #f99 !important;
background: rgba(255, 0, 0, 0.05) !important;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data{
width:100%;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction:row;
flex-wrap:wrap;
gap:5px;
margin: 10px 0 0;
border:1px solid #d1d1d1;
border-radius:5px;
padding:15px;
cursor:text;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data.error{
border: 1px solid #f99 !important;
background: rgba(255, 0, 0, 0.05) !important;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .phrase-wrapper{
max-width:100%;
display: flex;
align-items: center;
justify-content: center;
gap:5px;
padding:7px 10px;
border-radius:5px;
background:var(--blue);
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .phrase-wrapper .delete-button{
background:transparent;
color:rgba(255,255,255,0.9);
font-size:13px;
border:none;
font-weight:800;
padding:0;
cursor: pointer;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .phrase-wrapper .text{
color:rgba(255,255,255,0.9);
font-size:14px;
font-family: sans-serif;
font-weight:400;
width:100%;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .input-field-wrapper{
position: relative;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .input-field-wrapper .fake-text{
background:transparent;
min-width:100px;
max-width:100%;
min-height:17px;
font-size:14px;
font-family: sans-serif;
word-break:break-word;
padding:0;
opacity:0;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .input-field-wrapper .input-field{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
color:#444;
font-size:14px;
font-family: sans-serif;
font-weight:400;
border:none;
background:transparent;
padding:0;
resize: none;
overflow:hidden;
}
.link-external-wallet-page .body-wrapper .content-wrapper #data .input-field-wrapper .input-field:focus{
outline:none;
border:none;
}
.link-external-wallet-page .body-wrapper .content-wrapper .button-wrapper{
width:100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin:15px 0 0;
}
.link-external-wallet-page .body-wrapper .content-wrapper .button-wrapper .connect-button{
height:50px;
padding:0 20px;
border-radius:5px;
border: none;
background:var(--green);
color:rgba(255,255,255,0.9);
font-weight:550;
font-size:14px;
font-family: sans-serif;
box-shadow:0 0 5px 1px rgba(0,0,0,0.2);
display: flex;
align-items: center;
justify-content:center;
gap:10px;
border: 1px solid #c1c1c1;
position: relative;
overflow: hidden;
}
.link-external-wallet-page .body-wrapper .content-wrapper .button-wrapper .connect-button .logo{
height:20px;
filter: brightness(0) contrast(1) invert(1);
}

.link-external-wallet-page .body-wrapper .info-text{
color:#555;
font-size:14px;
font-family: sans-serif;
font-weight:400;
width:100%;
margin:15px 0 0;
line-height:19px;
}









/* DARK MODE */
body.dark-theme .link-external-wallet-page .body-wrapper .heading{
color:rgba(255,255,255,0.9);
}
body.dark-theme .link-external-wallet-page .body-wrapper .sub-heading-text{
color:rgba(255,255,255,0.7);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper{
background:var(--light-black);
border:1px solid rgba(255,255,255,0.1);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper .title{
color:rgba(255,255,255,0.8);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper .sub-text{
color:rgba(255,255,255,0.7);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper>.input-field{
color:rgba(255,255,255,0.9);
border:1px solid rgba(255,255,255,0.1);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper #data{
border:1px solid rgba(255,255,255,0.1);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper #data .input-field-wrapper .input-field{
color:rgba(255,255,255,0.9);
}
body.dark-theme .link-external-wallet-page .body-wrapper .content-wrapper .button-wrapper .connect-button{
    border: none;
}
body.dark-theme .link-external-wallet-page .body-wrapper .info-text{
color:rgba(255,255,255,0.7);
}


@media screen and (min-width: 950px) {
    .link-external-wallet-page{
        padding:0 0 0 300px;
    }
}.send-page{
position: fixed;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: 0;
padding:0;
margin:0;
}
.send-page .select-coin-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform:translateX(-100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.send-page .select-coin-page.show {
transform: translateX(0);
}

.send-page .select-coin-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.send-page .select-coin-page .body-wrapper .search-field-wrapper{
width:100%;
height:50px;
border: 1px solid #e5e5e5;
background: #f5f5f5;
border-radius:10px;
display:flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap:wrap;
gap:0;
overflow:hidden;
margin:15px 0 0;
}
.send-page .select-coin-page .body-wrapper .search-field-wrapper .back-button{
width:50px;
height:calc(100% - 10px);
border:none;
border-right: 1px solid #e5e5e5;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:#444;
}
.send-page .select-coin-page .body-wrapper .search-field-wrapper .search-field{
width:calc(100% - 100px);
height:100%;
border:none;
background:transparent;
font-size:14px;
color:#444;
text-indent: 15px;
}
.send-page .select-coin-page .body-wrapper .search-field-wrapper .clear-button-wrapper{
width:50px;
height:100%;
border:none;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
}
.send-page .select-coin-page .body-wrapper .search-field-wrapper .clear-button-wrapper .clear-button{
width:20px;
height:20px;
border:none;
border-radius:50%;
background:#f66;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:rgba(255,255,255,0.9);
}

.send-page .select-coin-page .body-wrapper .main-platform{
width:100%;
background:#fff;
margin:20px 0 0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
width:100%;
height:40px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:0;
padding:0;
border:none;
transition:0.2s;
border:none;
position: relative;
overflow: hidden;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .coin-logo{
width:40px;
height:40px;
border-radius:50%;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper{
width:calc(100% - 55px);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:2px;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap:wrap;
gap:5px;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .activate-button{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .pending-button{
display:none;
}


.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper{
width:calc(100% - 55px - 90px);
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .activate-button{
width:75px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}



.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper{
width:calc(100% - 55px - 100px);
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .pending-button{
width:85px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}

.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.show-value .show-value{
display:inline;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.show-value .hide-value{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.hide-value .show-value{
display:none;
}
.send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.hide-value .hide-value{
display: flex;
align-items: center;
font-family: 'fontawesome';
letter-spacing: 3px;
font-size: 10px;
}

.send-page .select-coin-page .body-wrapper .main-platform .not-found-text{
width:min(500px , calc(100% - 40px));
padding:30px 20px;
margin:auto;
background:#f5f5f5;
border:1px solid #d1d1d1;
font-family: sans-serif;
font-size:15px;
color:#555;
font-weight:550;
text-align: center;
border-radius:10px;
}









.send-page .select-network-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.send-page .select-network-page.show{
transform: translateX(0);
}

.send-page .select-network-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.send-page .select-network-page .body-wrapper .heading{
width:100%;
font-family:'fontawesome';
color:#444;
letter-spacing:0.5mm;
font-size:14px;
margin:20px 0 0;
}
.send-page .select-network-page .body-wrapper .main-platform{
width:100%;
background:transparent;
margin:15px 0 0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}
.send-page .select-network-page .body-wrapper .main-platform .button{
width:100%;
border:none;
background:#f5f5f5;
border-radius:5px;
color:#444;
font-family:sans-serif;
font-size:15px;
height:60px;
padding:0 20px;
display:flex;
align-items:center;
justify-content: flex-start;
gap: 10px;
box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
transition:0.2s;
text-transform:uppercase;
position: relative;
overflow: hidden;
}
.send-page .select-network-page .body-wrapper .main-platform .not-found-text{
width:min(100% , 500px);
padding:30px 20px;
border: 1px solid #d1d1d1;
background:#f5f5f5;
border-radius:10px;
color:#444;
font-weight:550;
font-family: sans-serif;
font-size: 15px;
text-align: center;
}

.send-page .select-network-page .body-wrapper .button-wrapper{
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0 0;
width:100%;
}
.send-page .select-network-page .body-wrapper .button-wrapper .back-button{
padding: 15px 20px;
background: #f44;
color: rgba(255, 255, 255,0.9);
font-family: 'fontawesome';
font-size: 12px;
letter-spacing: 0.4mm;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
border-radius: 5px;
border: none;
position: relative;
overflow: hidden;
}







.send-page .send-crypto-page {
position: fixed;
top: 0;
left:0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.send-page .send-crypto-page.show{
transform: translateX(0);
}

.send-page .send-crypto-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
    
.send-page .send-crypto-page .body-wrapper .main-platform{
width:100%;
background:transparent;
margin:30px 0 0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0 15px;
}
.send-page .send-crypto-page .body-wrapper .main-platform .heading{
width:100%;
font-family:'fontawesome';
color:#444;
letter-spacing:0.5mm;
font-size:15px;
text-align:center;
}

.send-page .send-crypto-page .body-wrapper .main-platform .title{
width:100%;
font-family:sans-serif;
color:#555;
font-size:15px;
font-weight:550;
margin:25px 0 7px;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-button{
display: flex;
align-items:center;
justify-content:center;
width:calc(50% - 7.5px);
height:60px;
padding:0 15px;
border:1px solid #d1d1d1;
background:#f8f8f8;
border-radius:5px;
overflow:hidden;
color:#555;
transition: 0.2s;
position: relative;
overflow: hidden;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-button .image{
max-height: calc(100% - 20px);
max-width: 100%;
border-radius: 5px;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-button .image.white{
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-button .text{
width: 100%;
color: inherit;
font-family: 'fontawesome';
font-size: 14px;
font-weight: 500;
letter-spacing: 0.4mm;
line-height: 18px;
text-align: center;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox{
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked+.send-type-button{
background:var(--blue);
border:none;
color:rgba(255, 255, 255, 0.9);
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked+.send-type-button .image.coloured{
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked+.send-type-button .image.white{
display:block;
}

.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked~.input-field-wrapper-container{
display:flex;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox#send-page_send-internal:checked~.input-field-wrapper-container:first-of-type #email-or-wallet-address-text{
display:flex;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox#send-page_send-internal:checked~.input-field-wrapper-container:first-of-type #wallet-address-text{
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox#send-page_send-external:checked~.input-field-wrapper-container:first-of-type #email-or-wallet-address-text{
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .send-type-checkbox#send-page_send-external:checked~.input-field-wrapper-container:first-of-type #wallet-address-text{
display:flex;
}


.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper-container{
display: flex;
align-items:center;
justify-content:center;
flex-direction: row;
flex-wrap: wrap;
gap:0 15px;
width:100%;
margin: 0;
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper{
height:60px;
width:100%;
background: transparent;
border: 1px solid #d1d1d1;
border-radius:5px;
position:relative;
overflow:hidden;
margin:15px 0 0;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .icon{
width:50px;
height: 100%;
position:absolute;
top:0;
left:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
cursor:text;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .placeholder-text{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: flex-start;
font-family:sans-serif;
transition:.2s;
cursor:text;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper.password .placeholder-text{
width:calc(100% - 100px);
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#444;
font-size:14px;
border: none;
z-index: 1;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper.password .input-field{
width:calc(100% - 100px);
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field:focus~.placeholder-text{
height: 11px;
top:4px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field:valid~.placeholder-text{
height: 11px;
top:4px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .toggle-password-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:none;
align-items: center;
justify-content: center;
overflow: hidden;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper.password .toggle-password-button{
display:flex;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-closed-icon{
display:block;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-open-icon{
display:none;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-open-icon{
display:block;
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-closed-icon{
display:none;
}


.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper.small-field .placeholder-text{
width:calc(100% - 100px);
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper.small-field .input-field{
width:calc(100% - 100px);
}
.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .max-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:var(--blue);
font-family:sans-serif;
font-weight:550;
font-size:13px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
overflow: hidden;
}


.send-page .send-crypto-page .body-wrapper .main-platform .error-text-wrapper{
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
padding: 10px 15px;
border-radius: 5px;
margin: 10px 0 0;
width: 100%;
background: #f8f8f8;
gap: 5px;
border: 1px solid #d1d1d1;
}
.send-page .send-crypto-page .body-wrapper .main-platform .error-text-wrapper.show{
display:flex;
}
.send-page .send-crypto-page .body-wrapper .main-platform .error-text-wrapper .error-text{
font-family: var(--default-font);
font-size: 11px;
color: #f55;
font-weight: 500;
width: 100%;
line-height: 14px;
display: none;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px
}
.send-page .send-crypto-page .body-wrapper .main-platform .error-text-wrapper .error-text.show{
display:flex;
}

.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .dollar-amount-text{
width:100%;
font-family:'fontawesome';
font-size:12px;
color:#555;
letter-spacing:0.4mm;
font-weight:550;
margin:5px 0 0;
}

.send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .send-button{
height:50px;
padding:0 20px;
display:flex;
align-items: center;
justify-content: center;
gap:8px;
color:rgba(255, 255, 255, 0.9);
font-family: sans-serif;
font-size: 15px;
background:var(--green);
border: none;
border-radius: 5px;
margin:15px 0 0;
position: relative;
overflow: hidden;
}

.send-page .send-crypto-page .body-wrapper .main-platform .back-button{
height:50px;
padding:0 20px;
display:flex;
align-items: center;
justify-content: center;
gap:8px;
color:#f44;
font-family: sans-serif;
font-size: 15px;
background:transparent;
border: none;
border-radius: 5px;
margin:15px 0 0;
position: relative;
overflow: hidden;
}



/* DARK MODE */
body.dark-theme .send-page .select-coin-page .body-wrapper .search-field-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .search-field-wrapper .back-button{
color: rgba(255, 255, 255, 0.9);
border-right:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .search-field-wrapper .search-field{
color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform{
background:transparent;
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
background:transparent;
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


body.dark-theme .send-page .select-network-page .body-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .select-network-page .body-wrapper .main-platform .button{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
}
body.dark-theme .send-page .select-network-page .body-wrapper .main-platform .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}

body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .title{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .send-type-button{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .send-type-button .image.coloured{
display:none;
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .send-type-button .image.white{
display:block;
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper{
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .icon{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .placeholder-text{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper .max-button{
color:dodgerblue;
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .dollar-amount-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .send-page .send-crypto-page .body-wrapper .main-platform .error-text-wrapper{
background:rgba(0,0,0,0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (min-width: 950px) {
    
    .send-page .select-coin-page{
        padding:0 0 0 300px;
    }
    .send-page .select-network-page{
        padding:0 0 0 300px;
    }
    .send-page .send-crypto-page{
        padding:0 0 0 300px;
    }

    .send-page .select-coin-page .body-wrapper .main-platform{
        gap:15px;
        justify-content: flex-start;
    }
    .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
        width: calc(50% - 7.5px);
        border: 1px solid #d1d1d1;
        background: #f5f5f5;
        border-radius: 5px;
        height: 60px;
        padding: 0 15px;
    }

    .send-page .select-network-page .body-wrapper .main-platform .button{
        width:calc(50% - 10px);
    }
    .send-page .select-network-page .body-wrapper{
        width:500px;
        margin:auto;
    }
    .send-page .select-network-page .body-wrapper .heading{
        text-align: center;
    }

    .send-page .send-crypto-page .body-wrapper{
        width:500px;
        margin:auto;
    }

    
    /* DARK MODE */
    body.dark-theme .send-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
        background:var(--light-black);
        border:1px solid rgba(255, 255, 255, 0.1);
    }
}.receive-page{
position: fixed;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: 0;
padding:0;
margin:0;
}
.receive-page .select-coin-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform:translateX(-100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.receive-page .select-coin-page.show {
transform: translateX(0);
}

.receive-page .select-coin-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.receive-page .select-coin-page .body-wrapper .search-field-wrapper{
width:100%;
height:50px;
border: 1px solid #e5e5e5;
background: #f5f5f5;
border-radius:10px;
display:flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap:wrap;
gap:0;
overflow:hidden;
margin:15px 0 0;
}
.receive-page .select-coin-page .body-wrapper .search-field-wrapper .back-button{
width:50px;
height:calc(100% - 10px);
border:none;
border-right: 1px solid #e5e5e5;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:#444;
}
.receive-page .select-coin-page .body-wrapper .search-field-wrapper .search-field{
width:calc(100% - 100px);
height:100%;
border:none;
background:transparent;
font-size:14px;
color:#444;
text-indent: 15px;
}
.receive-page .select-coin-page .body-wrapper .search-field-wrapper .clear-button-wrapper{
width:50px;
height:100%;
border:none;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
}
.receive-page .select-coin-page .body-wrapper .search-field-wrapper .clear-button-wrapper .clear-button{
width:20px;
height:20px;
border:none;
border-radius:50%;
background:#f66;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:rgba(255,255,255,0.9);
}

.receive-page .select-coin-page .body-wrapper .main-platform{
width:100%;
background:#fff;
margin:20px 0 0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
width:100%;
height:40px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:0;
padding:0;
border:none;
transition:0.2s;
border:none;
position: relative;
overflow: hidden;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .coin-logo{
width:40px;
height:40px;
border-radius:50%;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper{
width:calc(100% - 55px);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:2px;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap:wrap;
gap:5px;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .activate-button{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .pending-button{
display:none;
}


.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper{
width:calc(100% - 55px - 90px);
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.inactive .activate-button{
width:75px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}



.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper{
width:calc(100% - 55px - 100px);
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.pending .pending-button{
width:85px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}

.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.show-value .show-value{
display:inline;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.show-value .hide-value{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.hide-value .show-value{
display:none;
}
.receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper.hide-value .hide-value{
display: flex;
align-items: center;
font-family: 'fontawesome';
letter-spacing: 3px;
font-size: 10px;
}

.receive-page .select-coin-page .body-wrapper .main-platform .not-found-text{
width:min(500px , calc(100% - 40px));
padding:30px 20px;
margin:auto;
background:#f5f5f5;
border:1px solid #d1d1d1;
font-family: sans-serif;
font-size:15px;
color:#555;
font-weight:550;
text-align: center;
border-radius:10px;
}












.receive-page .select-network-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.receive-page .select-network-page.show{
transform: translateX(0);
}

.receive-page .select-network-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.receive-page .select-network-page .body-wrapper .heading{
width:100%;
font-family:'fontawesome';
color:#444;
letter-spacing:0.5mm;
font-size:14px;
margin:20px 0 0;
}
.receive-page .select-network-page .body-wrapper .main-platform{
width:100%;
background:transparent;
margin:15px 0 0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}
.receive-page .select-network-page .body-wrapper .main-platform .button{
width:100%;
border:none;
background:#f5f5f5;
border-radius:5px;
color:#444;
font-family:sans-serif;
font-size:15px;
height:60px;
padding:0 20px;
display:flex;
align-items:center;
justify-content: flex-start;
gap: 10px;
box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
transition:0.2s;
text-transform:uppercase;
position: relative;
overflow: hidden;
}
.receive-page .select-network-page .body-wrapper .main-platform .not-found-text{
width:min(100% , 500px);
padding:30px 20px;
border: 1px solid #d1d1d1;
background:#f5f5f5;
border-radius:10px;
color:#444;
font-weight:550;
font-family: sans-serif;
font-size: 15px;
text-align: center;
}

.receive-page .select-network-page .body-wrapper .button-wrapper{
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0 0;
width:100%;
}
.receive-page .select-network-page .body-wrapper .button-wrapper .back-button{
padding: 15px 20px;
background: #f44;
color: rgba(255, 255, 255,0.9);
font-family: 'fontawesome';
font-size: 12px;
letter-spacing: 0.4mm;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
border-radius: 5px;
border: none;
position: relative;
overflow: hidden;
}














.receive-page .receive-crypto-page {
position: fixed;
top: 0;
left:0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.receive-page .receive-crypto-page.show{
transform: translateX(0);
}

.receive-page .receive-crypto-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
    
.receive-page .receive-crypto-page .body-wrapper .main-platform{
width:100%;
background:transparent;
margin:30px 0 0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0 15px;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .heading{
width:100%;
font-family:'fontawesome';
color:#444;
letter-spacing:0.5mm;
font-size:15px;
text-align:center;
}

.receive-page .receive-crypto-page .body-wrapper .main-platform .title{
width:100%;
font-family:sans-serif;
color:#555;
font-size:15px;
font-weight:550;
margin:25px 0 7px;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button{
display: flex;
align-items:center;
justify-content:center;
width:calc(50% - 7.5px);
height:60px;
padding:0 15px;
border:1px solid #d1d1d1;
background:#f8f8f8;
border-radius:5px;
overflow:hidden;
color:#555;
transition: 0.2s;
position: relative;
overflow: hidden;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button .image{
max-height: calc(100% - 20px);
max-width: 100%;
border-radius: 5px;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button .image.white{
display:none;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button .text{
width: 100%;
color: inherit;
font-family: 'fontawesome';
font-size: 14px;
font-weight: 500;
letter-spacing: 0.4mm;
line-height: 18px;
text-align: center;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-checkbox{
display:none;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked+.send-type-button{
background:var(--blue);
border:none;
color:rgba(255, 255, 255, 0.9);
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked+.send-type-button .image.coloured{
display:none;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-checkbox:checked+.send-type-button .image.white{
display:block;
}


.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-checkbox#receive-page_send-internal:checked~.input-field-wrapper-container.internal-wrapper{
display:flex;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-checkbox#receive-page_send-external:checked~.input-field-wrapper-container.external-wrapper{
display:flex;
}


.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper-container{
display: flex;
align-items:center;
justify-content:center;
flex-direction: row;
flex-wrap: wrap;
gap:0 15px;
width:100%;
margin: 0;
display:none;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .info-text{
margin:15px 0 0;
color:#444;
font-family: sans-serif;
font-size:14px;
width:100%;
line-height:19px;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper{
height:60px;
width:100%;
background: transparent;
border: 1px solid #d1d1d1;
border-radius:5px;
position:relative;
overflow:hidden;
margin:15px 0 0;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .icon{
width:50px;
height: 100%;
position:absolute;
top:0;
left:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
cursor:text;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .placeholder-text{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: flex-start;
font-family:sans-serif;
transition:.2s;
cursor:text;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper.password .placeholder-text{
width:calc(100% - 100px);
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#444;
font-size:14px;
border: none;
z-index: 1;
display:flex;
align-items:center;
justify-content:flex-start;
word-break: break-word;
line-height: 13px;
font-weight: 550;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper.password .input-field{
width:calc(100% - 100px);
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field:focus~.placeholder-text{
height: 11px;
top:4px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field:valid~.placeholder-text{
height: 11px;
top:4px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field.text~.placeholder-text{
height: 11px;
top:4px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .toggle-password-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:none;
align-items: center;
justify-content: center;
overflow: hidden;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper.password .toggle-password-button{
display:flex;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-closed-icon{
display:block;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-open-icon{
display:none;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-open-icon{
display:block;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-closed-icon{
display:none;
}


.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper.small-field .placeholder-text{
width:calc(100% - 100px);
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper.small-field .input-field{
width:calc(100% - 100px);
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .copy-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:var(--blue);
font-size:18px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .qr-code{
width:min(200px , 100%);
aspect-ratio:1/1;
border:1px solid #d1d1d1;
border-radius:5px;
margin:15px 0 0;
padding: 8px;
}


.receive-page .receive-crypto-page .body-wrapper .main-platform .error-text-wrapper{
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
padding: 10px 15px;
border-radius: 5px;
margin: 10px 0 0;
width: 100%;
background: #f8f8f8;
gap: 5px;
border: 1px solid #d1d1d1;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .error-text-wrapper.show{
display:flex;
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .error-text-wrapper .error-text{
font-family: var(--default-font);
font-size: 11px;
color: #f55;
font-weight: 500;
width: 100%;
line-height: 14px;
display: none;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px
}
.receive-page .receive-crypto-page .body-wrapper .main-platform .error-text-wrapper .error-text.show{
display:flex;
}

.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .dollar-amount-text{
width:100%;
font-family:'fontawesome';
font-size:12px;
color:#555;
letter-spacing:0.4mm;
font-weight:550;
margin:5px 0 0;
}

.receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .send-button{
height:50px;
padding:0 20px;
display:flex;
align-items: center;
justify-content: center;
gap:8px;
color:rgba(255, 255, 255, 0.9);
font-family: sans-serif;
font-size: 15px;
background:var(--green);
border: none;
border-radius: 5px;
margin:15px 0 0;
position: relative;
overflow: hidden;
}

.receive-page .receive-crypto-page .body-wrapper .main-platform .back-button{
height:50px;
padding:0 20px;
display:flex;
align-items: center;
justify-content: center;
gap:8px;
color:#f44;
font-family: sans-serif;
font-size: 15px;
background:transparent;
border: none;
border-radius: 5px;
margin:15px 0 0;
position: relative;
overflow: hidden;
}






/* DARK MODE */
body.dark-theme .receive-page .select-coin-page .body-wrapper .search-field-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .search-field-wrapper .back-button{
color: rgba(255, 255, 255, 0.9);
border-right:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .search-field-wrapper .search-field{
color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform{
background:transparent;
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
background:transparent;
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


body.dark-theme .receive-page .select-network-page .body-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .select-network-page .body-wrapper .main-platform .button{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
}
body.dark-theme .receive-page .select-network-page .body-wrapper .main-platform .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .title{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button .image.coloured{
display:none;
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .send-type-button .image.white{
display:block;
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .info-text{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper{
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .icon{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .placeholder-text{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .input-field{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .max-button{
color:dodgerblue;
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper .copy-button{
color:dodgerblue;
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .input-field-wrapper-container .dollar-amount-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .error-text-wrapper{
background:rgba(0,0,0,0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .receive-page .receive-crypto-page .body-wrapper .main-platform .qr-code{
border:1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (min-width: 950px) {
    
    .receive-page .select-coin-page{
        padding:0 0 0 300px;
    }
    .receive-page .select-network-page{
        padding:0 0 0 300px;
    }
    .receive-page .receive-crypto-page{
        padding:0 0 0 300px;
    }
    .receive-page .select-coin-page .body-wrapper .main-platform{
        gap:15px;
        justify-content: flex-start;
    }
    .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
        width: calc(50% - 7.5px);
        border: 1px solid #d1d1d1;
        background: #f5f5f5;
        border-radius: 5px;
        height: 60px;
        padding: 0 15px;
    }
    .receive-page .select-network-page .body-wrapper .main-platform .button{
        width:calc(50% - 10px);
    }
    .receive-page .select-network-page .body-wrapper{
        width:500px;
        margin:auto;
    }
    .receive-page .select-network-page .body-wrapper .heading{
        text-align: center;
    }

    .receive-page .receive-crypto-page .body-wrapper{
        width:500px;
        margin:auto;
    }

    
    /* DARK MODE */
    body.dark-theme .receive-page .select-coin-page .body-wrapper .main-platform .coin-content-wrapper{
        background:var(--light-black);
        border:1px solid rgba(255, 255, 255, 0.1);
    }
}.swap-page{
position: fixed;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: 0;
padding:0;
margin:0;
}
.swap-page .swap-crypto-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.swap-page .swap-crypto-page.show {
transform: translateX(0);
}

.swap-page .swap-crypto-page .body-wrapper{
width: min(100%, 600px);
padding: 60px 20px 90px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
margin: auto;
}

.swap-page .swap-crypto-page .body-wrapper .heading{
font-family: 'fontawesome';
font-size: 23px;
font-weight: 600;
color: #555;
letter-spacing: 0.5mm;
width: 100%;
margin:25px 0 0;
}
.swap-page .swap-crypto-page .body-wrapper .heading-sub-text{
font-family:sans-serif;
font-size:15px;
font-weight:400;
color:#555;
width:100%;
margin:7px 0 0;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:25px 0 0;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
gap: 0;
border: 1px solid #e5e5e5;
padding: 15px;
border-radius: 15px;
background: #f9f9f9;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .title{
font-family:sans-serif;
font-size:15px;
font-weight:550;
color:#555;
width:100%;
text-transform:capitalize;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin:10px 0 0;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper{
display:flex;
align-items:center;
justify-content:flex-start;
position: relative;
overflow: hidden;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .coin-logo-wrapper{
display:flex;
align-items:center;
justify-content:center;
width: 35px;
height: 35px;
border:none;
border-radius:50%;
background:transparent;
color:#444;
font-size:14px;
overflow:hidden;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .coin-logo-wrapper .coin-logo{
width:100%;
height:100%;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .text{
font-family:sans-serif;
font-size:14px;
color:#444;
font-weight:400;
margin:0 0 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .icon{
font-size:14px;
color:#444;
margin:0 0 0 5px;
display:flex;
align-items: center;
justify-content:center;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .balance-text{
font-size:13px;
color:#444;
font-family: sans-serif;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:2px;
width:100%;
padding:20px;
border:1px solid #d1d1d1;
background:#f5f5f5;
border-radius:10px;
margin:5px 0 0;
transition: 0.2s;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper.error{
background: rgba(255, 0, 0, 0.05) !important;
border:1px solid #f44 !important;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper .input-field{
width:100%;
font-family: sans-serif;
font-size:15px;
color:#444;
font-weight:550;
border:none;
background: transparent;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper .dollar-amount-text{
width:100%;
font-family:sans-serif;
font-size:13px;
color:#444;
font-weight:550;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper .insufficient-balance-text{
width:100%;
font-family:sans-serif;
font-size:13px;
color:#f44;
font-weight:400;
display:none;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper .insufficient-balance-text.show{
display:block;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .swap-icon-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .swap-icon-wrapper .swap-icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
color:#444;
border-radius: 50%;
border: 1px solid #e5e5e5;
background:#f9f9f9;
position: relative;
overflow: hidden;
}
.swap-page .swap-crypto-page .body-wrapper .main-wrapper .swap-button{
height:50px;
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
color:rgba(255, 255, 255, 0.9);
border-radius:5px;
border:none;
background:var(--blue);
font-weight:550;
position: relative;
overflow: hidden;
}







.swap-page .select-coin-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.swap-page .select-coin-page.show{
transform: translateX(0);
}
.swap-page .select-coin-page .body-wrapper{
width: min(100%, 700px);
padding: 60px 20px 90px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
margin: auto;
}
.swap-page .select-coin-page .body-wrapper .top-wrapper{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction:row;
flex-wrap:wrap;
padding:0;
margin:15px 0 0;
gap:0;
}
.swap-page .select-coin-page .body-wrapper .top-wrapper .heading{
font-family: 'fontawesome';
font-size: 16px;
font-weight: 400;
color: #444;
letter-spacing: 0.4mm;
text-align: center;
width:calc(100% - 50px);
padding:0 50px 0 0;
}
.swap-page .select-coin-page .body-wrapper .top-wrapper .close-button {
height: 50px;
width:50px;
display: flex;
align-items: center;
justify-content: center;
font-size:20px;
color: #444;
border: none;
background: transparent;
position: relative;
overflow: hidden;
}

.swap-page .select-coin-page .body-wrapper .search-field-wrapper {
width: 100%;
height: 50px;
border: 1px solid #e5e5e5;
background:#f8f8f8;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
overflow: hidden;
margin:10px 0 0;
}
.swap-page .select-coin-page .body-wrapper .search-field-wrapper .back-button{
width:50px;
height:calc(100% - 10px);
border: none;
border-right: 1px solid #e5e5e5;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:#444;
}
.swap-page .select-coin-page .body-wrapper .search-field-wrapper .search-field{
width:calc(100% - 100px);
height:100%;
border:none;
background:transparent;
font-size:14px;
color:#444;
text-indent: 15px;
}
.swap-page .select-coin-page .body-wrapper .search-field-wrapper .clear-button-wrapper{
width:50px;
height:100%;
border:none;
background:transparent;
display:flex;
align-items: center;
justify-content: center;
}
.swap-page .select-coin-page .body-wrapper .search-field-wrapper .clear-button-wrapper .clear-button{
width:20px;
height:20px;
border:none;
border-radius:50%;
background:#f66;
display:flex;
align-items: center;
justify-content: center;
font-size:14px;
color:rgba(255,255,255,0.9);
}


.swap-page .select-coin-page .body-wrapper #data{
width:100%;
display:flex;
align-items:center;
justify-content:center;
align-content: flex-start;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
padding:0;
overflow:auto;
margin: 20px 0 0;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper{
width:100%;
height:40px;
background:transparent;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:0;
padding:0;
border:none;
position: relative;
overflow: hidden;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .coin-logo{
width:40px;
height:40px;
border-radius:50%;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper{
width:calc(100% - 55px);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
gap:2px;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap:wrap;
gap:5px;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:#444;
font-family:sans-serif;
font-size:15px;
font-weight:550;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:#555;
font-family:system-ui,sans-serif;
font-size:11px;
font-weight:400;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .activate-button{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .pending-button{
display:none;
}


.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.inactive .text-wrapper{
width:calc(100% - 55px - 90px);
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.inactive .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.inactive .activate-button{
width:75px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}


.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.pending .text-wrapper{
width:calc(100% - 55px - 100px);
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-name{
width: 100%;
max-width: unset;
text-align: left;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-price{
width: 100%;
max-width: unset;
text-align: left;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-balance{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.pending .text-wrapper .inner-text-wrapper .coin-dollar-balance{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.pending .pending-button{
width:85px;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
font-family:sans-serif;
font-size:11px;
padding:10px 0;
background:var(--blue);
color:rgba(255,255,255,0.9);
border-radius:5px;
border:none;
position: relative;
overflow: hidden;
}

.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.show-value .show-value{
display:inline;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.show-value .hide-value{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.hide-value .show-value{
display:none;
}
.swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper.hide-value .hide-value{
display: flex;
align-items: center;
font-family: 'fontawesome';
letter-spacing: 3px;
font-size: 10px;
}

.swap-page .select-coin-page .body-wrapper #data .not-found-text{
width:min(500px , 100%);
padding:30px 20px;
margin:auto;
background:#f5f5f5;
border:1px solid #d1d1d1;
font-family: sans-serif;
font-size:15px;
color:#555;
font-weight:550;
text-align: center;
border-radius:10px;
}








/* DARK MODE */
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .heading-sub-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper{
background:var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .title{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .coin-logo-wrapper{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .left-wrapper .icon{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .top-content-wrapper .balance-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper{
background: rgba(0,0,0,0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper .input-field{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .content-wrapper .input-field-wrapper .dollar-amount-text{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .swap-page .swap-crypto-page .body-wrapper .main-wrapper .swap-icon-wrapper .swap-icon{
color:rgba(255, 255, 255, 0.8);
background:var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


body.dark-theme .swap-page .select-coin-page .body-wrapper .top-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper .top-wrapper .close-button{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper .search-field-wrapper{
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper .search-field-wrapper .back-button{
color: rgba(255, 255, 255, 0.9);
border-right:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper .search-field-wrapper .search-field{
color: rgba(255, 255, 255, 0.9);
}

body.dark-theme .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper{
background:transparent;
}
body.dark-theme .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-name{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-price{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper .text-wrapper .inner-text-wrapper .coin-dollar-balance{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .swap-page .select-coin-page .body-wrapper #data .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (min-width: 950px) {
    
    .swap-page .swap-crypto-page{
        padding:0 0 0 300px;
    }
    .swap-page .select-coin-page{
        padding:0 0 0 300px;
    }
    .swap-page .select-coin-page .body-wrapper #data{
        gap:15px;
        justify-content: flex-start;
    }
    .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper{
        width: calc(50% - 7.5px);
        border: 1px solid #d1d1d1;
        background: #f5f5f5;
        border-radius: 5px;
        height: 60px;
        padding: 0 15px;
    }

    
    /* DARK MODE */
    body.dark-theme .swap-page .select-coin-page .body-wrapper #data .coin-content-wrapper{
        background:var(--light-black);
        border:1px solid rgba(255, 255, 255, 0.1);
    }
}.trade-page{
position: fixed;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: 0;
padding:0;
margin:0;
}
.trade-page .select-action-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.trade-page .select-action-page.show {
transform: translateX(0);
}

.trade-page .select-action-page .body-wrapper{
width:100%;
padding:90px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}

.trade-page .select-action-page .body-wrapper .action-button{
width:100%;
height:100px;
background:var(--blue);
border:1px solid #e5e5e5;
border-radius:10px;
display:flex;
align-items:center;
justify-content: flex-start;
box-shadow:0 0 7px 2px rgba(0,0,0,0.2);
position: relative;
overflow: hidden;
}
.trade-page .select-action-page .body-wrapper .action-button .icon{
width:60px;
display:flex;
align-items:center;
justify-content:center;
color:rgba(255, 255, 255, 0.9);
font-size:20px;
}
.trade-page .select-action-page .body-wrapper .action-button .text{
width:calc(100% - 60px);
color:rgba(255, 255, 255, 0.8);
font-size:16px;
font-weight:550;
font-family: sans-serif;
text-align: left;
}







.trade-page .buy-crypto-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.trade-page .buy-crypto-page.show{
transform: translateX(0);
}
.trade-page .buy-crypto-page .body-wrapper{
width:100%;
padding:90px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
.trade-page .buy-crypto-page .body-wrapper .content-wrapper{
width: min(500px, 100%);
background: #f8f8f8;
border: 1px solid #e5e5e5;
color: #555;
font-family: sans-serif;
font-size: 14px;
padding: 30px;
border-radius: 10px;
font-weight: 550;
line-height: 21px;
}





.trade-page .sell-crypto-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.trade-page .sell-crypto-page.show{
transform: translateX(0);
}
.trade-page .sell-crypto-page .body-wrapper{
width:100%;
padding:90px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}
.trade-page .sell-crypto-page .body-wrapper .content-wrapper{
width: min(500px, 100%);
background: #f8f8f8;
border: 1px solid #e5e5e5;
color: #555;
font-family: sans-serif;
font-size: 14px;
padding: 30px;
border-radius: 10px;
font-weight: 550;
line-height: 21px;
}



/* DARK MODE */
body.dark-theme .trade-page .select-action-page .body-wrapper .action-button{
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .trade-page .buy-crypto-page .body-wrapper .content-wrapper{
border:1px solid rgba(255, 255, 255, 0.1);
color:rgba(255, 255, 255, 0.9);
background:var(--light-black);
}
body.dark-theme .trade-page .sell-crypto-page .body-wrapper .content-wrapper{
border:1px solid rgba(255, 255, 255, 0.1);
color:rgba(255, 255, 255, 0.9);
background:var(--light-black);
}


@media screen and (min-width: 950px) {
    .trade-page .select-action-page{
        padding:0 0 0 300px;
    }
    .trade-page .buy-crypto-page{
        padding:0 0 0 300px;
    }
    .trade-page .sell-crypto-page{
        padding:0 0 0 300px;
    }
    .trade-page .select-action-page .body-wrapper .action-button{
        width:calc(50% - 10px);
    }
}
.history-page{
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 0;
padding:0;
margin:0;
}
.history-page .all-transactions-history-page {
position: fixed;
top: 0;
left:0;
width: 100%;
height: 100%;
transform: translateX(-100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.history-page .all-transactions-history-page.show{
transform: translateX(0);
}

.history-page .all-transactions-history-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.history-page .all-transactions-history-page .body-wrapper .main-platform{
width: 100%;
margin:20px 0 0;
display: flex;
align-items: center;
justify-content:center;
flex-direction: row;
flex-wrap:wrap;
gap:25px;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .not-found-text{
width: min(500px, 100%);
border: 1px solid #d1d1d1;
background: #f8f8f8;
border-radius: 10px;
padding: 30px 20px;
color: #555;
font-family: sans-serif;
font-weight: 550;
font-size: 14px;
}

.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card{
width:100%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
padding:0;
margin:0;
border:none;
position: relative;
overflow: hidden;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .icon-wrapper{
width:40px;
height:40px;
border: 1px solid var(--blue);
border-radius:50%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
color:var(--blue);
font-size:15px;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper{
width:calc(100% - 40px);
background: transparent;
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
flex-wrap:wrap;
gap:5px;
padding:0 0 0 15px;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper{
width:100%;
background: transparent;
display: flex;
align-items:flex-start;
justify-content:space-between;
flex-direction:row;
flex-wrap:nowrap;
gap:0;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .title-text{
font-family:sans-serif;
font-size:15px;
font-weight:550;
color:#444;
text-align: left;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .date-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
color:#555;
text-align: right;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .value-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
color:#555;
word-break:break-word;
padding:0 10px 0 0;
text-align: left;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .status-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
border-radius:5px;
display: flex;
align-items: center;
justify-content:center;
gap:5px;
font-weight:550;
text-transform: capitalize;
}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .status-text.processed{color:var(--light-green)}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .status-text.pending{color:orange}
.history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .status-text.failed{color:#f44}











.history-page .transaction-details-page{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.history-page .transaction-details-page.show{
transform: translateX(0);
}
.history-page .transaction-details-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
}

.history-page .transaction-details-page .body-wrapper .main-platform{
width:100%;
display:flex;
align-items:center;
justify-content: center;
flex-direction:column;
flex-wrap:wrap;
gap:0;
margin:20px 0 0;
background:transparent;
}
.history-page .transaction-details-page .body-wrapper .main-platform .title{
width:100%;
font-family:'fontawesome';
font-size:16px;
color:#555;
font-weight:550;
text-align: center;
letter-spacing:0.5mm;
font-weight:600;
}
.history-page .transaction-details-page .body-wrapper .main-platform .coin-logo{
width:50px;
height:50px;
margin:15px 0 0;
}
.history-page .transaction-details-page .body-wrapper .main-platform .failed-message{
width:min(100% , 450px);
margin:15px 0 0;
background:rgba(255,0,0,0.05);
border:1px solid #f44;
color:#444;
font-family:sans-serif;
font-weight:550;
font-size:14px;
border-radius: 5px;
padding:20px;
}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container{
width:min(100% , 450px);
display:flex;
align-items:center;
justify-content: center;
flex-direction:column;
flex-wrap:wrap;
gap:20px;
margin:15px 0 0;
background:#f8f8f8;
border:1px solid #d1d1d1;
border-radius: 5px;
padding:20px;
}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper{
font-family:sans-serif;
font-size:14px;
color:#555;
display:flex;
align-items: center;
justify-content:space-between;
gap:0;
width:100%;
word-break: break-word;
}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper .left-text{
font-weight:550;
text-align: left;
width:50%;
}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper .right-text{
font-weight:400;
text-align: right;
width:50%;
}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper .right-text .status-text{
font-family:sans-serif;
font-size:14px;
font-weight:400;
border-radius:5px;
display: flex;
align-items: center;
justify-content:flex-end;
gap:5px;
font-weight:550;
text-transform: capitalize;
}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper .right-text .status-text.processed{color:var(--light-green)}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper .right-text .status-text.pending{color:orange}
.history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper .right-text .status-text.failed{color:#f44}

.history-page .transaction-details-page .body-wrapper .main-platform .back-button{
padding: 15px 20px;
background: #f44;
color: rgba(255, 255, 2550.9);
font-family: 'fontawesome';
font-size: 14px;
letter-spacing: 0.4mm;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
border: none;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
border-radius: 5px;
transition: 0.2s;
margin: 20px 0 0;
}
.history-page .transaction-details-page .body-wrapper .main-platform .back-button:hover{
transform:scale(1.05);
}



/* DARK MODE */
body.dark-theme .history-page .all-transactions-history-page .body-wrapper .main-platform  .transaction-content-card .icon-wrapper{
border:1px solid dodgerblue;
color:dodgerblue;
}
body.dark-theme .history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .title-text{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .date-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .history-page .all-transactions-history-page .body-wrapper .main-platform .transaction-content-card .text-wrapper .inner-text-wrapper .value-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .history-page .all-transactions-history-page .body-wrapper .main-platform .not-found-text{
color:rgba(255, 255, 255, 0.8);
background: var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}


body.dark-theme .history-page .transaction-details-page .body-wrapper .main-platform .title{
color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .history-page .transaction-details-page .body-wrapper .main-platform .text-container{
background: var(--light-black);
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .history-page .transaction-details-page .body-wrapper .main-platform .text-container .text-wrapper{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .history-page .transaction-details-page .body-wrapper .main-platform .failed-message{
color: rgba(255, 255, 255, 0.8);
}


@media screen and (min-width: 950px) {
    .history-page .all-transactions-history-page{
        padding:0 0 0 300px;
    }
    .history-page .transaction-details-page{
        padding:0 0 0 300px;
    }
    .history-page .transaction-details-page .body-wrapper .main-platform{
        margin:30px 0 0;
    }
    .history-page .all-transactions-history-page .body-wrapper .main-platform{
        gap:10px;
    }
    .history-page .all-transactions-history-page .body-wrapper .main-platform  .transaction-content-card{
        width: calc(50% - 5px);
        height: 70px;
        border: 1px solid #d1d1d1;
        border-radius: 5px;
        padding: 0 15px;
        background: #f8f8f8;
    }

    /* DARK MODE */
    body.dark-theme .history-page .all-transactions-history-page .body-wrapper .main-platform  .transaction-content-card{
        border:1px solid rgba(255, 255, 255, 0.1);
        background: var(--light-black);
    }
}.settings-page{
position: fixed;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: 0;
padding:0;
margin:0;
}
.settings-page .main-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}

.settings-page .main-page.show {
transform: translateX(0);
}

.settings-page .main-page .body-wrapper{
width:100%;
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:auto;
}

.settings-page .main-page .body-wrapper  .profile-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:center;
margin:10px 0 0;
}
.settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper{
width:min(500px , 100%);
display:flex;
align-items:center;
justify-content:flex-start;
flex-direction:column;
gap:17px;
background:#f8f8f8;
border: 1px solid #e5e5e5;
border-radius:10px;
padding:30px 20px;
}
.settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .image{
width:100px;
height:100px;
border:1px solid #e5e5e5;
border-radius: 10px;
padding:15px;
background:#fff;
box-shadow:0 0 5px 1px rgba(0,0,0,0.1) inset;
}
.settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .image.coloured{display:block}
.settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .image.white{display:none}

.settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .text{
width: 100%;
text-align: center;
font-size: 14px;
font-family: 'fontawesome';
font-weight: 600;
color: #666;
letter-spacing: 0.5mm;
word-break: break-word;
}

.settings-page .main-page .body-wrapper .button-link-wrapper{
width:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:10px 0 0;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link{
width:100%;
height:50px;
background:transparent;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap:wrap;
gap:0;
padding:0;
margin:0;
border:none;
position: relative;
overflow: hidden;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper{
background:transparent;
display:flex;
align-items:center;
justify-content:flex-start;
padding:0;
margin:0;
gap:15px;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper .icon{
background:transparent;
display:flex;
align-items:center;
justify-content:center;
color:#444;
font-size:20px;
width: 25px;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper .img-icon{
width: 25px;
filter: brightness(0);
opacity:0.7;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper .text{
color:#444;
font-size:18px;
font-family: sans-serif;
font-weight:400;
}

.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch {
position: relative;
display:block;
width: 50px;
height: 25px;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch input{ 
opacity: 0;
width: 0;
height: 0;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch .slider{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch .slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
top: 2.5px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch input:checked + .slider {
background-color: #4CBB17;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch input:focus + .slider {
box-shadow: 0 0 1px #4CBB17;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(24px);
}
/* Rounded sliders */
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch .slider.round {
border-radius: 30px;
}
.settings-page .main-page .body-wrapper .button-link-wrapper .button-link .toggle-switch .slider.round:before {
border-radius: 50%;
}





















.settings-page .kyc-verification-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.settings-page .kyc-verification-page.show{
transform: translateX(0);
}

.settings-page .kyc-verification-page .body-wrapper{
width:min(100% , 500px);
padding:60px 20px 100px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:auto;
}
.settings-page .kyc-verification-page .body-wrapper .heading{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
margin:20px 0 0;
}
.settings-page .kyc-verification-page .body-wrapper .heading .text{
width:calc(100% - 20px);
text-align:center;
padding:0 20px 0 0;
color:#444;
font-weight:400;
font-family:'fontawesome';
font-size:14px;
letter-spacing: 0.5mm;
}
.settings-page .kyc-verification-page .body-wrapper .heading .close-button{
width:20px;
display:flex;
align-items:center;
justify-content: center;
color:#444;
font-weight:800;
font-size:17px;
background:transparent;
border: none;
padding:0;
margin:0;
font-family: sans-serif;
position: relative;
overflow: hidden;
}


.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper{
width: min(100%, 500px);
height: 80px;
display: none;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
margin: 30px auto 0;
background: #f8f8f8;
border: 1px solid #f1f1f1;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper.show{
display:flex;
}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .left-text{
width:50%;
height:calc(100% - 20px);
display:flex;
align-items: center;
justify-content: center;
font-family:'fontawesome';
font-size:13px;
color:#444;
letter-spacing: 0.4mm;
border-right: 1px solid #e5e5e5;
}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .right-text{
width:50%;
height:100%;
display:flex;
align-items: center;
justify-content: center;
}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .right-text .status-text{
padding: 10px 15px;
border-radius: 10px;
color: white;
font-size: 13px;
font-family: var(--default-font);
line-height: 17px;
display: inline-block;
font-weight: 600;
}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .right-text .status-text.pending{background:orange;}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .right-text .status-text.verified{background:var(--green);}
.settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .right-text .status-text.not-verified{background:#f44;}



.settings-page .kyc-verification-page .body-wrapper .kyc-failed-message{
width:min(100% , 500px);
padding:30px 20px;
display:none;
text-align:left;
font-family: sans-serif;
color:#f44;
font-size: 15px;
line-height:20px;
gap:0;
margin:20px auto 0;
background:rgba(255, 0, 0, 0.1);
border:1px solid rgba(255, 0, 0, 0.5);
border-radius: 10px;
overflow: hidden;
box-shadow:0 0 5px 1px rgba(0,0,0,0.1);
}
.settings-page .kyc-verification-page .body-wrapper .kyc-failed-message.show{
display:flex;
}



.settings-page .kyc-verification-page .body-wrapper .form-wrapper{
width:min(500px , 100%);
display:none;
align-items:center;
justify-content: center;
flex-direction:row;
flex-wrap:wrap;
margin:20px auto 0;
background:#f8f8f8;
border: 1px solid #e5e5e5;
border-radius:8px;
padding:30px 20px;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper.show{
display:flex;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container{
display: flex;
align-items:center;
justify-content:center;
flex-direction: row;
flex-wrap: wrap;
gap:10px;
width:100%;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper{
height:60px;
width:100%;
background: transparent;
border: none;
border: 1px solid #d1d1d1;
border-radius:10px;
position:relative;
overflow:hidden;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper.small{
width:calc(50% - 7.5px);
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .icon{
width:50px;
height: 100%;
position:absolute;
top:0;
left:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
cursor:text;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .placeholder-text{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: flex-start;
font-family:sans-serif;
transition:.2s;
cursor:text;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper.password .placeholder-text{
width:calc(100% - 100px);
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#444;
font-size:14px;
border: none;
z-index: 1;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper.password .input-field{
width:calc(100% - 100px);
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field:focus~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field:valid~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .toggle-password-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:none;
align-items: center;
justify-content: center;
cursor: pointer;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper.password .toggle-password-button{
display:flex;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-closed-icon{
display:block;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-open-icon{
display:none;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-open-icon{
display:block;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-closed-icon{
display:none;
}

.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .error-text-wrapper{
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap:wrap;
padding:10px 15px;
border:1px solid #d1d1d1;
background:#f9f9f9;
border-radius: 5px;
margin:-5px 0 0;
width:100%;
gap:5px;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .error-text-wrapper.show{
display:flex;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .error-text-wrapper .error-text{
font-family: var(--default-font);
font-size: 11px;
color: #f55;
font-weight: 500;
width: 100%;
line-height: 14px;
display: none;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .error-text-wrapper .error-text.show{
display:flex;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .submit-button{
height:50px;
padding:0 40px;
border:none;
border-radius:5px;
font-family:'fontawesome';
font-size: 14px;
letter-spacing:0.5mm;
margin:30px 0 0;
display: flex;
align-items: center;
justify-content:center;
background:var(--green);
color:white;
gap:5px;
position: relative;
overflow: hidden;
}


.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label{
width:100%;
height:150px;
margin:0 auto;
border:1px solid #e5e5e5;
background:#f5f5f5;
border-radius:10px;
display:flex;
align-items:center;
justify-content: center;
transition:0.2s;
position: relative;
overflow: hidden;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label .select-picture-wrapper {
width: 100%;
height:100%;
color:#444;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label .select-picture-wrapper .icon{
margin:15px 0;
font-size:30px;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label .select-picture-wrapper .text{
font-family:'fontawesome';
font-size:13px;
letter-spacing:0.5mm;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label .id-img{
max-width:calc(100% - 20px);
max-height:calc(100% - 20px);
display:none;
}

.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label.error{
border:1px solid #f44 !important;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label.show-image .select-picture-wrapper {
display:none;
}
.settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label.show-image .id-img {
display:block;
}













.settings-page .linked-wallets-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.settings-page .linked-wallets-page.show{
transform: translateX(0);
}

.settings-page .linked-wallets-page .body-wrapper{
width:min(100% , 500px);
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:auto;
}
.settings-page .linked-wallets-page .body-wrapper .heading{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
margin:20px 0 0;
}
.settings-page .linked-wallets-page .body-wrapper .heading .text{
width:calc(100% - 20px);
text-align:center;
padding:0 0 0 20px;
color:#444;
font-weight:400;
font-family:'fontawesome';
font-size:14px;
letter-spacing: 0.5mm;
}
.settings-page .linked-wallets-page .body-wrapper .heading .close-button{
width:20px;
display:flex;
align-items:center;
justify-content: center;
color:#444;
font-weight:800;
font-size:17px;
background:transparent;
border: none;
padding:0;
margin:0;
font-family: sans-serif;
position: relative;
overflow: hidden;
}
.settings-page .linked-wallets-page .body-wrapper #data{
width:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap: wrap;
gap:15px;
margin:20px 0 0;
}
.settings-page .linked-wallets-page .body-wrapper #data .content-wrapper{
width:100%;
border:1px solid #e5e5e5;
border-radius:10px;
background: #f5f5f5;
overflow: hidden;
}
.settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .top-content{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
flex-wrap: wrap;
gap:0;
padding:20px;
border-bottom:1px solid #e5e5e5;
}
.settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .top-content .img-logo{
width:25px;
}
.settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .top-content .title{
width:calc(100% - 25px - 25px);
text-align:center;
color:#555;
font-family:sans-serif;
font-size:15px;
font-weight:550;
}
.settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .top-content .tick-icon{
width:25px;
display:flex;
align-items:center;
justify-content: center;
color:var(--green);
}
.settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .bottom-content{
width:100%;
text-align:left;
color:#555;
font-family:sans-serif;
font-size:15px;
font-weight:400;
padding:20px;
text-transform: capitalize;
}
.settings-page .linked-wallets-page .body-wrapper #data .not-found-text{
width:100%;
border:1px solid #e5e5e5;
border-radius:10px;
background: #f5f5f5;
padding:30px 20px;
font-family: sans-serif;
font-size:15px;
color:#555;
font-weight:400;
}

.settings-page .linked-wallets-page .body-wrapper .connect-button{
width:min(100% , 300px);
height:50px;
padding:0 20px;
border-radius:5px;
border: none;
background:var(--green);
color:rgba(255,255,255,0.9);
font-weight:550;
font-size:15px;
font-family: sans-serif;
box-shadow:0 0 5px 1px rgba(0,0,0,0.2);
display: flex;
align-items: center;
justify-content:center;
gap:10px;
border:none;
margin:15px auto 0;
position: relative;
overflow: hidden;
}
.settings-page .linked-wallets-page .body-wrapper .connect-button .logo{
height:20px;
filter: brightness(0) contrast(1) invert(1);
}








.settings-page .change-email-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.settings-page .change-email-page.show{
transform: translateX(0);
}

.settings-page .change-email-page .body-wrapper{
width:min(500px , 100%);
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:auto;
}
.settings-page .change-email-page .body-wrapper .heading{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
margin:20px 0 0;
}
.settings-page .change-email-page .body-wrapper .heading .text{
width:calc(100% - 20px);
text-align:center;
padding:0 0 0 20px;
color:#444;
font-weight:400;
font-family:'fontawesome';
font-size:14px;
letter-spacing: 0.5mm;
}
.settings-page .change-email-page .body-wrapper .heading .close-button{
width:20px;
display:flex;
align-items:center;
justify-content: center;
color:#444;
font-weight:800;
font-size:17px;
background:transparent;
border: none;
padding:0;
margin:0;
font-family: sans-serif;
position: relative;
overflow: hidden;
}

.settings-page .change-email-page .body-wrapper .input-field-wrapper-container{
display: flex;
align-items:center;
justify-content:center;
flex-direction: row;
flex-wrap: wrap;
gap:0 15px;
width:100%;
margin:15px 0 0;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper{
height:60px;
width:100%;
background: transparent;
border: 1px solid #d1d1d1;
border-radius:5px;
position:relative;
overflow:hidden;
margin:15px 0 0;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .icon{
width:50px;
height: 100%;
position:absolute;
top:0;
left:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
cursor:text;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .placeholder-text{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: flex-start;
font-family:sans-serif;
transition:.2s;
cursor:text;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper.password .placeholder-text{
width:calc(100% - 100px);
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#444;
font-size:14px;
border: none;
z-index: 1;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper.password .input-field{
width:calc(100% - 100px);
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field:focus~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field:valid~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .toggle-password-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:none;
align-items: center;
justify-content: center;
overflow: hidden;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper.password .toggle-password-button{
display:flex;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-closed-icon{
display:block;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-open-icon{
display:none;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-open-icon{
display:block;
}
.settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-closed-icon{
display:none;
}

.settings-page .change-email-page .body-wrapper .error-text-wrapper{
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
padding: 10px 15px;
border-radius: 5px;
margin: 10px 0 0;
width: 100%;
background: #f8f8f8;
gap: 5px;
border: 1px solid #d1d1d1;
}
.settings-page .change-email-page .body-wrapper .error-text-wrapper.show{
display:flex;
}
.settings-page .change-email-page .body-wrapper .error-text-wrapper .error-text{
font-family: var(--default-font);
font-size: 11px;
color: #f55;
font-weight: 500;
width: 100%;
line-height: 14px;
display: none;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px
}
.settings-page .change-email-page .body-wrapper .error-text-wrapper .error-text.show{
display:flex;
}
.settings-page .change-email-page .body-wrapper .submit-button{
height:50px;
padding:0 30px;
border:none;
border-radius:5px;
font-family:'fontawesome';
font-size: 14px;
letter-spacing:0.5mm;
margin:15px auto 0;
display: flex;
align-items: center;
justify-content:center;
background:var(--dark-green);
color:white;
gap:5px;
position: relative;
overflow: hidden;
}










.settings-page .change-password-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.settings-page .change-password-page.show{
transform: translateX(0);
}

.settings-page .change-password-page .body-wrapper{
width:min(500px , 100%);
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:auto;
}
.settings-page .change-password-page .body-wrapper .heading{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
margin:20px 0 0;
}
.settings-page .change-password-page .body-wrapper .heading .text{
width:calc(100% - 20px);
text-align:center;
padding:0 0 0 20px;
color:#444;
font-weight:400;
font-family:'fontawesome';
font-size:14px;
letter-spacing: 0.5mm;
}
.settings-page .change-password-page .body-wrapper .heading .close-button{
width:20px;
display:flex;
align-items:center;
justify-content: center;
color:#444;
font-weight:800;
font-size:17px;
background:transparent;
border: none;
padding:0;
margin:0;
font-family: sans-serif;
position: relative;
overflow: hidden;
}

.settings-page .change-password-page .body-wrapper .input-field-wrapper-container{
display: flex;
align-items:center;
justify-content:center;
flex-direction: row;
flex-wrap: wrap;
gap:0 15px;
width:100%;
margin:15px 0 0;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper{
height:60px;
width:100%;
background: transparent;
border: 1px solid #d1d1d1;
border-radius:5px;
position:relative;
overflow:hidden;
margin:15px 0 0;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .icon{
width:50px;
height: 100%;
position:absolute;
top:0;
left:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
cursor:text;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .placeholder-text{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: flex-start;
font-family:sans-serif;
transition:.2s;
cursor:text;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper.password .placeholder-text{
width:calc(100% - 100px);
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#444;
font-size:14px;
border: none;
z-index: 1;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper.password .input-field{
width:calc(100% - 100px);
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field:focus~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field:valid~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .toggle-password-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:none;
align-items: center;
justify-content: center;
overflow: hidden;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper.password .toggle-password-button{
display:flex;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-closed-icon{
display:block;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-open-icon{
display:none;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-open-icon{
display:block;
}
.settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-closed-icon{
display:none;
}

.settings-page .change-password-page .body-wrapper .error-text-wrapper{
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
padding: 10px 15px;
border-radius: 5px;
margin: 10px 0 0;
width: 100%;
background: #f8f8f8;
gap: 5px;
border: 1px solid #d1d1d1;
}
.settings-page .change-password-page .body-wrapper .error-text-wrapper.show{
display:flex;
}
.settings-page .change-password-page .body-wrapper .error-text-wrapper .error-text{
font-family: var(--default-font);
font-size: 11px;
color: #f55;
font-weight: 500;
width: 100%;
line-height: 14px;
display: none;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px
}
.settings-page .change-password-page .body-wrapper .error-text-wrapper .error-text.show{
display:flex;
}
.settings-page .change-password-page .body-wrapper .submit-button{
height:50px;
padding:0 30px;
border:none;
border-radius:5px;
font-family:'fontawesome';
font-size: 14px;
letter-spacing:0.5mm;
margin:15px auto 0;
display: flex;
align-items: center;
justify-content:center;
background:var(--dark-green);
color:white;
gap:5px;
position: relative;
overflow: hidden;
}













.settings-page .referral-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.settings-page .referral-page.show{
transform: translateX(0);
}

.settings-page .referral-page .body-wrapper{
width:min(500px , 100%);
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:15px;
margin:auto;
}
.settings-page .referral-page .body-wrapper .heading{
width:100%;
font-family:sans-serif;
font-size: 25px;
font-weight:700;
color:#444;
margin:20px 0 0;
}
.settings-page .referral-page .body-wrapper .heading font{
color:dodgerblue;
font-family: inherit;
}
.settings-page .referral-page .body-wrapper .sub-text{
width:100%;
font-family:sans-serif;
font-size: 18px;
font-weight:400;
line-height: 22px;
color:#555;
}
.settings-page .referral-page .body-wrapper .referral-link-wrapper{
width:100%;
border-radius: 5px;
overflow: hidden;
background:transparent;
display:flex;
align-items: center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
padding:15px 0 15px 20px;
border:1px solid #d1d1d1;
background:#f7f7f7;
}
.settings-page .referral-page .body-wrapper .referral-link-wrapper .text-wrapper{
width:calc(100% - 50px);
display: flex;
align-items:center;
justify-content:flex-start;
flex-direction: row;
flex-wrap:wrap;
gap:3px;
}
.settings-page .referral-page .body-wrapper .referral-link-wrapper .text-wrapper .title{
width:100%;
font-family:sans-serif;
font-size: 14px;
font-weight:400;
color:#444;
}
.settings-page .referral-page .body-wrapper .referral-link-wrapper .text-wrapper .link-text{
width:100%;
font-family:sans-serif;
font-size: 15px;
font-weight:400;
color:#555;
word-break: break-all;
}
.settings-page .referral-page .body-wrapper .referral-link-wrapper .copy-button{
display: flex;
align-items: center;
justify-content: center;
height:100%;
width: 50px;
color:dodgerblue;
font-size: 14px;
border: none;
background: transparent;
position: relative;
overflow: hidden;
}
.settings-page .referral-page .body-wrapper .close-button{
height:45px;
padding:0 20px;
border:none;
background:#f55;
border-radius:5px;
color:rgba(255, 255, 255, 0.9);
font-family: sans-serif;
font-size:14px;
position: relative;
overflow: hidden;
}







.settings-page .customer-support-page{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
scroll-behavior: smooth;
}
.settings-page .customer-support-page.show{
transform: translateX(0);
}

.settings-page .customer-support-page .body-wrapper{
width:min(500px , 100%);
padding:60px 20px 90px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:0;
margin:auto;
}
.settings-page .customer-support-page .body-wrapper .heading{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
margin:20px 0 0;
}
.settings-page .customer-support-page .body-wrapper .heading .text{
width:calc(100% - 20px);
text-align:center;
padding:0 0 0 20px;
color:#444;
font-weight:400;
font-family:'fontawesome';
font-size:14px;
letter-spacing: 0.5mm;
}
.settings-page .customer-support-page .body-wrapper .heading .close-button{
width:20px;
display:flex;
align-items:center;
justify-content: center;
color:#444;
font-weight:800;
font-size:17px;
background:transparent;
border: none;
padding:0;
margin:0;
font-family: sans-serif;
position: relative;
overflow: hidden;
}

.settings-page .customer-support-page .body-wrapper #data{
margin:10px 0 0;
width:100%;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper{
width:100%;
border-radius: 10px;
box-shadow:0 0 5px 1px rgba(0,0,0,0.1);
overflow: hidden;
display:flex;
align-items: center;
justify-content: space-between;
flex-direction:row;
flex-wrap:wrap;
padding:10px 15px 10px 0;
margin: 10px 0 0;
border: none;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper.live-support{
background:var(--blue);
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper.whatsapp{
background:#075E54;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper.telegram{
background:var(--light-blue);
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper.email{
background:#EE4D2D;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper .icon{
height:50px;
width:50px;
display: flex;
align-items: center;
justify-content: center;
color:rgba(255,255,255,0.9);
border-right: 0.15mm solid #d1d1d1;
font-size:30px;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper .text-wrapper{
width: calc(100% - 80px);
display: flex;
align-items:flex-start;
justify-content:center;
flex-direction: column;
flex-wrap:nowrap;
gap: 5px;
padding:0px 10px;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper.email .text-wrapper{
width: calc(100% - 50px);
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper .text-wrapper .title{
font-size:11px;
color:rgba(255,255,255,0.9);
font-family: sans-serif;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper .text-wrapper .text{
font-size: 15px;
color: rgba(255,255,255,0.9);
font-family:var(--default-font);
word-break: break-word;
font-weight: 600;
line-height: 15px;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper.email .text-wrapper .text{
font-size:15px;
}
.settings-page .customer-support-page .body-wrapper #data .customer-support-details-wrapper .open-link-button{
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 5px;
color:rgba(255,255,255,0.9);
font-size: 14px;
background: transparent;
border: 1px solid #d1d1d1;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
position: relative;
overflow: hidden;
}

.settings-page .customer-support-page .body-wrapper #data .not-found-text{
width:100%;
padding:20px;
border-radius:10px;
background:#e5e5e5;
border:1px solid #d1d1d1;
color:#444;
font-family:system-ui,sans-serif;
font-size:16px;
line-height:22px;
text-align: center;
margin:15px 0 0;
font-weight:600;
}



















/* DARK MODE */
body.dark-theme .settings-page .main-page .body-wrapper .profile-wrapper .content-wrapper{
background: var(--light-black);
border: 1px solid rgba(255, 255, 255, 0);
}
body.dark-theme .settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .image{
background: rgba(0,0,0, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 0 5px 1px rgba(255,255,255,0.05) inset;
}
body.dark-theme .settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .image.coloured{display:none}
body.dark-theme .settings-page .main-page .body-wrapper  .profile-wrapper .content-wrapper .image.white{display:block}
body.dark-theme .settings-page .main-page .body-wrapper .profile-wrapper .content-wrapper .text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper .icon{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper .text{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .main-page .body-wrapper .button-link-wrapper .button-link .text-wrapper .img-icon{
filter: brightness(0) contrast(1) invert(1);
}


body.dark-theme .settings-page .kyc-verification-page .body-wrapper .heading .close-button{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .heading .text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper{
background:var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .main-platform-wrapper .left-text{
color: rgba(255, 255, 255, 0.9);
border-right:1px solid rgba(255, 255, 255, 0.1);
}

body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper{
background:var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .heading{
color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .sub-heading-text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label{
background:rgba(0, 0, 0, 0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .select-picture-label .select-picture-wrapper{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper{
background:rgba(0, 0, 0, 0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .icon{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .placeholder-text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field{
color: rgba(255, 255, 255, 0.9);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .input-field-wrapper .input-field option{
color: rgba(255, 255, 255, 0.9);
background:var(--light-black);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .kyc-verification-page .body-wrapper .form-wrapper .input-field-wrapper-container .error-text-wrapper{
background:rgba(0, 0, 0, 0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}

    
body.dark-theme .settings-page .linked-wallets-page .body-wrapper .heading .close-button{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .linked-wallets-page .body-wrapper .heading .text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .linked-wallets-page .body-wrapper #data .content-wrapper{
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .top-content{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .top-content .title{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .linked-wallets-page .body-wrapper #data .content-wrapper .bottom-content{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .linked-wallets-page .body-wrapper #data .not-found-text{
color: rgba(255, 255, 255, 0.7);
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-theme .settings-page .change-email-page .body-wrapper .heading .close-button{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .change-email-page .body-wrapper .heading .text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .change-email-page .body-wrapper .input-field-wrapper{
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .change-email-page .body-wrapper .input-field-wrapper .icon{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-email-page .body-wrapper .input-field-wrapper .placeholder-text{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-email-page .body-wrapper .input-field-wrapper .input-field{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-email-page .body-wrapper .error-text-wrapper{
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}


body.dark-theme .settings-page .change-password-page .body-wrapper .heading .close-button{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .heading .text{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .input-field-wrapper{
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .input-field-wrapper .icon{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .input-field-wrapper .placeholder-text{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .input-field-wrapper .input-field{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .input-field-wrapper .toggle-password-button{
color: rgba(255, 255, 255, 0.7);
}
body.dark-theme .settings-page .change-password-page .body-wrapper .error-text-wrapper{
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-theme .settings-page .referral-page .body-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .settings-page .referral-page .body-wrapper .sub-text{
color:rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .referral-page .body-wrapper .referral-link-wrapper{
background:rgba(0, 0, 0, 0.1);
border:1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .settings-page .referral-page .body-wrapper .referral-link-wrapper .text-wrapper .title{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .settings-page .referral-page .body-wrapper .referral-link-wrapper .text-wrapper .link-text{
color:rgba(255, 255, 255, 0.9);
}

body.dark-theme .settings-page .customer-support-page .body-wrapper .heading .close-button{
color: rgba(255, 255, 255, 0.8);
}
body.dark-theme .settings-page .customer-support-page .body-wrapper .heading .text{
color: rgba(255, 255, 255, 0.8);
}


@media screen and (min-width: 950px) {
    
    .settings-page .main-page{
        padding:0 0 0 300px;
    }
    .settings-page .linked-wallets-page{
        padding:0 0 0 300px;
    }
    .settings-page .change-email-page{
        padding:0 0 0 300px;
    }
    .settings-page .change-password-page{
        padding:0 0 0 300px;
    }
    .settings-page .referral-page{
        padding:0 0 0 300px;
    }
    .settings-page .customer-support-page{
        padding:0 0 0 300px;
    }

    .settings-page .main-page .body-wrapper .profile-wrapper{
        margin: 25px 0 0;
    }
    .settings-page .main-page .body-wrapper .button-link-wrapper{
        gap: 10px;
    }
    .settings-page .main-page .body-wrapper .button-link-wrapper .button-link{
        width: calc(50% - 5px);
        border: 1px solid #e5e5e5;
        background: #f8f8f8;
        padding: 0 20px;
        height: 70px;
        border-radius: 5px;
    }
    .settings-page .main-page .body-wrapper .button-link-wrapper .button-link:hover{
        background:#e5e5e5;
    }


    /* DARK MODE */
    body.dark-theme .settings-page .main-page .body-wrapper .button-link-wrapper .button-link{
        background: var(--light-black);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    body.dark-theme .settings-page .main-page .body-wrapper .button-link-wrapper .button-link:hover{
        background:rgba(255,255,255,0.1);
    }


}.verify-email-page{
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #fff;
z-index: 0;
transition: .1s;
overflow-y: auto;
display: flex;
align-items: center;
justify-content: center;
padding:0 !important;
}
.verify-email-page.show{
left:0;
}

.verify-email-page .body-wrapper {
width: min(500px, calc(100% - 40px));
max-height:calc(100% - 40px);
overflow:auto;
padding:40px 25px 20px;
border: 1px solid #f1f1f1;
border-radius: 10px;
background:#f8f8f8;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
gap: 0;
}

.verify-email-page .body-wrapper .heading{
font-family:'fontawesome';
font-size: 15px;
color: #444;
font-weight: 400;
width: 100%;
text-align: center;
letter-spacing:0.4mm;
}
.verify-email-page .body-wrapper .input-field-wrapper-container{
display: flex;
align-items:center;
justify-content:center;
flex-direction: row;
flex-wrap: wrap;
gap:0 15px;
width:100%;
margin:15px 0 0;
}
.verify-email-page .body-wrapper .input-field-wrapper{
height:60px;
width:100%;
background: transparent;
border: 1px solid #d1d1d1;
border-radius:5px;
position:relative;
overflow:hidden;
margin:15px 0 0;
}
.verify-email-page .body-wrapper .input-field-wrapper .icon{
width:50px;
height: 100%;
position:absolute;
top:0;
left:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: center;
cursor:text;
}
.verify-email-page .body-wrapper .input-field-wrapper .placeholder-text{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:flex;
align-items: center;
justify-content: flex-start;
font-family:sans-serif;
transition:.2s;
cursor:text;
}
.verify-email-page .body-wrapper .input-field-wrapper.password .placeholder-text{
width:calc(100% - 100px);
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field{
width:calc(100% - 50px);
height: 100%;
position:absolute;
top:0;
left:50px;
background: transparent;
color:#444;
font-size:14px;
border: none;
z-index: 1;
}
.verify-email-page .body-wrapper .input-field-wrapper.password .input-field{
width:calc(100% - 100px);
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field:focus~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field:valid~.placeholder-text{
height: 11px;
top: 5px;
left: 50px;
font-size: 11px;
z-index: 0;
}
.verify-email-page .body-wrapper .input-field-wrapper .toggle-password-button{
width:50px;
height: 100%;
position:absolute;
top:0;
right:0;
background: transparent;
color:#555;
font-size:14px;
z-index:2;
display:none;
align-items: center;
justify-content: center;
cursor: pointer;
}
.verify-email-page .body-wrapper .input-field-wrapper.password .toggle-password-button{
display:flex;
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-closed-icon{
display:block;
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field[type="text"]~.toggle-password-button .eye-open-icon{
display:none;
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-open-icon{
display:block;
}
.verify-email-page .body-wrapper .input-field-wrapper .input-field[type="password"]~.toggle-password-button .eye-closed-icon{
display:none;
}

.verify-email-page .body-wrapper .error-text-wrapper{
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
padding: 10px 15px;
border-radius: 5px;
margin: 10px 0 0;
width: 100%;
background: #f8f8f8;
gap: 5px;
border: 1px solid #d1d1d1;
}
.verify-email-page .body-wrapper .error-text-wrapper.show{
display:flex;
}
.verify-email-page .body-wrapper .error-text-wrapper .error-text{
font-family: var(--default-font);
font-size: 11px;
color: #f55;
font-weight: 500;
width: 100%;
line-height: 14px;
display: none;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px
}
.verify-email-page .body-wrapper .error-text-wrapper .error-text.show{
display:flex;
}


.verify-email-page .body-wrapper .email-verification-text{
font-family:sans-serif;
font-size: 14px;
color:#444;
font-weight: 400;
width: 100%;
line-height: 20px;
margin: 15px 0 0;
}
.verify-email-page .body-wrapper .resend-code-button{
padding:10px 20px;
border:1px solid #d1d1d1;
border-radius:5px;
font-family:sans-serif;
font-size: 11px;
margin:15px 0 0;
background:transparent;
color:#444;
position: relative;
overflow: hidden;
}


.verify-email-page .body-wrapper .submit-button{
height:50px;
padding:0 30px;
border:none;
border-radius:5px;
font-family:'fontawesome';
font-size: 14px;
letter-spacing:0.5mm;
margin:15px 0 0;
display: flex;
align-items: center;
justify-content:center;
background:var(--dark-green);
color:white;
gap:5px;
position: relative;
overflow: hidden;
}
.verify-email-page .body-wrapper .logout-button{
height:50px;
padding:0 30px;
border:none;
border-radius:5px;
font-family:'fontawesome';
font-size: 14px;
letter-spacing:0.5mm;
margin:15px 0 0;
display: flex;
align-items: center;
justify-content:center;
background:transparent;
color:#f44;
gap:5px;
position: relative;
overflow: hidden;
}









/* DARK MODE */
body.dark-theme .verify-email-page .body-wrapper{
background:rgba(0,0,0,0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .verify-email-page .body-wrapper .heading{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .verify-email-page .body-wrapper .email-verification-text{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .verify-email-page .body-wrapper .resend-code-button{
color:rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .verify-email-page .body-wrapper .input-field-wrapper{
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .verify-email-page .body-wrapper .input-field-wrapper .icon{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .verify-email-page .body-wrapper .input-field-wrapper .placeholder-text{
color:rgba(255, 255, 255, 0.7);
}
body.dark-theme .verify-email-page .body-wrapper .input-field-wrapper .input-field{
color:rgba(255, 255, 255, 0.9);
}
body.dark-theme .verify-email-page .body-wrapper .error-text-wrapper{
background:rgba(0,0,0,0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (min-width: 950px) {
}