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

:is(.actions-Yd3WIq, .byline-field-file-actions) {
  top: var(--spacing-6);
  right: var(--spacing-6);
  z-index: 1;
  align-items: center;
  gap: var(--spacing-4);
  display: flex;
  position: absolute;
}

.byline-field-file-actions .byline-button {
  color: var(--gray-900);
}

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

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

:is(.tile-K1K1D_, .byline-field-file-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(.uploading-KCIPa6, .byline-field-file-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(.icon-wrap-TckWPs, .byline-field-file-icon-wrap) {
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
  border-radius: var(--border-radius-sm);
  width: 4rem;
  height: 4rem;
  color: var(--gray-300);
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

a.icon-wrap-TckWPs {
  cursor: pointer;
  text-decoration: none;
  transition: border-color .12s, color .12s;
}

a.byline-field-file-icon-wrap {
  cursor: pointer;
  text-decoration: none;
  transition: border-color .12s, color .12s;
}

a.icon-wrap-TckWPs:hover {
  border-color: var(--primary-500);
  color: var(--primary-400);
}

a.byline-field-file-icon-wrap:hover {
  border-color: var(--primary-500);
  color: var(--primary-400);
}

a.icon-wrap-TckWPs:focus-visible {
  outline: 2px solid var(--primary-500);
  outline-offset: 2px;
}

a.byline-field-file-icon-wrap:focus-visible {
  outline: 2px solid var(--primary-500);
  outline-offset: 2px;
}

:is(.icon-HnknJj, .byline-field-file-icon) {
  opacity: .85;
}

:is(.pending-mh5ZKa, .byline-field-file-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(.meta-mm1UmQ, .byline-field-file-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-q6cipk, .byline-field-file-meta-key) {
  font-weight: var(--font-weight-semibold);
}

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