drupal/core/themes/olivero/css/components/content-moderation.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Styles for content moderation toolbar.
 */

[dir="ltr"] .entity-moderation-form {
  padding-left: 18px
}

[dir="rtl"] .entity-moderation-form {
  padding-right: 18px
}

[dir="ltr"] .entity-moderation-form {
  padding-right: 18px
}

[dir="rtl"] .entity-moderation-form {
  padding-left: 18px
}

.entity-moderation-form {
  flex-direction: column;
  border: 1px solid #e7edf1;
  background-color: #f7f9fa
}

.entity-moderation-form select,
  .entity-moderation-form input:not([type="submit"]) {
    background-color: #fff;
  }

@media (min-width: 700px) {

.entity-moderation-form {
    flex-direction: row
}
  }

[dir="ltr"] .entity-moderation-form__item {
  margin-right: 18px
}

[dir="rtl"] .entity-moderation-form__item {
  margin-left: 18px
}

.entity-moderation-form__item {
  flex-basis: 0
}

[dir="ltr"] .entity-moderation-form__item:last-child {
    margin-right: 0
}

[dir="rtl"] .entity-moderation-form__item:last-child {
    margin-left: 0
}

.entity-moderation-form__item:last-child {
    align-self: flex-start
  }

@media (min-width: 700px) {

.entity-moderation-form__item:last-child {
      align-self: flex-end
  }
    }

[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"]  .layout--content-medium .entity-moderation-form,[dir="ltr"]  .layout--pass--content-medium > * .entity-moderation-form {
    margin-left: 0
}

[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"]  .layout--content-medium .entity-moderation-form,[dir="rtl"]  .layout--pass--content-medium > * .entity-moderation-form {
    margin-right: 0
}

.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form {
    width: 100%
  }

@supports ((width: -webkit-max-content) or (width: max-content)) {

.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form {
      width: -webkit-max-content;
      width: max-content
  }
    }

@media (min-width: 700px) {

[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"]  .layout--content-medium .entity-moderation-form,[dir="ltr"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-left: calc(-2*((100vw - 504px)/14 + 36px))
  }

[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"]  .layout--content-medium .entity-moderation-form,[dir="rtl"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-right: calc(-2*((100vw - 504px)/14 + 36px))
  }

.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form {
      width: calc(14*(100vw - 504px)/14 + 468px);
      margin-top: 36px;
      margin-bottom: 72px
  }
    }

@media (min-width: 1000px) {

[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"]  .layout--content-medium .entity-moderation-form,[dir="ltr"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-left: calc(-1*((100vw - 519px)/14 + 36px))
  }

[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"]  .layout--content-medium .entity-moderation-form,[dir="rtl"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-right: calc(-1*((100vw - 519px)/14 + 36px))
  }

.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form {
      width: calc(12*(100vw - 519px)/14 + 396px)
  }
    }

@media (min-width: 1200px) {

[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"]  .layout--content-medium .entity-moderation-form,[dir="ltr"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-left: calc(-1*((100vw - 645px)/14 + 36px))
  }

[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"]  .layout--content-medium .entity-moderation-form,[dir="rtl"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-right: calc(-1*((100vw - 645px)/14 + 36px))
  }

.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form {
      width: calc(12*(100vw - 645px)/14 + 396px)
  }
    }

@media (min-width: 1440px) {

[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"]  .layout--content-medium .entity-moderation-form,[dir="ltr"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-left: 0
  }

[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"]  .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"]  .layout--content-medium .entity-moderation-form,[dir="rtl"]  .layout--pass--content-medium > * .entity-moderation-form {
      margin-right: 0
  }

.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form {
      width: 974.57143px
  }
    }