.trade-details-screen {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: "Avenir Next", sans-serif;
}

.trade-details-card-details-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 12px;
}

.trade-details-card {
    background: #fff;
    z-index: 23;
    margin: 0;
    padding: 20px 12px;
    box-shadow: 0 4px 36px rgba(22, 151, 166, 0.09);
}

.trade-details-card-details-back {
    border: none;
    background: none;
}

.trade-details-market-title {
    font-size: 18px;
    font-weight: 700;
    color: #f8fbfd;
}

.trade-details-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.trade-details-assets {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.trade-details-asset-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f4f6fb;
    border: 3px solid #fff;
    object-fit: cover;
    box-shadow: 0 2px 6px 0 rgba(44, 68, 110, 0.07);
    margin-left: -15px;
}

.trade-details-pair {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3px;
}

.trade-details-pair-title {
    font-size: 22px;
    font-weight: 400;
    color: #394c77;
    letter-spacing: 0.02em;
}

.trade-details-type {
    margin-top: 3px;
    font-size: 16px;
}

.trade-type-buy {
    color: #0b9daf;
    font-weight: 600;
}

.trade-type-sell {
    color: #ff6180;
    font-weight: 600;
}

.trade-details-status {
    color: #989898;
    margin-left: 5px;
    font-weight: 300;
}

.trade-details-row {
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 10px 1px;
    font-size: 16px;
    margin-left: 12px;
}

.trade-details-label {
    color: rgba(177, 177, 177, 0.65);
    font-size: 14px;
    font-weight: 400;

}

.trade-details-value {
    color: #394c77;
    font-size: 18px;
    font-weight: 400;
}

.trade-details-divider {
    border: none;
    border-bottom: 1.6px solid #f2f5fa;
    margin: 16px 10px 13px;
}

.trade-details-asset-summary {
    padding: 5px 10px 5px 10px;
}

.trade-details-asset-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.trade-details-asset-line:last-child {

    margin-bottom: 8px;
}

.trade-details-summary-icon {
    width: 33px;
    height: 33px;
    border-radius: 10px;
    background: #f4f6fb;
    object-fit: cover;
    border: 2px solid #fff;
}

.trade-details-summary-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.trade-details-asset-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    color: #394c77;
}

.trade-details-asset-type {
    font-size: 15px;
    color: #6fd7b2;
    font-weight: 500;
    margin-right: 4px;
}

.trade-details-asset-type + .trade-details-asset-name {
    font-size: 16px;
    color: #394c77;
    font-weight: 600;
    margin-right: 2px;
}

.trade-details-domain {
    color: #92a4b9;
    font-size: 15px;
    margin-left: 3px;
}

.trade-details-grid {
    display: flex;
    justify-content: flex-start;
    gap: 120px;
    margin: 14px 20px 15px 12px;
}

.trade-details-grid-label {
    color: #99adc3;
    font-size: 14px;
    margin-bottom: 2px;
}

.trade-details-grid-value {
    color: #394c77;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.trade-details-date-row {
    margin-top: 6px;
    margin-bottom: 3px;
    margin-left: 12px;
}

.trade-details-date-label {
    color: #99adc3;
    font-size: 14px;
}

.trade-details-date-value {
    color: #394c77;
    font-size: 16px;
    font-weight: 400;
}

.trade-details-explorer-link {
    display: inline-block;
    font-size: 15px;
    color: #09c;
    font-weight: 300;
    text-decoration: none;
    transition: color .14s;
    margin: 14px 0 14px 12px;
}

.trade-details-explorer-link:hover {
    color: #17bf81;
}

.trade-details-cancel-btn-wrapper {
    background: transparent;
    z-index: 23;
    width: 95%;
    height: 65px;
    padding: 20px 12px;
    display: flex;
    justify-content: center;
    font-family: "Avenir Next", sans-serif;

}


.trade-details-cancel {
    border: none;
    border-radius: 8px;
    padding: 5px 20px;
    width: 90%;
    font-size: 16px;

}