.form-tabless-fields {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)* -.5);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-top: calc(var(--bs-gutter-y)* -1);

}

.form-tabless-fields .form-group {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* The padding above pushes label-less translatable (globe) buttons, which October
   pins to the group's edge, outside the field. Keep them inside its end corner.
   Logical properties so it holds for both LTR and RTL. */
.form-tabless-fields .form-group .form-translatable.no-label {
    inset-inline-end: calc(1rem + 6px);
    top: 8px;
}

.form-tabless-fields .form-group:has(> .form-translatable.no-label) > .form-control {
    padding-inline-end: 38px;
}

/* .form-group.span-storm { */
/*     display: inline-block; */
/* } */

/* @media (max-width: 576px) { */
/*     .form-group.span-storm { */
/*         display: block; */
/*         padding-left: 0rem; */
/*         padding-right: 0rem; */
/*     } */
/* } */

.nav>li>a:focus {
    outline: none !important;
}

.block-switch .field-switch {
    padding-inline-start: 0 !important;
    float: unset !important;
}

.block-switch .field-switch p {
    padding-bottom: 10px !important;
}

@media print {
    #layout-canvas .layout .layout-row.min-size {
        display: none;
    }
}