@keyframes animate-legend {
    0% {
        background-position: -500%;
    }
    100% {
        background-position: 500%;
    }
}

#parking-permit-registration-form {
    fieldset {
        legend {
            position: relative;
            display: grid;
            grid-template-columns: 4ch auto;
            align-items: center;
        }

    }
}

.vehicle-entry-card {
    display: grid;
    grid-template-columns: 5.5ch auto;
    gap: .25rem;

    select,
    ::picker(select) {
        appearance: base-select;
    }

    select {
        button {
            margin: 0;
            border-radius: unset;
            font-size: unset;
            color: var(--text-color);
            background-color: var(--background-color);
            padding: unset;
            max-width: unset;
            box-shadow: unset;
            transition: unset;

            selectedcontent {
                font-family: "Ubuntu Mono", monospace;
                font-size: 1.5rem;
                font-style: normal;
                font-weight: normal;
                line-height: 1.5rem;
                overflow: hidden;
                text-wrap: nowrap;
                width: 2.5ch;
            }
        }

        optgroup {
            font-family: "Ubuntu Mono", monospace;

            &:not(:nth-of-type(1)) > legend {
                margin-top: 1rem;
            }

            legend {
                top: unset;
                border-radius: unset;
                background-color: rgb(0% 0% 0% / .2);;
                position: relative;
                color: unset;
                font-weight: bolder;
                font-size: larger;
            }

            option {
                font-style: normal;
                font-variant-caps: normal;

                &::checkmark {
                    order: 1;
                    margin-left: auto;
                    content: "✔";
                }
            }
        }

    }
}

div.fieldWrapper > div > div.vehicle-flag-rental,
.vehicle-flag-rental {
    display: grid;
    grid-template-columns: 8fr 1fr;
    column-gap: 1rem;

    p {
        margin: 0;
        font-style: italic;
    }
}