:is(.header-qe_E_5, .byline-field-image-header) {
  align-items: baseline;
  gap: var(--spacing-8);
  margin-bottom: .25rem;
  display: flex;
}

:is(.remove-ib7eKx, .byline-field-image-remove) {
  top: var(--spacing-6);
  right: var(--spacing-6);
  z-index: 1;
  position: absolute;
}

.byline-field-image-remove .byline-button {
  color: var(--gray-900);
}

:is(.dark .byline-field-image-remove .byline-button, [data-theme="dark"] .byline-field-image-remove .byline-button) {
  color: var(--gray-200);
}

:is(.empty-b8pdoJ, .byline-field-image-empty) {
  color: var(--gray-500);
  font-size: var(--font-size-xs);
  font-style: italic;
}

:is(.tile-izbLn0, .byline-field-image-tile) {
  gap: var(--spacing-16);
  padding: var(--spacing-8);
  border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
  border-radius: var(--border-radius-md);
  margin-top: .25rem;
  display: flex;
  position: relative;
}

:is(.preview-wrap-Cjr0PD, .byline-field-image-preview-wrap) {
  position: relative;
}

:is(.preview-button-LAsENX, .byline-field-image-preview-button) {
  appearance: none;
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

:is(.preview-button-LAsENX:focus-visible, .byline-field-image-preview-button:focus-visible) {
  outline: 2px solid var(--primary-500);
  outline-offset: 2px;
}

:is(.preview-button-LAsENX img, .byline-field-image-preview-button img) {
  transition: opacity .12s;
}

:is(.preview-button-LAsENX:hover img, .byline-field-image-preview-button:hover img) {
  opacity: .85;
}

:is(.preview-DIASGB, .byline-field-image-preview) {
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
  border-radius: var(--border-radius-sm);
  object-fit: contain;
  min-width: 4rem;
  min-height: 4rem;
  max-height: 10rem;
}

:is(.preview-svg-sCwreb, .byline-field-image-preview-svg) {
  width: 271px;
  height: 159px;
  max-height: none;
}

:is(.pending-s6X_52, .byline-field-image-pending) {
  background-color: oklch(from var(--yellow-600) l c h / .9);
  color: var(--yellow-100);
  font-size: .6rem;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
  padding: .125rem .375rem;
  position: absolute;
  top: .25rem;
  left: .25rem;
}

:is(.uploading-nqh2Gh, .byline-field-image-uploading) {
  z-index: 2;
  background-color: oklch(from var(--gray-950) l c h / .5);
  border-radius: var(--border-radius-md);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

:is(.meta-uHyKiu, .byline-field-image-meta) {
  padding-right: var(--spacing-32);
  color: var(--gray-200);
  font-size: var(--font-size-xs);
  flex-direction: column;
  gap: .125rem;
  display: flex;
}

:is(.meta-key-eR6iRU, .byline-field-image-meta-key) {
  font-weight: var(--font-weight-semibold);
}

:is(.meta-pending-lEdTAj, .byline-field-image-meta-pending) {
  color: var(--yellow-400);
}

