@@ -738,33 +738,52 @@
           } // Clean up previous render if canceling:
 
           [].slice
-            .call(document.querySelectorAll("link[data-n-staging]"))
+            .call(
+              document.querySelectorAll(
+                "link[data-n-staging], noscript[data-n-staging]"
+              )
+            )
             .forEach(el => {
               el.parentNode.removeChild(el);
             });
-          var referenceNode = [].slice
-            .call(document.querySelectorAll("link[data-n-g], link[data-n-p]"))
-            .pop();
+          var referenceNodes = [].slice.call(
+            document.querySelectorAll("link[data-n-g], link[data-n-p]")
+          );
+          var referenceHrefs = new Set(
+            referenceNodes.map(e => e.getAttribute("href"))
+          );
+          var referenceNode = referenceNodes[referenceNodes.length - 1];
           var required = styleSheets.map(href => {
-            var [link, promise] = (0, _pageLoader.createLink)(
-              href,
-              "stylesheet"
-            );
-            link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
-            // cross-browser. Since this is so short lived we don't have to worry
-            // about style thrashing in a print view (where no routing is going to be
-            // happening anyway).
+            var newNode, promise;
+            var existingLink = referenceHrefs.has(href);
 
-            link.setAttribute("media", "print");
+            if (existingLink) {
+              newNode = document.createElement("noscript");
+              newNode.setAttribute("data-n-staging", href);
+              promise = true;
+            } else {
+              var [link, onload] = (0, _pageLoader.createLink)(
+                href,
+                "stylesheet"
+              );
+              link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
+              // cross-browser. Since this is so short lived we don't have to worry
+              // about style thrashing in a print view (where no routing is going to be
+              // happening anyway).
+
+              link.setAttribute("media", "print");
+              newNode = link;
+              promise = onload;
+            }
 
             if (referenceNode) {
               referenceNode.parentNode.insertBefore(
-                link,
+                newNode,
                 referenceNode.nextSibling
               );
-              referenceNode = link;
+              referenceNode = newNode;
             } else {
-              document.head.appendChild(link);
+              document.head.appendChild(newNode);
             }
 
             return promise;
@@ -792,16 +811,41 @@
 
         function onCommit() {
           if (
-            // We can skip this during hydration. Running it wont cause any harm, but
-            // we may as well save the CPU cycles.
-            !isInitialRender && // We use `style-loader` in development, so we don't need to do anything
+            // We use `style-loader` in development, so we don't need to do anything
             // unless we're in production:
-            true
+            true && // We can skip this during hydration. Running it wont cause any harm, but
+            // we may as well save the CPU cycles:
+            !isInitialRender && // Ensure this render commit owns the currently staged stylesheets:
+            renderPromiseReject === lastRenderReject
           ) {
-            // Remove old stylesheets:
+            // Remove or relocate old stylesheets:
+            var relocatePlaceholders = [].slice.call(
+              document.querySelectorAll("noscript[data-n-staging]")
+            );
+            var relocateHrefs = relocatePlaceholders.map(e =>
+              e.getAttribute("data-n-staging")
+            );
             [].slice
               .call(document.querySelectorAll("link[data-n-p]"))
-              .forEach(el => el.parentNode.removeChild(el)); // Activate new stylesheets:
+              .forEach(el => {
+                var currentHref = el.getAttribute("href");
+                var relocateIndex = relocateHrefs.indexOf(currentHref);
+
+                if (relocateIndex !== -1) {
+                  var _placeholderElement$p;
+
+                  var placeholderElement = relocatePlaceholders[relocateIndex];
+                  (_placeholderElement$p = placeholderElement.parentNode) ==
+                  null
+                    ? void 0
+                    : _placeholderElement$p.replaceChild(
+                        el,
+                        placeholderElement
+                      );
+                } else {
+                  el.parentNode.removeChild(el);
+                }
+              }); // Activate new stylesheets:
             [].slice
               .call(document.querySelectorAll("link[data-n-staging]"))
               .forEach(el => {

@@ -1003,34 +1003,55 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           } // Clean up previous render if canceling:
 
           [].slice
-            .call(document.querySelectorAll("link[data-n-staging]"))
+            .call(
+              document.querySelectorAll(
+                "link[data-n-staging], noscript[data-n-staging]"
+              )
+            )
             .forEach(function(el) {
               el.parentNode.removeChild(el);
             });
-          var referenceNode = [].slice
-            .call(document.querySelectorAll("link[data-n-g], link[data-n-p]"))
-            .pop();
+          var referenceNodes = [].slice.call(
+            document.querySelectorAll("link[data-n-g], link[data-n-p]")
+          );
+          var referenceHrefs = new Set(
+            referenceNodes.map(function(e) {
+              return e.getAttribute("href");
+            })
+          );
+          var referenceNode = referenceNodes[referenceNodes.length - 1];
           var required = styleSheets.map(function(href) {
-            var _ref9 = (0, _pageLoader.createLink)(href, "stylesheet"),
-              _ref10 = _slicedToArray(_ref9, 2),
-              link = _ref10[0],
-              promise = _ref10[1];
-
-            link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
-            // cross-browser. Since this is so short lived we don't have to worry
-            // about style thrashing in a print view (where no routing is going to be
-            // happening anyway).
+            var newNode, promise;
+            var existingLink = referenceHrefs.has(href);
 
-            link.setAttribute("media", "print");
+            if (existingLink) {
+              newNode = document.createElement("noscript");
+              newNode.setAttribute("data-n-staging", href);
+              promise = true;
+            } else {
+              var _ref9 = (0, _pageLoader.createLink)(href, "stylesheet"),
+                _ref10 = _slicedToArray(_ref9, 2),
+                link = _ref10[0],
+                onload = _ref10[1];
+
+              link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
+              // cross-browser. Since this is so short lived we don't have to worry
+              // about style thrashing in a print view (where no routing is going to be
+              // happening anyway).
+
+              link.setAttribute("media", "print");
+              newNode = link;
+              promise = onload;
+            }
 
             if (referenceNode) {
               referenceNode.parentNode.insertBefore(
-                link,
+                newNode,
                 referenceNode.nextSibling
               );
-              referenceNode = link;
+              referenceNode = newNode;
             } else {
-              document.head.appendChild(link);
+              document.head.appendChild(newNode);
             }
 
             return promise;
@@ -1058,17 +1079,40 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
         function onCommit() {
           if (
-            // We can skip this during hydration. Running it wont cause any harm, but
-            // we may as well save the CPU cycles.
-            !isInitialRender && // We use `style-loader` in development, so we don't need to do anything
+            // We use `style-loader` in development, so we don't need to do anything
             // unless we're in production:
-            true
+            true && // We can skip this during hydration. Running it wont cause any harm, but
+            // we may as well save the CPU cycles:
+            !isInitialRender && // Ensure this render commit owns the currently staged stylesheets:
+            renderPromiseReject === _lastRenderReject
           ) {
-            // Remove old stylesheets:
+            // Remove or relocate old stylesheets:
+            var relocatePlaceholders = [].slice.call(
+              document.querySelectorAll("noscript[data-n-staging]")
+            );
+            var relocateHrefs = relocatePlaceholders.map(function(e) {
+              return e.getAttribute("data-n-staging");
+            });
             [].slice
               .call(document.querySelectorAll("link[data-n-p]"))
               .forEach(function(el) {
-                return el.parentNode.removeChild(el);
+                var currentHref = el.getAttribute("href");
+                var relocateIndex = relocateHrefs.indexOf(currentHref);
+
+                if (relocateIndex !== -1) {
+                  var _placeholderElement$p;
+
+                  var placeholderElement = relocatePlaceholders[relocateIndex];
+                  (_placeholderElement$p = placeholderElement.parentNode) ==
+                  null
+                    ? void 0
+                    : _placeholderElement$p.replaceChild(
+                        el,
+                        placeholderElement
+                      );
+                } else {
+                  el.parentNode.removeChild(el);
+                }
               }); // Activate new stylesheets:
             [].slice
               .call(document.querySelectorAll("link[data-n-staging]"))

@@ -6,7 +6,7 @@
     <meta name="next-head-count" content="2" />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-068840f0e612011037b9.module.js"
+      href="/_next/static/chunks/main-d0cc0845ea39d503dc7b.module.js"
       as="script"
       crossorigin="anonymous"
     />
@@ -81,13 +81,13 @@
       src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
     ></script>
     <script
-      src="/_next/static/chunks/main-3b9630b9b147bb71a7cf.js"
+      src="/_next/static/chunks/main-bb1cdcacb135483d56cf.js"
       async=""
       crossorigin="anonymous"
       nomodule=""
     ></script>
     <script
-      src="/_next/static/chunks/main-068840f0e612011037b9.module.js"
+      src="/_next/static/chunks/main-d0cc0845ea39d503dc7b.module.js"
       async=""
       crossorigin="anonymous"
       type="module"

@@ -6,7 +6,7 @@
     <meta name="next-head-count" content="2" />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-068840f0e612011037b9.module.js"
+      href="/_next/static/chunks/main-d0cc0845ea39d503dc7b.module.js"
       as="script"
       crossorigin="anonymous"
     />
@@ -86,13 +86,13 @@
       src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
     ></script>
     <script
-      src="/_next/static/chunks/main-3b9630b9b147bb71a7cf.js"
+      src="/_next/static/chunks/main-bb1cdcacb135483d56cf.js"
       async=""
       crossorigin="anonymous"
       nomodule=""
     ></script>
     <script
-      src="/_next/static/chunks/main-068840f0e612011037b9.module.js"
+      src="/_next/static/chunks/main-d0cc0845ea39d503dc7b.module.js"
       async=""
       crossorigin="anonymous"
       type="module"

@@ -6,7 +6,7 @@
     <meta name="next-head-count" content="2" />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-068840f0e612011037b9.module.js"
+      href="/_next/static/chunks/main-d0cc0845ea39d503dc7b.module.js"
       as="script"
       crossorigin="anonymous"
     />
@@ -81,13 +81,13 @@
       src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
     ></script>
     <script
-      src="/_next/static/chunks/main-3b9630b9b147bb71a7cf.js"
+      src="/_next/static/chunks/main-bb1cdcacb135483d56cf.js"
       async=""
       crossorigin="anonymous"
       nomodule=""
     ></script>
     <script
-      src="/_next/static/chunks/main-068840f0e612011037b9.module.js"
+      src="/_next/static/chunks/main-d0cc0845ea39d503dc7b.module.js"
       async=""
       crossorigin="anonymous"
       type="module"

@@ -738,33 +738,52 @@
           } // Clean up previous render if canceling:
 
           [].slice
-            .call(document.querySelectorAll("link[data-n-staging]"))
+            .call(
+              document.querySelectorAll(
+                "link[data-n-staging], noscript[data-n-staging]"
+              )
+            )
             .forEach(el => {
               el.parentNode.removeChild(el);
             });
-          var referenceNode = [].slice
-            .call(document.querySelectorAll("link[data-n-g], link[data-n-p]"))
-            .pop();
+          var referenceNodes = [].slice.call(
+            document.querySelectorAll("link[data-n-g], link[data-n-p]")
+          );
+          var referenceHrefs = new Set(
+            referenceNodes.map(e => e.getAttribute("href"))
+          );
+          var referenceNode = referenceNodes[referenceNodes.length - 1];
           var required = styleSheets.map(href => {
-            var [link, promise] = (0, _pageLoader.createLink)(
-              href,
-              "stylesheet"
-            );
-            link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
-            // cross-browser. Since this is so short lived we don't have to worry
-            // about style thrashing in a print view (where no routing is going to be
-            // happening anyway).
+            var newNode, promise;
+            var existingLink = referenceHrefs.has(href);
 
-            link.setAttribute("media", "print");
+            if (existingLink) {
+              newNode = document.createElement("noscript");
+              newNode.setAttribute("data-n-staging", href);
+              promise = true;
+            } else {
+              var [link, onload] = (0, _pageLoader.createLink)(
+                href,
+                "stylesheet"
+              );
+              link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
+              // cross-browser. Since this is so short lived we don't have to worry
+              // about style thrashing in a print view (where no routing is going to be
+              // happening anyway).
+
+              link.setAttribute("media", "print");
+              newNode = link;
+              promise = onload;
+            }
 
             if (referenceNode) {
               referenceNode.parentNode.insertBefore(
-                link,
+                newNode,
                 referenceNode.nextSibling
               );
-              referenceNode = link;
+              referenceNode = newNode;
             } else {
-              document.head.appendChild(link);
+              document.head.appendChild(newNode);
             }
 
             return promise;
@@ -792,16 +811,41 @@
 
         function onCommit() {
           if (
-            // We can skip this during hydration. Running it wont cause any harm, but
-            // we may as well save the CPU cycles.
-            !isInitialRender && // We use `style-loader` in development, so we don't need to do anything
+            // We use `style-loader` in development, so we don't need to do anything
             // unless we're in production:
-            true
+            true && // We can skip this during hydration. Running it wont cause any harm, but
+            // we may as well save the CPU cycles:
+            !isInitialRender && // Ensure this render commit owns the currently staged stylesheets:
+            renderPromiseReject === lastRenderReject
           ) {
-            // Remove old stylesheets:
+            // Remove or relocate old stylesheets:
+            var relocatePlaceholders = [].slice.call(
+              document.querySelectorAll("noscript[data-n-staging]")
+            );
+            var relocateHrefs = relocatePlaceholders.map(e =>
+              e.getAttribute("data-n-staging")
+            );
             [].slice
               .call(document.querySelectorAll("link[data-n-p]"))
-              .forEach(el => el.parentNode.removeChild(el)); // Activate new stylesheets:
+              .forEach(el => {
+                var currentHref = el.getAttribute("href");
+                var relocateIndex = relocateHrefs.indexOf(currentHref);
+
+                if (relocateIndex !== -1) {
+                  var _placeholderElement$p;
+
+                  var placeholderElement = relocatePlaceholders[relocateIndex];
+                  (_placeholderElement$p = placeholderElement.parentNode) ==
+                  null
+                    ? void 0
+                    : _placeholderElement$p.replaceChild(
+                        el,
+                        placeholderElement
+                      );
+                } else {
+                  el.parentNode.removeChild(el);
+                }
+              }); // Activate new stylesheets:
             [].slice
               .call(document.querySelectorAll("link[data-n-staging]"))
               .forEach(el => {

@@ -1003,34 +1003,55 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           } // Clean up previous render if canceling:
 
           [].slice
-            .call(document.querySelectorAll("link[data-n-staging]"))
+            .call(
+              document.querySelectorAll(
+                "link[data-n-staging], noscript[data-n-staging]"
+              )
+            )
             .forEach(function(el) {
               el.parentNode.removeChild(el);
             });
-          var referenceNode = [].slice
-            .call(document.querySelectorAll("link[data-n-g], link[data-n-p]"))
-            .pop();
+          var referenceNodes = [].slice.call(
+            document.querySelectorAll("link[data-n-g], link[data-n-p]")
+          );
+          var referenceHrefs = new Set(
+            referenceNodes.map(function(e) {
+              return e.getAttribute("href");
+            })
+          );
+          var referenceNode = referenceNodes[referenceNodes.length - 1];
           var required = styleSheets.map(function(href) {
-            var _ref9 = (0, _pageLoader.createLink)(href, "stylesheet"),
-              _ref10 = _slicedToArray(_ref9, 2),
-              link = _ref10[0],
-              promise = _ref10[1];
-
-            link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
-            // cross-browser. Since this is so short lived we don't have to worry
-            // about style thrashing in a print view (where no routing is going to be
-            // happening anyway).
+            var newNode, promise;
+            var existingLink = referenceHrefs.has(href);
 
-            link.setAttribute("media", "print");
+            if (existingLink) {
+              newNode = document.createElement("noscript");
+              newNode.setAttribute("data-n-staging", href);
+              promise = true;
+            } else {
+              var _ref9 = (0, _pageLoader.createLink)(href, "stylesheet"),
+                _ref10 = _slicedToArray(_ref9, 2),
+                link = _ref10[0],
+                onload = _ref10[1];
+
+              link.setAttribute("data-n-staging", ""); // Media `none` does not work in Firefox, so `print` is more
+              // cross-browser. Since this is so short lived we don't have to worry
+              // about style thrashing in a print view (where no routing is going to be
+              // happening anyway).
+
+              link.setAttribute("media", "print");
+              newNode = link;
+              promise = onload;
+            }
 
             if (referenceNode) {
               referenceNode.parentNode.insertBefore(
-                link,
+                newNode,
                 referenceNode.nextSibling
               );
-              referenceNode = link;
+              referenceNode = newNode;
             } else {
-              document.head.appendChild(link);
+              document.head.appendChild(newNode);
             }
 
             return promise;
@@ -1058,17 +1079,40 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
         function onCommit() {
           if (
-            // We can skip this during hydration. Running it wont cause any harm, but
-            // we may as well save the CPU cycles.
-            !isInitialRender && // We use `style-loader` in development, so we don't need to do anything
+            // We use `style-loader` in development, so we don't need to do anything
             // unless we're in production:
-            true
+            true && // We can skip this during hydration. Running it wont cause any harm, but
+            // we may as well save the CPU cycles:
+            !isInitialRender && // Ensure this render commit owns the currently staged stylesheets:
+            renderPromiseReject === _lastRenderReject
           ) {
-            // Remove old stylesheets:
+            // Remove or relocate old stylesheets:
+            var relocatePlaceholders = [].slice.call(
+              document.querySelectorAll("noscript[data-n-staging]")
+            );
+            var relocateHrefs = relocatePlaceholders.map(function(e) {
+              return e.getAttribute("data-n-staging");
+            });
             [].slice
               .call(document.querySelectorAll("link[data-n-p]"))
               .forEach(function(el) {
-                return el.parentNode.removeChild(el);
+                var currentHref = el.getAttribute("href");
+                var relocateIndex = relocateHrefs.indexOf(currentHref);
+
+                if (relocateIndex !== -1) {
+                  var _placeholderElement$p;
+
+                  var placeholderElement = relocatePlaceholders[relocateIndex];
+                  (_placeholderElement$p = placeholderElement.parentNode) ==
+                  null
+                    ? void 0
+                    : _placeholderElement$p.replaceChild(
+                        el,
+                        placeholderElement
+                      );
+                } else {
+                  el.parentNode.removeChild(el);
+                }
               }); // Activate new stylesheets:
             [].slice
               .call(document.querySelectorAll("link[data-n-staging]"))

@@ -6,7 +6,7 @@
     <meta name="next-head-count" content="2" />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-486aa092e8fd438371bc.module.js"
+      href="/_next/static/chunks/main-b77b5828741294ade8ac.module.js"
       as="script"
       crossorigin="anonymous"
     />
@@ -81,13 +81,13 @@
       src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
     ></script>
     <script
-      src="/_next/static/chunks/main-7ec0af79f420b45726c4.js"
+      src="/_next/static/chunks/main-194e0334c953e5a791f5.js"
       async=""
       crossorigin="anonymous"
       nomodule=""
     ></script>
     <script
-      src="/_next/static/chunks/main-486aa092e8fd438371bc.module.js"
+      src="/_next/static/chunks/main-b77b5828741294ade8ac.module.js"
       async=""
       crossorigin="anonymous"
       type="module"

@@ -6,7 +6,7 @@
     <meta name="next-head-count" content="2" />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-486aa092e8fd438371bc.module.js"
+      href="/_next/static/chunks/main-b77b5828741294ade8ac.module.js"
       as="script"
       crossorigin="anonymous"
     />
@@ -86,13 +86,13 @@
       src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
     ></script>
     <script
-      src="/_next/static/chunks/main-7ec0af79f420b45726c4.js"
+      src="/_next/static/chunks/main-194e0334c953e5a791f5.js"
       async=""
       crossorigin="anonymous"
       nomodule=""
     ></script>
     <script
-      src="/_next/static/chunks/main-486aa092e8fd438371bc.module.js"
+      src="/_next/static/chunks/main-b77b5828741294ade8ac.module.js"
       async=""
       crossorigin="anonymous"
       type="module"

@@ -6,7 +6,7 @@
     <meta name="next-head-count" content="2" />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-486aa092e8fd438371bc.module.js"
+      href="/_next/static/chunks/main-b77b5828741294ade8ac.module.js"
       as="script"
       crossorigin="anonymous"
     />
@@ -81,13 +81,13 @@
       src="/_next/static/chunks/polyfills-f73ba3fc145972ef83e9.js"
     ></script>
     <script
-      src="/_next/static/chunks/main-7ec0af79f420b45726c4.js"
+      src="/_next/static/chunks/main-194e0334c953e5a791f5.js"
       async=""
       crossorigin="anonymous"
       nomodule=""
     ></script>
     <script
-      src="/_next/static/chunks/main-486aa092e8fd438371bc.module.js"
+      src="/_next/static/chunks/main-b77b5828741294ade8ac.module.js"
       async=""
       crossorigin="anonymous"
       type="module"