.rca-wrapper,
.rca-wrapper .rca-form,
.rca-wrapper .rca-form .form-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rca-wrapper {
    background-color: var(--white);
    border-radius: 16px;
    padding: 32px;
}

.rca-wrapper .rca-form .form-section {
        padding: 16px;
        border-radius: 8px;
        border: 1px solid var(--border-gray-50);
    }

.rca-wrapper .rca-form .form-section .section-title {
            font-weight: 600;
        }

.rca-wrapper .rca-form .form-section label {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 16px;
        }

.rca-wrapper .rca-form .form-section .upload-id {
            display: flex;
            gap: 8px;
            align-items: center;
            color: var(--blue-500);
            font-weight: 600;
        }

.rca-wrapper .rca-form .form-selects {
        display: flex;
        gap: 24px;
    }

.rca-wrapper .rca-form .form-selects label {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1;
        font-size: 14px;
        color: var(--text-gray-500);
    }

.rca-wrapper .rca-form .form-selects select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;

        background-color: var(--white);
        border: 1px solid var(--border-gray-200);
        border-radius: 8px;
        padding: 8px 12px;

        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.4999%2014.1528L17.4497%209.20312L18.8639%2010.6173L12.4999%2016.9813L6.13599%2010.6173L7.5502%209.20312L12.4999%2014.1528Z%22%20fill%3D%22%236E757C%22/%3E%3C/svg%3E");

        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 24px;
        cursor: pointer;
    }

.rca-wrapper .rca-form .form-selects select:focus {
            outline: none;
            border-color: var(--border-gray-500);
        }

.results .spinner-wrapper {
        display: none;
        display: grid;
        align-items: center;
        justify-items: center;
        place-items: center;
    }

.results .results-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.results .results-values {
        padding: 32px 24px;
        gap: 12px;
        border-radius: 8px;
        background-color: var(--bg-gray-50);
    }

.results .results-values .rate h4, .results .results-values .total h4 {
                color: var(--text-gray-500);
                font-size: 18px;
                font-weight: 600;
            }

.results .results-values .rate .value, .results .results-values .total .value {
                color: var(--green-600);

                font-size: 20px;
                font-weight: 700;
                margin-top: 8px;
            }

.rca-unavailable {
    padding: 32px;
    color: var(--text-gray-500);
    border: 4px solid var(--black);
    border-radius: 16px;
}

.rca-unavailable .rca-header .rca-unavailable-message {
        display: flex;
        align-items: flex-start;
        gap: 4px;
    }

.rca-unavailable .rca-header .rca-unavailable-message svg {
            width: 100%;
            max-width: 18px;
            height: 18px;
            margin-top: 4px;
        }

@media (max-width: 1056px) {
    .rca-wrapper {
        padding: 0px 16px 16px 16px;
    }
    .rca-calculator .rca-header h2 {
        display: none;
    }

    .rca-wrapper .rca-form .form-section:not(:first-child) {
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .rca-wrapper {
        padding: 0px 24px 24px 24px;
    }
}