.feed-list {
  box-sizing: border-box;
  width: min(100%, 760px);
  margin: 24px auto;
  padding-inline: var(--site-text-inset-x, 12px);
}

.member-gallery .feed-list {
  margin-inline: 0;
}

.feed-list--block {
  width: 100%;
}

@media (min-width: 721px) {
  .feed-block__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
  }

  .feed-block__cards > .feed-list__empty {
    grid-column: 1 / -1;
  }
}

.feed-card {
  margin: 0 0 26px;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--line, #ddd);
  min-width: 0;
}

.feed-card__meta {
  margin-bottom: 8px;
}

.feed-design {
  position: relative;
  min-width: 0;
}

.feed-design__picture {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  background: #eeece8;
  color: #333;
  text-decoration: none;
}

.feed-design__picture :is(canvas, img) {
  display: block;
  width: 100%;
  height: 100%;
}

.feed-design__picture [data-frame-status]:not(:empty) {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 15px;
  text-align: center;
}

.feed-design__comparison {
  position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #dad5cc;
  border-radius: 4px;
  background: #fffffff0;
  color: #292929;
}

.feed-design__editor,
.feed-design__retry {
  position: absolute;
  bottom: 8px;
  border: 1px solid #dad5cc;
  border-radius: 6px;
  background: #fff;
  color: #292929;
}

.feed-design__editor {
  right: 8px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
}

.feed-design__retry {
  left: 8px;
  padding: 5px 8px;
}

.feed-card__text {
  margin: 10px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.feed-card__actions {
  display: flex;
  gap: 8px 14px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
}

.feed-follow {
  margin: 0 var(--site-text-inset-x, 12px) 14px;
}

.feed-publish {
  margin-top: 6px;
}

.feed-publish summary {
  width: fit-content;
  cursor: pointer;
}

.feed-comment-attachment {
  margin-block: 8px;
}

.feed-comment-attachment summary {
  cursor: pointer;
}

.feed-comment-attachment label {
  display: block;
  margin-top: 6px;
}

.feed-publish summary img {
  vertical-align: middle;
}

.feed-publish__classification label {
  display: block;
  margin-top: 7px;
}

.feed-publish__classification label[hidden] {
  display: none;
}

.feed-publish__classification select {
  width: 100%;
}

.feed-publish textarea {
  display: block;
  width: 100%;
  min-height: 64px;
  margin: 7px 0;
  box-sizing: border-box;
}

.feed-subscription-list ul {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}

.feed-subscription-list__tabs,
.feed-subscription-list__row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.feed-subscription-list__row {
  padding: 12px 0;
  border-bottom: 1px solid var(--line, #ddd);
}

.feed-subscription-list__row form {
  margin-inline-start: auto;
}

.feed-subscription-list [aria-current="page"] {
  font-weight: 600;
}