/* NON GENERIC OPTIONS
 * Following options are only usefull for one css property.
 */
.layout__region:has(> .ps-relative) {
  position: relative;
}
.layout__region:has(> .as-start) {
  align-self: start;
}
.layout__region:has(> .js-start) {
  justify-self: start;
}
.layout-builder--content-preview-disabled .layout__region:has(> .js-start) {
  justify-self: initial;
}
.layout-builder--content-preview-disabled .layout__region .js-start {
  background-color: var(--color--gray-70);
}
.layout__region:has(> .as-center) {
  align-self: center;
}
.layout__region:has(> .js-center) {
  justify-self: center;
}
.layout-builder--content-preview-disabled .layout__region:has(> .js-center) {
  justify-self: initial;
}
.layout-builder--content-preview-disabled .layout__region .js-center {
  background-color: var(--color--gray-70);
}
.layout__region:has(> .as-end) {
  align-self: end;
}
.layout__region:has(> .js-end) {
  justify-self: end;
}
.layout-builder--content-preview-disabled .layout__region:has(> .js-end) {
  justify-self: initial;
}
.layout-builder--content-preview-disabled .layout__region .js-end {
  background-color: var(--color--gray-70);
}