(function () { var w = window; var d = document; if (typeof w.CSSLayerBlockRule !== "undefined" || !w.fetch || !d.head) return; var order = []; var bodies = {}; var anonymous = 0; var fetched = {}; var out = d.createElement("style"); out.setAttribute("data-css-layer-fallback", ""); d.head.insertBefore(out, d.head.firstChild); function skipString(css, i) { var quote = css.charAt(i); for (i += 1; i < css.length; i += 1) { var c = css.charAt(i); if (c === "\\") i += 1; else if (c === quote) return i + 1; } return css.length; } function skipComment(css, i) { var end = css.indexOf("*/", i + 2); return end < 0 ? css.length : end + 2; } function blockEnd(css, open) { var depth = 0; for (var i = open; i < css.length; ) { var c = css.charAt(i); if (c === "\\") i += 2; else if (c === '"' || c === "'") i = skipString(css, i); else if (c === "/" && css.charAt(i + 1) === "*") i = skipComment(css, i); else { if (c === "{") depth += 1; else if (c === "}" && --depth === 0) return i; i += 1; } } return css.length; } function isLayerAt(css, i) { return css.substr(i, 6).toLowerCase() === "@layer" && /[\s{;]/.test(css.charAt(i + 6)); } function note(name) { if (!Object.prototype.hasOwnProperty.call(bodies, name)) { bodies[name] = ""; order.push(name); } } // Removes @layer wrappers and statements at any depth, keeping inner rules. function unwrap(css) { var result = ""; var start = 0; for (var i = 0; i < css.length; ) { var c = css.charAt(i); if (c === "\\") i += 2; else if (c === '"' || c === "'") i = skipString(css, i); else if (c === "/" && css.charAt(i + 1) === "*") i = skipComment(css, i); else if (c === "@" && isLayerAt(css, i)) { var semi = css.indexOf(";", i); var open = css.indexOf("{", i); result += css.slice(start, i); if (open < 0 || (semi >= 0 && semi < open)) { i = semi < 0 ? css.length : semi + 1; } else { var close = blockEnd(css, open); result += unwrap(css.slice(open + 1, close)); i = close + 1; } start = i; } else i += 1; } return result + css.slice(start); } function collect(css) { for (var i = 0; i < css.length; ) { var c = css.charAt(i); if (c === "\\") i += 2; else if (c === '"' || c === "'") i = skipString(css, i); else if (c === "/" && css.charAt(i + 1) === "*") i = skipComment(css, i); else if (c === "{") i = blockEnd(css, i) + 1; else if (c === "@" && isLayerAt(css, i)) { var semi = css.indexOf(";", i); var open = css.indexOf("{", i); if (open < 0 || (semi >= 0 && semi < open)) { var names = css.slice(i + 6, semi < 0 ? css.length : semi).split(","); for (var k = 0; k < names.length; k += 1) { var listed = names[k].replace(/^\s+|\s+$/g, ""); if (listed) note(listed); } i = semi < 0 ? css.length : semi + 1; } else { var name = css.slice(i + 6, open).replace(/^\s+|\s+$/g, ""); if (!name) name = "\u0000anonymous" + (anonymous += 1); var close = blockEnd(css, open); note(name); bodies[name] += unwrap(css.slice(open + 1, close)) + "\n"; i = close + 1; } } else i += 1; } var text = ""; for (var j = 0; j < order.length; j += 1) text += bodies[order[j]]; out.textContent = text; } function track(node) { if (!node || node === out || node.nodeType !== 1) return; if (node.tagName === "LINK" && /(^|\s)stylesheet(\s|$)/i.test(node.rel || "") && node.href) { if (fetched[node.href]) return; fetched[node.href] = true; w.fetch(node.href, { credentials: "same-origin" }) .then(function (res) { return res.ok ? res.text() : ""; }) .then(collect, function () {}); } else if (node.tagName === "STYLE" && !node.__layerFallback) { node.__layerFallback = true; if ((node.textContent || "").indexOf("@layer") >= 0) collect(node.textContent); } } function scan() { var nodes = d.querySelectorAll('link[rel~="stylesheet"], style'); for (var i = 0; i < nodes.length; i += 1) track(nodes[i]); } scan(); if (w.MutationObserver) { new w.MutationObserver(function (records) { for (var i = 0; i < records.length; i += 1) { var added = records[i].addedNodes; for (var k = 0; k < added.length; k += 1) track(added[k]); } }).observe(d.head, { childList: true }); } d.addEventListener("DOMContentLoaded", scan); })();