.gallery-card,
.gallery-card:has(.gallery-photo:hover),
.gallery-card:focus-within,
.gallery-card.is-wheel-active {
  flex-basis: 154px;
  transform: none;
  filter: none;
  transition: filter .18s var(--ease)
}

.gallery-card:has(.gallery-selector input:checked) {
  transform: none;
  filter: saturate(1.08);
  z-index: 5
}

.gallery-card:has(.gallery-selector input:checked) .gallery-photo {
  border-color: color-mix(in srgb, var(--wine) 70%, #ffd77c);
  background: linear-gradient(135deg, #d27638, #ffcd72 28%, #fff2cc 55%, #b84645);
  box-shadow: 0 0 0 3px color-mix(in srgb, #f0a73d 55%, var(--wine)), 0 0 26px rgba(196, 102, 40, .46), 8px 9px 0 color-mix(in srgb, var(--surface-muted) 65%, var(--wine));
  transform: translateY(-1px)
}

.gallery-card.is-wheel-active .gallery-photo {
  transform: translateY(-2px);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--wine) 35%, var(--line)), 7px 8px 0 color-mix(in srgb, var(--surface-muted) 80%, var(--wine))
}

.rating-chip {
  display: flex;
  align-items: center;
  gap: 1px;
  max-width: 73px;
  overflow: hidden;
  color: #ffd36c;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .72);
  letter-spacing: -1px
}

.rating-chip .rating-chip__empty {
  color: rgba(255, 255, 255, .62);
  letter-spacing: 0
}

.photo-context-menu[hidden] {
  display: none !important
}

@media(max-width:760px) {

  .gallery-card,
  .gallery-card:has(.gallery-photo:hover),
  .gallery-card:focus-within,
  .gallery-card.is-wheel-active {
    flex-basis: 126px
  }
}

@media(max-width:430px) {

  .gallery-card,
  .gallery-card:has(.gallery-photo:hover),
  .gallery-card:focus-within,
  .gallery-card.is-wheel-active {
    flex-basis: 112px
  }
}