lostplaces-frontend/components/03_Organisms/form/_form.scss

.LP-Form {

    &--tagging {
        margin-top: 25px;

        div.LP-Form__Composition {
            gap: 25px;
        }
    }

    &--inline {

        .LP-Form__Legend,
        .LP-Input__Label {
            display: none;
        }

        .LP-Form__Button {
            @include RV-FlexRow__Item--fixedSize(max-content);
        }

        fieldset.LP-Form__Fieldset {
            max-width: unset;
        }

        div.LP-Form__Composition {
            padding: 0;
        }
    }

    &:not(.LP-Form--inline) {
        .LP-Form__Composition {
            @media(max-width: $-viewport-extra-small) {
                @include RV-FlexRow__Container--multiRow;
            }
        }

        .LP-Form__Button {
            @include RV-FlexRow__Item--fixedSize(130px);

            @media(max-width: $-viewport-extra-small) {
                @include RV-FlexRow__Item--fixedSize(100%);
            }
        }
    }

    .LP-Form__Fieldset {
        @include RV-Reset;
        max-width: 1200px;
        min-width: $-viewport-medium;

        @media(max-width: $-viewport-medium) {
            min-width: unset;
        }
    }

    .LP-Form__Legend {
        margin: 0;
        padding: 0;
        font-family: $-primary-sans-serif-font;
        font-size: 21px;
    }

    .LP-Form__Composition {
        @include RV-FlexRow__Container;
        @include RV-Spacing__Inner--small('');

        &--breakable {
            @media(max-width: $-viewport-small) {
                @include RV-FlexRow__Container--multiRow;
            }
        }

        &--buttons {
            justify-content: flex-end;
            @include RV-Spacing__Inner--small;
        }
    }

    .LP-Form__Field {
        @include RV-FlexRow__Item;
    }

    .LP-Form__InfoText {
        .LP-Paragraph {
            font-family: $-primary-sans-serif-font;
            color: $-grey;
        }
    }
}