Media: Limit HDR brightness outside Media Viewer (#6533)

src/components/mediaViewer/MediaViewerContent.scss

@@ -41,4 +41,8 @@
   .Spinner {
     margin: auto;
   }
+
+  img, video {
+    dynamic-range-limit: no-limit;
+  }
 }

src/components/story/StoryViewer.module.scss

@@ -272,6 +272,8 @@
 
   transition: opacity 300ms;
 
+  dynamic-range-limit: no-limit;
+
   :global(body.ghost-animating) .activeSlide & {
     visibility: hidden;
   }

src/styles/reboot.css

@@ -172,6 +172,10 @@ img {
   vertical-align: middle;
 }
 
+img, video {
+  dynamic-range-limit: standard;
+}
+
 svg:not(:root) {
   overflow: hidden;
 }

src/util/browser/windowEnvironment.ts

@@ -113,7 +113,7 @@ export const IS_OPEN_IN_NEW_TAB_SUPPORTED = !(IS_PWA && IS_MOBILE);
 export const IS_TRANSLATION_SUPPORTED = !IS_TEST;
 export const IS_TRANSLATION_DETECTOR_SUPPORTED = 'LanguageDetector' in window;
 export const IS_VIEW_TRANSITION_SUPPORTED = CSS.supports('view-transition-class: test')
-  && !IS_FIREFOX; // Fix flashing elements before removing
+  && !IS_FIREFOX; // https://bugzilla.mozilla.org/show_bug.cgi?id=1994547
 
 export const MESSAGE_LIST_SENSITIVE_AREA = 750;