$radius: var(--wds-image-border-radius-default, var(--wds-border-radius-200, 4px));

.image-viewer {
  border-radius: $radius;

  /* the core's reset is `.wds-image-viewer--remove-radius` (0,1,0), the same
     weight as the root rule above; without these repeats this sheet loads
     later and wins, and `removeRoundedBorders` stops working */
  &--remove-radius {
    border-radius: 0;
  }

  & &__overlay {
    border-radius: $radius;
  }

  & &__overlay--remove-radius {
    border-radius: 0;
  }
}