body.block-editor-page .button {
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin: 0;
  padding: 6px 12px;
  font-size: 13px;
  color: #007cba;
  background: none;
  border: none;
  border-radius: 2px;
  outline: 1px solid transparent;
  box-shadow: inset 0 0 0 1px #006ba1; }
  body.block-editor-page .button:hover {
    color: #007cba;
    background: none; }
  body.block-editor-page .button:focus {
    color: #007cba;
    box-shadow: inset 0 0 0 1px #007cba; }

body.block-editor-page .button-delete {
  color: #cc1818;
  box-shadow: inset 0 0 0 1px #cc1818; }
  body.block-editor-page .button-delete:hover {
    color: #710d0d;
    box-shadow: inset 0 0 0 1px #710d0d; }

body.block-editor-page textarea {
  padding: 6px 8px;
  font-size: 13px;
  border-radius: 2px;
  box-shadow: transparent 0px 0px 0px;
  transition: box-shadow 0.1s linear 0s; }
  body.block-editor-page textarea:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 calc( 1.5px - 1px) #007cba;
    outline: transparent solid 2px; }

body.block-editor-page select {
  border-radius: 2px;
  font-size: 13px; }
  body.block-editor-page select:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 calc( 1.5px - 1px) #007cba;
    outline: transparent solid 2px; }
  body.block-editor-page select:hover {
    color: #007cba; }

.sharing-image-widget {
  display: flex;
  position: relative; }
  .sharing-image-widget * {
    box-sizing: border-box; }
  .sharing-image-widget .sharing-image-picker {
    display: block;
    position: relative;
    flex: 1 1 auto;
    margin-top: 4px; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-template {
      display: block;
      width: 100%;
      margin-bottom: 12px; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-template select {
        display: block;
        width: 100%;
        max-width: 100%; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-fieldset {
      display: none;
      position: relative; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-fieldset.fieldset-visible {
        display: block; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-media {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 12px; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-media .button {
        margin-right: 14px; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-featured {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 0;
      font-size: 18px;
      color: #8c8f94;
      background: 0;
      border: none;
      transition: color 0.25s; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-featured::after {
        font-family: dashicons;
        content: "\f128"; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-featured:hover {
        color: #2271b1; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-featured.featured-seleted {
        color: #2271b1; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-caption {
      display: block;
      width: 100%;
      margin-bottom: 12px; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-caption h4 {
        margin: 0; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-caption > * {
        display: block;
        width: 100%; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-caption textarea {
        height: 52px;
        min-height: 28px;
        margin-top: 5px; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-poster {
      display: none;
      position: relative;
      width: 100%;
      margin-bottom: 12px;
      overflow: hidden;
      border-radius: 2px; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-poster.poster-visible {
        display: block; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-poster img {
        display: block;
        height: auto;
        max-width: 100%; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-manager {
      display: flex;
      align-items: center;
      width: 100%;
      padding-top: 12px;
      border-top: solid 1px #ccc; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-manager .button {
        margin-right: 12px; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-warning {
      display: none;
      position: relative;
      margin: 0 0 12px;
      color: #b32d2e; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-warning.warning-visible {
        display: block; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-delete {
      display: none;
      cursor: pointer;
      color: #b32d2e;
      border-color: #b32d2e; }
      .sharing-image-widget .sharing-image-picker .sharing-image-picker-delete:hover {
        color: #710d0d; }
    .sharing-image-widget .sharing-image-picker .sharing-image-picker-spinner {
      float: none;
      margin: 0; }
    .sharing-image-widget .sharing-image-picker .poster-visible ~ .sharing-image-picker-manager .sharing-image-picker-delete {
      display: inline-flex; }
    .sharing-image-widget .sharing-image-picker .poster-loader ~ .sharing-image-picker-manager .sharing-image-picker-spinner {
      visibility: visible; }
  .sharing-image-widget .sharing-image-title {
    display: block;
    position: relative;
    padding: 20px 10px 20px 0;
    flex: 0 0 220px; }
    .sharing-image-widget .sharing-image-title strong {
      font-weight: 600;
      font-size: 14px; }
    @media screen and (max-width: 782px) {
      .sharing-image-widget .sharing-image-title {
        padding: 10px 0 0 0; } }
  .sharing-image-widget.widget-taxonomy {
    max-width: 95%;
    margin-bottom: 20px; }
    .sharing-image-widget.widget-taxonomy .sharing-image-picker {
      margin-top: 15px;
      padding: 10px;
      background: #fff;
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.125);
      border-radius: 3px; }
    @media screen and (max-width: 782px) {
      .sharing-image-widget.widget-taxonomy {
        display: block; } }
  .sharing-image-widget.widget-metabox {
    max-width: 480px; }