@layer components {
    .transaction-form {
            display: grid;
            gap: 1.25rem;
        }

    .transaction-form__nested-field {
            margin-bottom: 0.75rem;
        }

    .transaction-form__split {
            display: grid;
            gap: 0.5rem;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}