.form-vehicle-licence-plate {
    position: relative;
    --radius: 16px;
    --color-blue: rgb(13, 50, 153);
    --size-immat: 70%;

    & .row.mb-1 {
        margin-bottom: 0 !important;
        /* max-width: 300px; */
    }

    & .flag {
        padding-right: 0;
        width: calc((100% - var(--size-immat)) / 2);
        
        & .licence-plate-flag {
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: var(--color-blue);
            border-top-left-radius: var(--radius);
            border-bottom-left-radius: var(--radius);
            border: 1px solid;
            border-color: rgb(var(--background-quaternary));
            border-right-width: 0 !important;
            padding-top: 4px;
            
            & .flag-png {
                position: relative;
                min-width: 18px;
                min-height: 18px;
                width: 60%;
                height: auto;
                object-fit: contain;
            }
            & .licence-plate-country-code {
                margin-top: 2px;
                font-size: 1em;
                font-weight: 800;
                color: white;
            }
        }
    }

    & .licence-plate-field {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0 !important;
        width: calc(var(--size-immat));

            & .form-floating {
                margin-bottom: 0 !important;
                height: 100%;
        
        
                & input {
                    text-transform: uppercase;
                    border-radius: 0;
                    box-shadow: none !important;
                    margin: 0 !important;
                    border-left-width: 0 !important;
                    border-right-width: 0 !important;
                    height: 100%;
                }

                & :invalid~.invalid-feedback {
                    position: absolute;
                    bottom: 2px;
                    left: 14px;
                }
            }
        }
    }



    & .blason {
        padding-left: 0;
        width: calc((100% - var(--size-immat)) / 2);
        
        & .licence-plate-blason {
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: var(--color-blue);
            border-top-right-radius: var(--radius);
            border-bottom-right-radius: var(--radius);
            border: 1px solid;
            border-color: rgb(var(--background-quaternary));
            border-left-width: 0 !important;
            padding-top: 4px;
            
            & .blason-png {
                position: relative;
                min-width: 18px;
                min-height: 18px;
                width: 60%;
                height: auto;
                object-fit: contain;
            }
            & .licence-plate-dep-code {
                margin-top: 2px;
                font-size: 1em;
                font-weight: 800;
                color: white;
            }
        }
    }
}