/* Compiled from article_image_readonly_component.scss. Edit this sidecar CSS directly. */
.article-image-readonly-component {
  display: flex;
  width: 100%;
}
.article-image-readonly-component .image {
  flex-flow: column nowrap;
  padding-right: 24px;
  flex-basis: 45%;
}
.article-image-readonly-component .image-info {
  width: 100%;
  padding-right: 2px;
  padding-left: 2px;
  display: flex;
  flex-flow: column nowrap;
}
.article-image-readonly-component .image-info .left {
  float: left;
  width: 60%;
  text-align: left;
}
.article-image-readonly-component .image-info .right {
  width: 40%;
  text-align: right;
  float: right;
}
.article-image-readonly-component .image-info p {
  font-size: 14px;
  font-weight: 500;
  color: #5E6E82;
}
.article-image-readonly-component img.featured {
  border: 6px var(--blue) solid;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.article-image-readonly-component textarea {
  border: 0;
  color: #5E6E82;
  field-sizing: content;
  font-size: 14px;
  height: fit-content;
  resize: none;
}
.article-image-readonly-component button {
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
}