#credit-addition-calculation-modal {
    max-width: 360px;
    padding: 16px;
}

#credit-addition-calculation-modal .modal-header {
    margin-bottom: 14px;
}

#credit-addition-calculation-modal .modal-footer {
    margin-top: 20px;
}

#cr-add-calc-content-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}

#cr-add-calc-header-wrp {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: -4px;
}

#cr-add-calc-header-desc {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-text-50);
    width: 100%;
    letter-spacing: 0.4px;
    text-align: center;
}

#cr-add-calc-header-title {
    display: block;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.35;
    width: 100%;
    letter-spacing: 0.1px;
    text-align: center;
}

.cr-add-calc-sub-content-wrp {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    border-top: 1px solid var(--color-border-1);
    padding-top: 16px;
}

.cr-add-calc-sub-content-discount-calculation-hide {
    display: none !important;
}

.cr-add-calc-listing-wrp {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.cr-add-calc-content-subtitle-wrapper {
    display: table;
    width: 100%;
}

.cr-add-calc-content-subtitle-wrapper span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

#cr-add-calc-billing-address {
    display: table;
    width: 100%;
}

.cr-add-calc-error-wrp {
    display: block;
    width: 100%;
}

.cr-add-calc-error-show {
    display: table !important;
}

.cr-add-calc-error-txt {
    color: var(--color-text-red);
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 1.5;
}