.event-map {
    @apply relative -translate-y-20 -mb-12 -ml-6 w-full bg-cover;
    aspect-ratio: 2 / 1;
    background-image: var(--event-map);
    width: calc(100% + 3rem);
}

/* event form fields */
#event-form {
    @apply flex flex-col gap-4 pt-6;

    .event-field {
        display: grid;
        grid-template-columns: 3rem auto;

        .event-field-icon {
            @apply pt-2;
        }
    }
}
