.admin-images-page--favorites .admin-images-row--toolbar {
  grid-column: 1 / -1;
  padding-bottom: var(--space-0-5);
}

.admin-images-page--favorites .admin-images-row--toolbar .admin-images-page__title {
  grid-column: 1 / -1;
}

.admin-images-page--favorites .id-tag,
.admin-images-page--favorites .status-tag {
  border-radius: var(--nn-text-xs);
}

.admin-images-page--favorites .admin-images-list-form {
  display: grid;
  grid-column: 1 / -1;
  row-gap: var(--space-1);
}

.admin-images-page--favorites .admin-images-row--columns,
.admin-images-page--favorites .admin-images-row--list {
  grid-column: 1 / -1;
}

.admin-images-page--favorites .admin-images-columns {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(116px, 0.75fr) minmax(170px, 1fr) minmax(96px, 0.65fr) 188px;
  align-items: center;
  column-gap: var(--space-1);
  padding: 10px 0;
  border-bottom: var(--nn-border-subtle);
  color: var(--nn-color-ink-soft);
  font-family: var(--nn-font-body);
  font-size: var(--fs-small);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-normal);
}

.admin-images-page--favorites .admin-images-col {
  grid-column: auto;
}

.admin-images-page--favorites .admin-images-col--actions {
  justify-self: end;
}

.admin-images-page--favorites .admin-images-row--list {
  display: grid;
}

.admin-images-page--favorites .favorite-request-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: var(--nn-grid-gap);
  padding: 14px 0;
  border-bottom: var(--nn-border-subtle);
  color: var(--nn-color-ink);
  font-family: var(--nn-font-body);
  font-size: var(--fs-small);
  line-height: var(--lh-normal);
}

.admin-images-page--favorites .favorite-request-row__main {
  display: grid;
  grid-template-columns: auto 96px minmax(0, 1fr);
  align-items: start;
  column-gap: var(--space-1);
  min-width: 0;
}

.admin-images-page--favorites .favorite-request-row__select {
  align-self: start;
  padding-top: 4px;
}

.admin-images-page--favorites .favorite-request-row__media,
.admin-images-page--favorites .favorite-request-row__title,
.admin-images-page--favorites .favorite-request-row__actions,
.admin-images-page--favorites .admin-image-item__availability,
.admin-images-page--favorites .admin-image-item__measure,
.admin-images-page--favorites .admin-image-item__price {
  grid-column: auto;
}

.admin-images-page--favorites .favorite-request-row .admin-image-thumb {
  aspect-ratio: 1;
  height: auto;
  width: 100%;
}

.admin-images-page--favorites .favorite-request-row .admin-image-thumb img {
  height: 100%;
  max-height: none;
  min-height: 0;
  width: 100%;
}

.admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__select {
  position: static;
  transform: none;
}

.admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row .admin-image-thumb {
  margin-left: 0;
  width: 100%;
}

.admin-images-page--favorites .favorite-request-row__content {
  display: grid;
  row-gap: var(--space-0-5);
  min-width: 0;
}

.admin-images-page--favorites .favorite-request-row__title {
  display: grid;
  row-gap: 4px;
  min-height: 0;
  min-width: 0;
}

.admin-images-page--favorites .admin-image-item__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fs-body);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
}

.admin-images-page--favorites .favorite-request-row__description {
  color: var(--nn-color-ink-muted);
}

.admin-images-page--favorites .favorite-request-row__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--nn-grid-gap);
  row-gap: var(--space-0-5);
  padding-top: var(--space-0-5);
}

.admin-images-page--favorites .favorite-request-row__meta-item {
  display: grid;
  align-content: start;
  min-width: 0;
  row-gap: 4px;
}

.admin-images-page--favorites .favorite-request-row__meta-item > span:first-child {
  color: var(--nn-color-ink-muted);
  font-family: var(--nn-font-body);
  font-size: var(--fs-small);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-normal);
}

.admin-images-page--favorites .admin-image-item__availability,
.admin-images-page--favorites .admin-image-item__measure {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  color: var(--nn-color-ink-muted);
  font-family: var(--nn-font-body);
  font-size: var(--fs-small);
  line-height: var(--lh-normal);
}

.admin-images-page--favorites .favorite-measure-tag {
  width: fit-content;
}

.admin-images-page--favorites .admin-image-item__price {
  color: var(--nn-color-ink);
  font-family: var(--nn-font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  white-space: nowrap;
}

.admin-images-page--favorites .favorite-request-row__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-0-5);
  justify-self: end;
  align-self: end;
}

@media (max-width: 1100px) {
  .admin-images-page--favorites .admin-images-columns {
    grid-template-columns: minmax(180px, 1.4fr) minmax(96px, 0.7fr) minmax(140px, 1fr) minmax(80px, 0.6fr) 160px;
  }

  .admin-images-page--favorites .favorite-request-row {
    column-gap: var(--space-0-5);
  }

  .admin-images-page--favorites .favorite-request-row__main {
    grid-template-columns: auto 82px minmax(0, 1fr);
    column-gap: var(--space-0-5);
  }
}

@media (max-width: 768px) {
  .admin-images-page--favorites .admin-images-row--columns {
    display: none;
  }

  .admin-images-page--favorites .favorite-request-row {
    grid-template-columns: 1fr;
    row-gap: var(--space-0-5);
  }

  .admin-images-page--favorites .favorite-request-row__actions {
    grid-column: auto;
    justify-self: end;
  }
}

@media (max-width: 768px) {
  .admin-images-page--favorites .favorite-request-row__actions .ui-btn--nav {
    display: none;
  }
}

@media (min-width: 768px) {
  .admin-images-page--favorites .admin-images-columns,
  .admin-images-page--favorites .favorite-request-row {
    grid-template-columns: repeat(var(--nn-subgrid-columns), minmax(0, 1fr));
    column-gap: var(--nn-grid-gap);
  }

  .admin-images-page--favorites .admin-images-columns {
    height: 39px;
    padding: 0;
  }

  .admin-images-page--favorites .favorite-request-row {
    padding: var(--space-1) 0;
  }

  .admin-images-page--favorites .admin-images-col--image,
  .admin-images-page--favorites .favorite-request-row__media {
    grid-column: 1 / span 3;
  }

  .admin-images-page--favorites .admin-images-col--name,
  .admin-images-page--favorites .favorite-request-row__title {
    grid-column: 4 / span 3;
  }

  .admin-images-page--favorites .admin-images-col--availability,
  .admin-images-page--favorites .admin-image-item__availability {
    grid-column: 7 / span 2;
  }

  .admin-images-page--favorites .admin-images-col--measure,
  .admin-images-page--favorites .admin-image-item__measure {
    grid-column: 9 / span 2;
  }

  .admin-images-page--favorites .admin-images-col--price,
  .admin-images-page--favorites .admin-image-item__price {
    grid-column: 11 / span 2;
  }

  .admin-images-page--favorites .admin-images-col--actions,
  .admin-images-page--favorites .favorite-request-row__actions {
    grid-column: 13 / span 3;
    text-align: right;
  }

  .admin-images-page--favorites .favorite-request-row__main,
  .admin-images-page--favorites .favorite-request-row__content,
  .admin-images-page--favorites .favorite-request-row__meta,
  .admin-images-page--favorites .favorite-request-row__meta-item {
    display: contents;
  }

  .admin-images-page--favorites .favorite-request-row__media {
    display: grid;
  }

  .admin-images-page--favorites .favorite-request-row__meta-item > span:first-child,
  .admin-images-page--favorites .favorite-request-row__description {
    display: none;
  }

  .admin-images-page--favorites .favorite-request-row .admin-image-thumb {
    aspect-ratio: auto;
    height: 100%;
    width: 90%;
  }

  .admin-images-page--favorites .favorite-request-row .admin-image-thumb img {
    height: 100%;
    max-height: 160px;
    min-height: 120px;
    width: 100%;
  }

  .admin-images-page--favorites .admin-image-item__measure {
    display: grid;
    row-gap: var(--space-0-5);
    align-content: center;
  }

  .admin-images-page--favorites .favorite-measure-tag {
    display: block;
  }

  .admin-images-page--favorites .favorite-request-row__actions {
    display: grid;
    justify-items: end;
    align-content: start;
    justify-self: stretch;
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__select {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row .admin-image-thumb {
    margin-left: calc(18px + var(--space-1));
    width: calc(90% - 18px - var(--space-1));
  }
}

@media (min-width: 769px) and (max-width: 1130px) {
  .admin-images-page--favorites .admin-images-columns,
  .admin-images-page--favorites .favorite-request-row {
    grid-template-columns:
      minmax(72px, 0.8fr)
      minmax(112px, 1.25fr)
      minmax(86px, 0.85fr)
      minmax(88px, 0.85fr)
      minmax(92px, 0.75fr)
      minmax(152px, 1.15fr);
    column-gap: var(--space-0-5);
  }

  .admin-images-page--favorites .admin-images-col--image,
  .admin-images-page--favorites .favorite-request-row__media {
    grid-column: 1;
  }

  .admin-images-page--favorites .admin-images-col--name,
  .admin-images-page--favorites .favorite-request-row__title {
    grid-column: 2;
  }

  .admin-images-page--favorites .admin-images-col--availability,
  .admin-images-page--favorites .admin-image-item__availability {
    grid-column: 3;
  }

  .admin-images-page--favorites .admin-images-col--measure,
  .admin-images-page--favorites .admin-image-item__measure {
    grid-column: 4;
  }

  .admin-images-page--favorites .admin-images-col--price,
  .admin-images-page--favorites .admin-image-item__price {
    grid-column: 5;
  }

  .admin-images-page--favorites .admin-images-col--actions,
  .admin-images-page--favorites .favorite-request-row__actions {
    grid-column: 6;
  }

  .admin-images-page--favorites .favorite-request-row .admin-image-thumb {
    max-width: 128px;
    width: 100%;
  }

  .admin-images-page--favorites .favorite-request-row .admin-image-thumb img {
    max-height: 132px;
    min-height: 96px;
  }

  .admin-images-page--favorites .admin-image-item__measure {
    align-content: start;
  }

  .admin-images-page--favorites .admin-image-item__price {
    white-space: normal;
  }

  .admin-images-page--favorites .review-group-editor__link + .favorite-measure-tag {
    display: none;
  }

  .admin-images-page--favorites .favorite-request-row__actions {
    row-gap: var(--space-0-5);
  }

  .admin-images-page--favorites .favorite-request-row__actions .ui-btn {
    max-width: none;
    min-width: max-content;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .admin-images-page--favorites .admin-images-list-form,
  .admin-images-page--favorites .favorite-request-row,
  .admin-images-page--favorites .favorite-request-row__content,
  .admin-images-page--favorites .favorite-request-row__meta,
  .admin-images-page--favorites .favorite-request-row__actions {
    row-gap: var(--space-0-5);
    column-gap: var(--space-0-5);
  }

  .admin-images-page--favorites .favorite-request-row {
    padding: var(--space-0-5) 0;
  }

  .admin-images-page--favorites .favorite-request-row__main {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    column-gap: var(--space-0-5);
    row-gap: var(--space-0-5);
    width: 100%;
  }

  .admin-images-page--favorites .favorite-request-row__media {
    display: block;
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: none;
    min-width: 0;
  }

  .admin-images-page--favorites .favorite-request-row .admin-image-thumb {
    aspect-ratio: auto;
    width: 100%;
  }

  .admin-images-page--favorites .favorite-request-row .admin-image-thumb img {
    height: 100%;
    max-height: 80px;
  }

  .admin-images-page--favorites .favorite-request-row__content {
    display: contents;
  }

  .admin-images-page--favorites .favorite-request-row__title {
    grid-column: 2;
    grid-row: 1;
    align-content: start;
  }

  .admin-images-page--favorites .favorite-request-row__meta {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 0;
  }

  .admin-images-page--favorites .favorite-request-row__meta-item {
    display: grid;
  }

  .admin-images-page--favorites .favorite-request-row__meta-item > span:first-child {
    display: block;
    margin-bottom: 0;
  }

  .admin-images-page--favorites .favorite-request-row__description {
    display: block;
  }

  .admin-images-page--favorites .admin-image-item__availability,
  .admin-images-page--favorites .admin-image-item__measure,
  .admin-images-page--favorites .admin-image-item__price {
    grid-column: auto;
  }

  .admin-images-page--favorites .admin-image-item__availability,
  .admin-images-page--favorites .admin-image-item__measure {
    display: flex;
  }

  .admin-images-page--favorites .review-group-editor__link + .favorite-measure-tag {
    display: none;
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__main {
    grid-template-columns: auto minmax(0, 40%) minmax(0, 1fr);
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__select {
    grid-column: 1;
    grid-row: 1;
    padding-top: 0;
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__media {
    grid-column: 2;
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__title {
    grid-column: 3;
  }

  .admin-images-page--favorites .admin-images-list-form.is-bulk-delete-mode .favorite-request-row__meta {
    grid-column: 2 / -1;
  }
}

.favorite-measures-modal {
  align-items: center;
  background: rgba(17, 17, 17, 0.6);
  box-sizing: border-box;
  display: none;
  inset: 0;
  justify-content: center;
  padding: var(--space-1);
  position: fixed;
  z-index: 1000;
}

.favorite-measures-modal:target {
  display: grid;
  place-items: center;
}

.favorite-measures-modal__backdrop {
  inset: 0;
  position: absolute;
}

.favorite-measures-modal__content {
  background: var(--nn-color-bg-surface);
  border-radius: calc(var(--space-0-5) / 2);
  box-sizing: border-box;
  display: grid;
  max-height: calc(100vh - var(--space-2));
  padding: calc(var(--space-0-5) + 4px) var(--space-0-5) var(--space-0-5);
  overflow: auto;
  position: relative;
  row-gap: var(--space-0-5);
  width: min(980px, calc(100% - var(--space-1)));
}

.favorite-measures-modal__list {
  display: grid;
  row-gap: var(--space-0-5);
}

.favorite-measures-modal__row {
  display: grid;
  row-gap: var(--space-0-5);
}

.favorite-measures-modal .dimension-group-modal__content h4 {
  margin: 0;
  padding-right: calc(var(--space-0-5) + 10px);
  padding-bottom: var(--space-0-5);
  font-family: var(--nn-font-body);
  font-size: var(--fs-subtitle);
  line-height: var(--lh-tight);
  font-weight: var(--fw-semibold);
  color: var(--nn-color-ink);
}

.favorite-measures-modal .dimension-group-modal__row {
  background: var(--nn-color-bg-canvas);
  border-radius: 8px;
  padding: var(--space-0-5);
}

.favorite-measures-modal .dimension-group-modal__row-header {
  display: grid;
  row-gap: 2px;
}

.favorite-measures-modal .dimension-group-modal__row-title,
.favorite-measures-modal .dimension-group-modal__selection-title {
  font-family: var(--nn-font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-tight);
  font-weight: var(--fw-semibold);
  color: var(--nn-color-ink);
}

.favorite-measures-modal .dimension-group-modal__row-line,
.favorite-measures-modal .dimension-group-modal__selection-line {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  font-family: var(--nn-font-body);
  font-size: var(--fs-small);
  line-height: var(--lh-normal);
  color: var(--nn-color-ink-soft);
}

.favorite-measures-modal .dimension-group-modal__selection-row {
  border-top: var(--nn-border-subtle);
  display: grid;
  padding-top: calc(var(--space-0-5) / 2);
  row-gap: 4px;
}

.favorite-measures-modal .dimension-group-modal__selection-top {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.favorite-measures-modal .dimension-group-modal__selection-info {
  display: grid;
  row-gap: 1px;
}