/* Styles for "add" view. */
.entryForm,
.entryFormError {
    composes: gap-x-sm from global;
    composes: grid from global;
    composes: grid-cols-autoLast from global;
}

/* on mobile... */
@media screen(-lg) {
    .entryForm,
    .entryFormError {
        /* switch to rows. */
        grid-template-columns: unset;
        grid-template-rows: 1fr 1fr;
    }
}

.entryFormError input {
    @apply border-error;
}

.entryFormError input:focus {
    @apply border-inputFocus;
}

.entryFormError p {
    @apply text-error;
    @apply font-semibold;
}

.errorContainer {
    composes: leading-normal from global;
    /* Duplicate the left/right/bottom padding on the accordion section */
    composes: pt-sm from global;
    composes: text-error from global;
}

/* Styles for "removal" view. */
.removeButton {
    composes: root from '../../../LinkButton/linkButton.module.css';

    composes: ml-xs from global;
}