:host {
    display: flex;
    min-height: 100%;

    form {
        display: flex;
        flex: 1;

        > div {
            flex: 1;
            padding: 24px 32px;
        }

        .separator {
            flex: none;
            height: 100%;
            width: 1px;
            padding: 0;
            background-color: var(--iqser-separator);
        }

        .datepicker-wrapper {
            width: initial;
        }

        .datepicker-wrapper input {
            width: initial;
            margin-top: 3px;
        }

        .image-attribute {
            &.displayed-preview {
                flex-direction: row;
                justify-content: space-between;

                > div {
                    flex-direction: row;
                    align-items: center;
                    display: flex;
                }
            }

            &:not(first-of-type) {
                margin-top: 24px;
            }

            .upload-button {
                margin-top: 6px;
                width: fit-content;
            }

            img {
                width: 50px;
                height: 50px;
                object-fit: cover;
                object-position: center;
                border: 1px solid var(--iqser-grey-5);
                margin-right: 15px;
            }

            iqser-circle-button:not(:last-child) {
                margin-right: 2px;
            }
        }
    }
}
