@use '../../../../styles';

.stake-form {
    .stake-form__field-input {
        margin-bottom: 24px;
    }

    .stake-form__details {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 24px;

        .stake-form__details-separator {
            width: 100%;
            height: 1px;
            border: none;
            margin: 0;
            background-color: styles.$neutral-900;
        }

        .stake-form__details-item {
            display: flex;
            align-items: center;

            .stake-form__details-item-label {
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: 0.25px;
                color: styles.$neutral-400;
            }

            .stake-form__details-item-value {
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: 0.1px;
                color: #000;
                margin-left: auto;

                > strong {
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 24px;
                    letter-spacing: 0.15px;
                }
            }
        }
    }
}
