@everymatrix/general-footer-template 1.49.2 → 1.50.1

package/dist/cjs/custom-content-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$2 = require('./index-4c3922ac.js');
+const index$2 = require('./index-465b4ca9.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4025,7 +4025,7 @@ const esm = /*#__PURE__*/Object.freeze({
 	DomUtils: index
 });
 
-const require$$0 = /*@__PURE__*/getAugmentedNamespace(esm);
+const require$$0$1 = /*@__PURE__*/getAugmentedNamespace(esm);
 
 var escapeStringRegexp$1 = string => {
 	if (typeof string !== 'string') {
@@ -4608,37 +4608,70 @@ class CssSyntaxError$3 extends Error {
 
     let css = this.source;
     if (color == null) color = pico.isColorSupported;
-    if (terminalHighlight$1) {
-      if (color) css = terminalHighlight$1(css);
-    }
-
-    let lines = css.split(/\r?\n/);
-    let start = Math.max(this.line - 3, 0);
-    let end = Math.min(this.line + 2, lines.length);
-
-    let maxWidth = String(end).length;
 
-    let mark, aside;
+    let aside = text => text;
+    let mark = text => text;
+    let highlight = text => text;
     if (color) {
       let { bold, gray, red } = pico.createColors(true);
       mark = text => bold(red(text));
       aside = text => gray(text);
-    } else {
-      mark = aside = str => str;
+      if (terminalHighlight$1) {
+        highlight = text => terminalHighlight$1(text);
+      }
     }
 
+    let lines = css.split(/\r?\n/);
+    let start = Math.max(this.line - 3, 0);
+    let end = Math.min(this.line + 2, lines.length);
+    let maxWidth = String(end).length;
+
     return lines
       .slice(start, end)
       .map((line, index) => {
         let number = start + 1 + index;
         let gutter = ' ' + (' ' + number).slice(-maxWidth) + ' | ';
         if (number === this.line) {
+          if (line.length > 160) {
+            let padding = 20;
+            let subLineStart = Math.max(0, this.column - padding);
+            let subLineEnd = Math.max(
+              this.column + padding,
+              this.endColumn + padding
+            );
+            let subLine = line.slice(subLineStart, subLineEnd);
+
+            let spacing =
+              aside(gutter.replace(/\d/g, ' ')) +
+              line
+                .slice(0, Math.min(this.column - 1, padding - 1))
+                .replace(/[^\t]/g, ' ');
+
+            return (
+              mark('>') +
+              aside(gutter) +
+              highlight(subLine) +
+              '\n ' +
+              spacing +
+              mark('^')
+            )
+          }
+
           let spacing =
             aside(gutter.replace(/\d/g, ' ')) +
             line.slice(0, this.column - 1).replace(/[^\t]/g, ' ');
-          return mark('>') + aside(gutter) + line + '\n ' + spacing + mark('^')
+
+          return (
+            mark('>') +
+            aside(gutter) +
+            highlight(line) +
+            '\n ' +
+            spacing +
+            mark('^')
+          )
         }
-        return ' ' + aside(gutter) + line
+
+        return ' ' + aside(gutter) + highlight(line)
       })
       .join('\n')
   }
@@ -4655,12 +4688,6 @@ class CssSyntaxError$3 extends Error {
 var cssSyntaxError = CssSyntaxError$3;
 CssSyntaxError$3.default = CssSyntaxError$3;
 
-var symbols = {};
-
-symbols.isClean = Symbol('isClean');
-
-symbols.my = Symbol('my');
-
 const DEFAULT_RAW = {
   after: '\n',
   beforeClose: '\n',
@@ -5023,10 +5050,16 @@ function stringify$4(node, builder) {
 var stringify_1 = stringify$4;
 stringify$4.default = stringify$4;
 
-let { isClean: isClean$2, my: my$2 } = symbols;
+var symbols = {};
+
+symbols.isClean = Symbol('isClean');
+
+symbols.my = Symbol('my');
+
 let CssSyntaxError$2 = cssSyntaxError;
 let Stringifier = stringifier;
 let stringify$3 = stringify_1;
+let { isClean: isClean$2, my: my$2 } = symbols;
 
 function cloneNode(obj, parent) {
   let cloned = new obj.constructor();
@@ -5055,6 +5088,36 @@ function cloneNode(obj, parent) {
   return cloned
 }
 
+function sourceOffset(inputCSS, position) {
+  // Not all custom syntaxes support `offset` in `source.start` and `source.end`
+  if (
+    position &&
+    typeof position.offset !== 'undefined'
+  ) {
+    return position.offset;
+  }
+
+  let column = 1;
+  let line = 1;
+  let offset = 0;
+
+  for (let i = 0; i < inputCSS.length; i++) {
+    if (line === position.line && column === position.column) {
+      offset = i;
+      break
+    }
+
+    if (inputCSS[i] === '\n') {
+      column = 1;
+      line += 1;
+    } else {
+      column += 1;
+    }
+  }
+
+  return offset
+}
+
 class Node$4 {
   constructor(defaults = {}) {
     this.raws = {};
@@ -5176,6 +5239,11 @@ class Node$4 {
     }
   }
 
+  /* c8 ignore next 3 */
+  markClean() {
+    this[isClean$2] = true;
+  }
+
   markDirty() {
     if (this[isClean$2]) {
       this[isClean$2] = false;
@@ -5192,25 +5260,29 @@ class Node$4 {
     return this.parent.nodes[index + 1]
   }
 
-  positionBy(opts, stringRepresentation) {
+  positionBy(opts) {
     let pos = this.source.start;
     if (opts.index) {
-      pos = this.positionInside(opts.index, stringRepresentation);
+      pos = this.positionInside(opts.index);
     } else if (opts.word) {
-      stringRepresentation = this.toString();
+      let stringRepresentation = this.source.input.css.slice(
+        sourceOffset(this.source.input.css, this.source.start),
+        sourceOffset(this.source.input.css, this.source.end)
+      );
       let index = stringRepresentation.indexOf(opts.word);
-      if (index !== -1) pos = this.positionInside(index, stringRepresentation);
+      if (index !== -1) pos = this.positionInside(index);
     }
     return pos
   }
 
-  positionInside(index, stringRepresentation) {
-    let string = stringRepresentation || this.toString();
+  positionInside(index) {
     let column = this.source.start.column;
     let line = this.source.start.line;
+    let offset = sourceOffset(this.source.input.css, this.source.start);
+    let end = offset + index;
 
-    for (let i = 0; i < index; i++) {
-      if (string[i] === '\n') {
+    for (let i = offset; i < end; i++) {
+      if (this.source.input.css[i] === '\n') {
         column = 1;
         line += 1;
       } else {
@@ -5234,20 +5306,25 @@ class Node$4 {
     };
     let end = this.source.end
       ? {
-        column: this.source.end.column + 1,
-        line: this.source.end.line
-      }
+          column: this.source.end.column + 1,
+          line: this.source.end.line
+        }
       : {
-        column: start.column + 1,
-        line: start.line
-      };
+          column: start.column + 1,
+          line: start.line
+        };
 
     if (opts.word) {
-      let stringRepresentation = this.toString();
+      let stringRepresentation = this.source.input.css.slice(
+        sourceOffset(this.source.input.css, this.source.start),
+        sourceOffset(this.source.input.css, this.source.end)
+      );
       let index = stringRepresentation.indexOf(opts.word);
       if (index !== -1) {
-        start = this.positionInside(index, stringRepresentation);
-        end = this.positionInside(index + opts.word.length, stringRepresentation);
+        start = this.positionInside(index);
+        end = this.positionInside(
+          index + opts.word.length,
+        );
       }
     } else {
       if (opts.start) {
@@ -5405,7 +5482,19 @@ Node$4.default = Node$4;
 
 let Node$3 = node_1;
 
-class Declaration$4 extends Node$3 {
+class Comment$4 extends Node$3 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'comment';
+  }
+}
+
+var comment = Comment$4;
+Comment$4.default = Comment$4;
+
+let Node$2 = node_1;
+
+class Declaration$4 extends Node$2 {
   constructor(defaults) {
     if (
       defaults &&
@@ -5426,1355 +5515,1488 @@ class Declaration$4 extends Node$3 {
 var declaration = Declaration$4;
 Declaration$4.default = Declaration$4;
 
-let urlAlphabet =
-  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
-let customAlphabet = (alphabet, defaultSize = 21) => {
-  return (size = defaultSize) => {
-    let id = '';
-    let i = size;
-    while (i--) {
-      id += alphabet[(Math.random() * alphabet.length) | 0];
-    }
-    return id
-  }
-};
-let nanoid$1 = (size = 21) => {
-  let id = '';
-  let i = size;
-  while (i--) {
-    id += urlAlphabet[(Math.random() * 64) | 0];
-  }
-  return id
-};
-
-const nonSecure = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	nanoid: nanoid$1,
-	customAlphabet: customAlphabet
-});
+let Comment$3 = comment;
+let Declaration$3 = declaration;
+let Node$1 = node_1;
+let { isClean: isClean$1, my: my$1 } = symbols;
 
-const require$$3 = /*@__PURE__*/getAugmentedNamespace(nonSecure);
+let AtRule$4, parse$4, Root$6, Rule$4;
 
-let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = require$$2;
-let { existsSync, readFileSync } = require$$2;
-let { dirname: dirname$1, join } = require$$2;
+function cleanSource(nodes) {
+  return nodes.map(i => {
+    if (i.nodes) i.nodes = cleanSource(i.nodes);
+    delete i.source;
+    return i
+  })
+}
 
-function fromBase64(str) {
-  if (Buffer) {
-    return Buffer.from(str, 'base64').toString()
-  } else {
-    /* c8 ignore next 2 */
-    return window.atob(str)
+function markTreeDirty(node) {
+  node[isClean$1] = false;
+  if (node.proxyOf.nodes) {
+    for (let i of node.proxyOf.nodes) {
+      markTreeDirty(i);
+    }
   }
 }
 
-class PreviousMap$2 {
-  constructor(css, opts) {
-    if (opts.map === false) return
-    this.loadAnnotation(css);
-    this.inline = this.startWith(this.annotation, 'data:');
-
-    let prev = opts.map ? opts.map.prev : undefined;
-    let text = this.loadMap(opts.from, prev);
-    if (!this.mapFile && opts.from) {
-      this.mapFile = opts.from;
+class Container$7 extends Node$1 {
+  append(...children) {
+    for (let child of children) {
+      let nodes = this.normalize(child, this.last);
+      for (let node of nodes) this.proxyOf.nodes.push(node);
     }
-    if (this.mapFile) this.root = dirname$1(this.mapFile);
-    if (text) this.text = text;
+
+    this.markDirty();
+
+    return this
   }
 
-  consumer() {
-    if (!this.consumerCache) {
-      this.consumerCache = new SourceMapConsumer$2(this.text);
+  cleanRaws(keepBetween) {
+    super.cleanRaws(keepBetween);
+    if (this.nodes) {
+      for (let node of this.nodes) node.cleanRaws(keepBetween);
     }
-    return this.consumerCache
   }
 
-  decodeInline(text) {
-    let baseCharsetUri = /^data:application\/json;charset=utf-?8;base64,/;
-    let baseUri = /^data:application\/json;base64,/;
-    let charsetUri = /^data:application\/json;charset=utf-?8,/;
-    let uri = /^data:application\/json,/;
+  each(callback) {
+    if (!this.proxyOf.nodes) return undefined
+    let iterator = this.getIterator();
 
-    let uriMatch = text.match(charsetUri) || text.match(uri);
-    if (uriMatch) {
-      return decodeURIComponent(text.substr(uriMatch[0].length))
-    }
+    let index, result;
+    while (this.indexes[iterator] < this.proxyOf.nodes.length) {
+      index = this.indexes[iterator];
+      result = callback(this.proxyOf.nodes[index], index);
+      if (result === false) break
 
-    let baseUriMatch = text.match(baseCharsetUri) || text.match(baseUri);
-    if (baseUriMatch) {
-      return fromBase64(text.substr(baseUriMatch[0].length))
+      this.indexes[iterator] += 1;
     }
 
-    let encoding = text.match(/data:application\/json;([^,]+),/)[1];
-    throw new Error('Unsupported source map encoding ' + encoding)
+    delete this.indexes[iterator];
+    return result
   }
 
-  getAnnotationURL(sourceMapString) {
-    return sourceMapString.replace(/^\/\*\s*# sourceMappingURL=/, '').trim()
+  every(condition) {
+    return this.nodes.every(condition)
   }
 
-  isMap(map) {
-    if (typeof map !== 'object') return false
-    return (
-      typeof map.mappings === 'string' ||
-      typeof map._mappings === 'string' ||
-      Array.isArray(map.sections)
-    )
-  }
+  getIterator() {
+    if (!this.lastEach) this.lastEach = 0;
+    if (!this.indexes) this.indexes = {};
 
-  loadAnnotation(css) {
-    let comments = css.match(/\/\*\s*# sourceMappingURL=/g);
-    if (!comments) return
+    this.lastEach += 1;
+    let iterator = this.lastEach;
+    this.indexes[iterator] = 0;
 
-    // sourceMappingURLs from comments, strings, etc.
-    let start = css.lastIndexOf(comments.pop());
-    let end = css.indexOf('*/', start);
+    return iterator
+  }
 
-    if (start > -1 && end > -1) {
-      // Locate the last sourceMappingURL to avoid pickin
-      this.annotation = this.getAnnotationURL(css.substring(start, end));
+  getProxyProcessor() {
+    return {
+      get(node, prop) {
+        if (prop === 'proxyOf') {
+          return node
+        } else if (!node[prop]) {
+          return node[prop]
+        } else if (
+          prop === 'each' ||
+          (typeof prop === 'string' && prop.startsWith('walk'))
+        ) {
+          return (...args) => {
+            return node[prop](
+              ...args.map(i => {
+                if (typeof i === 'function') {
+                  return (child, index) => i(child.toProxy(), index)
+                } else {
+                  return i
+                }
+              })
+            )
+          }
+        } else if (prop === 'every' || prop === 'some') {
+          return cb => {
+            return node[prop]((child, ...other) =>
+              cb(child.toProxy(), ...other)
+            )
+          }
+        } else if (prop === 'root') {
+          return () => node.root().toProxy()
+        } else if (prop === 'nodes') {
+          return node.nodes.map(i => i.toProxy())
+        } else if (prop === 'first' || prop === 'last') {
+          return node[prop].toProxy()
+        } else {
+          return node[prop]
+        }
+      },
+
+      set(node, prop, value) {
+        if (node[prop] === value) return true
+        node[prop] = value;
+        if (prop === 'name' || prop === 'params' || prop === 'selector') {
+          node.markDirty();
+        }
+        return true
+      }
     }
   }
 
-  loadFile(path) {
-    this.root = dirname$1(path);
-    if (existsSync(path)) {
-      this.mapFile = path;
-      return readFileSync(path, 'utf-8').toString().trim()
-    }
+  index(child) {
+    if (typeof child === 'number') return child
+    if (child.proxyOf) child = child.proxyOf;
+    return this.proxyOf.nodes.indexOf(child)
   }
 
-  loadMap(file, prev) {
-    if (prev === false) return false
+  insertAfter(exist, add) {
+    let existIndex = this.index(exist);
+    let nodes = this.normalize(add, this.proxyOf.nodes[existIndex]).reverse();
+    existIndex = this.index(exist);
+    for (let node of nodes) this.proxyOf.nodes.splice(existIndex + 1, 0, node);
 
-    if (prev) {
-      if (typeof prev === 'string') {
-        return prev
-      } else if (typeof prev === 'function') {
-        let prevPath = prev(file);
-        if (prevPath) {
-          let map = this.loadFile(prevPath);
-          if (!map) {
-            throw new Error(
-              'Unable to load previous source map: ' + prevPath.toString()
-            )
-          }
-          return map
-        }
-      } else if (prev instanceof SourceMapConsumer$2) {
-        return SourceMapGenerator$2.fromSourceMap(prev).toString()
-      } else if (prev instanceof SourceMapGenerator$2) {
-        return prev.toString()
-      } else if (this.isMap(prev)) {
-        return JSON.stringify(prev)
-      } else {
-        throw new Error(
-          'Unsupported previous source map format: ' + prev.toString()
-        )
+    let index;
+    for (let id in this.indexes) {
+      index = this.indexes[id];
+      if (existIndex < index) {
+        this.indexes[id] = index + nodes.length;
       }
-    } else if (this.inline) {
-      return this.decodeInline(this.annotation)
-    } else if (this.annotation) {
-      let map = this.annotation;
-      if (file) map = join(dirname$1(file), map);
-      return this.loadFile(map)
     }
-  }
 
-  startWith(string, start) {
-    if (!string) return false
-    return string.substr(0, start.length) === start
-  }
+    this.markDirty();
 
-  withContent() {
-    return !!(
-      this.consumer().sourcesContent &&
-      this.consumer().sourcesContent.length > 0
-    )
+    return this
   }
-}
-
-var previousMap = PreviousMap$2;
-PreviousMap$2.default = PreviousMap$2;
-
-let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$2;
-let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = require$$2;
-let { isAbsolute, resolve: resolve$1 } = require$$2;
-let { nanoid } = require$$3;
-
-let terminalHighlight = require$$2;
-let CssSyntaxError$1 = cssSyntaxError;
-let PreviousMap$1 = previousMap;
-
-let fromOffsetCache = Symbol('fromOffsetCache');
 
-let sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
-let pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
+  insertBefore(exist, add) {
+    let existIndex = this.index(exist);
+    let type = existIndex === 0 ? 'prepend' : false;
+    let nodes = this.normalize(
+      add,
+      this.proxyOf.nodes[existIndex],
+      type
+    ).reverse();
+    existIndex = this.index(exist);
+    for (let node of nodes) this.proxyOf.nodes.splice(existIndex, 0, node);
 
-class Input$4 {
-  constructor(css, opts = {}) {
-    if (
-      css === null ||
-      typeof css === 'undefined' ||
-      (typeof css === 'object' && !css.toString)
-    ) {
-      throw new Error(`PostCSS received ${css} instead of CSS string`)
+    let index;
+    for (let id in this.indexes) {
+      index = this.indexes[id];
+      if (existIndex <= index) {
+        this.indexes[id] = index + nodes.length;
+      }
     }
 
-    this.css = css.toString();
+    this.markDirty();
 
-    if (this.css[0] === '\uFEFF' || this.css[0] === '\uFFFE') {
-      this.hasBOM = true;
-      this.css = this.css.slice(1);
-    } else {
-      this.hasBOM = false;
-    }
+    return this
+  }
 
-    if (opts.from) {
-      if (
-        !pathAvailable$1 ||
-        /^\w+:\/\//.test(opts.from) ||
-        isAbsolute(opts.from)
-      ) {
-        this.file = opts.from;
-      } else {
-        this.file = resolve$1(opts.from);
+  normalize(nodes, sample) {
+    if (typeof nodes === 'string') {
+      nodes = cleanSource(parse$4(nodes).nodes);
+    } else if (typeof nodes === 'undefined') {
+      nodes = [];
+    } else if (Array.isArray(nodes)) {
+      nodes = nodes.slice(0);
+      for (let i of nodes) {
+        if (i.parent) i.parent.removeChild(i, 'ignore');
+      }
+    } else if (nodes.type === 'root' && this.type !== 'document') {
+      nodes = nodes.nodes.slice(0);
+      for (let i of nodes) {
+        if (i.parent) i.parent.removeChild(i, 'ignore');
+      }
+    } else if (nodes.type) {
+      nodes = [nodes];
+    } else if (nodes.prop) {
+      if (typeof nodes.value === 'undefined') {
+        throw new Error('Value field is missed in node creation')
+      } else if (typeof nodes.value !== 'string') {
+        nodes.value = String(nodes.value);
       }
+      nodes = [new Declaration$3(nodes)];
+    } else if (nodes.selector || nodes.selectors) {
+      nodes = [new Rule$4(nodes)];
+    } else if (nodes.name) {
+      nodes = [new AtRule$4(nodes)];
+    } else if (nodes.text) {
+      nodes = [new Comment$3(nodes)];
+    } else {
+      throw new Error('Unknown node type in node creation')
     }
 
-    if (pathAvailable$1 && sourceMapAvailable$1) {
-      let map = new PreviousMap$1(this.css, opts);
-      if (map.text) {
-        this.map = map;
-        let file = map.consumer().file;
-        if (!this.file && file) this.file = this.mapResolve(file);
+    let processed = nodes.map(i => {
+      /* c8 ignore next */
+      if (!i[my$1]) Container$7.rebuild(i);
+      i = i.proxyOf;
+      if (i.parent) i.parent.removeChild(i);
+      if (i[isClean$1]) markTreeDirty(i);
+
+      if (!i.raws) i.raws = {};
+      if (typeof i.raws.before === 'undefined') {
+        if (sample && typeof sample.raws.before !== 'undefined') {
+          i.raws.before = sample.raws.before.replace(/\S/g, '');
+        }
       }
-    }
+      i.parent = this.proxyOf;
+      return i
+    });
 
-    if (!this.file) {
-      this.id = '<input css ' + nanoid(6) + '>';
-    }
-    if (this.map) this.map.file = this.from;
+    return processed
   }
 
-  error(message, line, column, opts = {}) {
-    let result, endLine, endColumn;
-
-    if (line && typeof line === 'object') {
-      let start = line;
-      let end = column;
-      if (typeof start.offset === 'number') {
-        let pos = this.fromOffset(start.offset);
-        line = pos.line;
-        column = pos.col;
-      } else {
-        line = start.line;
-        column = start.column;
-      }
-      if (typeof end.offset === 'number') {
-        let pos = this.fromOffset(end.offset);
-        endLine = pos.line;
-        endColumn = pos.col;
-      } else {
-        endLine = end.line;
-        endColumn = end.column;
+  prepend(...children) {
+    children = children.reverse();
+    for (let child of children) {
+      let nodes = this.normalize(child, this.first, 'prepend').reverse();
+      for (let node of nodes) this.proxyOf.nodes.unshift(node);
+      for (let id in this.indexes) {
+        this.indexes[id] = this.indexes[id] + nodes.length;
       }
-    } else if (!column) {
-      let pos = this.fromOffset(line);
-      line = pos.line;
-      column = pos.col;
     }
 
-    let origin = this.origin(line, column, endLine, endColumn);
-    if (origin) {
-      result = new CssSyntaxError$1(
-        message,
-        origin.endLine === undefined
-          ? origin.line
-          : { column: origin.column, line: origin.line },
-        origin.endLine === undefined
-          ? origin.column
-          : { column: origin.endColumn, line: origin.endLine },
-        origin.source,
-        origin.file,
-        opts.plugin
-      );
-    } else {
-      result = new CssSyntaxError$1(
-        message,
-        endLine === undefined ? line : { column, line },
-        endLine === undefined ? column : { column: endColumn, line: endLine },
-        this.css,
-        this.file,
-        opts.plugin
-      );
-    }
+    this.markDirty();
 
-    result.input = { column, endColumn, endLine, line, source: this.css };
-    if (this.file) {
-      if (pathToFileURL$1) {
-        result.input.url = pathToFileURL$1(this.file).toString();
-      }
-      result.input.file = this.file;
-    }
+    return this
+  }
 
-    return result
+  push(child) {
+    child.parent = this;
+    this.proxyOf.nodes.push(child);
+    return this
   }
 
-  fromOffset(offset) {
-    let lastLine, lineToIndex;
-    if (!this[fromOffsetCache]) {
-      let lines = this.css.split('\n');
-      lineToIndex = new Array(lines.length);
-      let prevIndex = 0;
+  removeAll() {
+    for (let node of this.proxyOf.nodes) node.parent = undefined;
+    this.proxyOf.nodes = [];
 
-      for (let i = 0, l = lines.length; i < l; i++) {
-        lineToIndex[i] = prevIndex;
-        prevIndex += lines[i].length + 1;
-      }
+    this.markDirty();
 
-      this[fromOffsetCache] = lineToIndex;
-    } else {
-      lineToIndex = this[fromOffsetCache];
-    }
-    lastLine = lineToIndex[lineToIndex.length - 1];
+    return this
+  }
 
-    let min = 0;
-    if (offset >= lastLine) {
-      min = lineToIndex.length - 1;
-    } else {
-      let max = lineToIndex.length - 2;
-      let mid;
-      while (min < max) {
-        mid = min + ((max - min) >> 1);
-        if (offset < lineToIndex[mid]) {
-          max = mid - 1;
-        } else if (offset >= lineToIndex[mid + 1]) {
-          min = mid + 1;
-        } else {
-          min = mid;
-          break
-        }
+  removeChild(child) {
+    child = this.index(child);
+    this.proxyOf.nodes[child].parent = undefined;
+    this.proxyOf.nodes.splice(child, 1);
+
+    let index;
+    for (let id in this.indexes) {
+      index = this.indexes[id];
+      if (index >= child) {
+        this.indexes[id] = index - 1;
       }
     }
-    return {
-      col: offset - lineToIndex[min] + 1,
-      line: min + 1
-    }
-  }
 
-  mapResolve(file) {
-    if (/^\w+:\/\//.test(file)) {
-      return file
-    }
-    return resolve$1(this.map.consumer().sourceRoot || this.map.root || '.', file)
+    this.markDirty();
+
+    return this
   }
 
-  origin(line, column, endLine, endColumn) {
-    if (!this.map) return false
-    let consumer = this.map.consumer();
+  replaceValues(pattern, opts, callback) {
+    if (!callback) {
+      callback = opts;
+      opts = {};
+    }
 
-    let from = consumer.originalPositionFor({ column, line });
-    if (!from.source) return false
+    this.walkDecls(decl => {
+      if (opts.props && !opts.props.includes(decl.prop)) return
+      if (opts.fast && !decl.value.includes(opts.fast)) return
 
-    let to;
-    if (typeof endLine === 'number') {
-      to = consumer.originalPositionFor({ column: endColumn, line: endLine });
-    }
+      decl.value = decl.value.replace(pattern, callback);
+    });
 
-    let fromUrl;
+    this.markDirty();
 
-    if (isAbsolute(from.source)) {
-      fromUrl = pathToFileURL$1(from.source);
-    } else {
-      fromUrl = new URL(
-        from.source,
-        this.map.consumer().sourceRoot || pathToFileURL$1(this.map.mapFile)
-      );
-    }
+    return this
+  }
 
-    let result = {
-      column: from.column,
-      endColumn: to && to.column,
-      endLine: to && to.line,
-      line: from.line,
-      url: fromUrl.toString()
-    };
+  some(condition) {
+    return this.nodes.some(condition)
+  }
 
-    if (fromUrl.protocol === 'file:') {
-      if (fileURLToPath) {
-        result.file = fileURLToPath(fromUrl);
-      } else {
-        /* c8 ignore next 2 */
-        throw new Error(`file: protocol is not available in this PostCSS build`)
+  walk(callback) {
+    return this.each((child, i) => {
+      let result;
+      try {
+        result = callback(child, i);
+      } catch (e) {
+        throw child.addToError(e)
+      }
+      if (result !== false && child.walk) {
+        result = child.walk(callback);
       }
-    }
 
-    let source = consumer.sourceContentFor(from.source);
-    if (source) result.source = source;
+      return result
+    })
+  }
 
-    return result
+  walkAtRules(name, callback) {
+    if (!callback) {
+      callback = name;
+      return this.walk((child, i) => {
+        if (child.type === 'atrule') {
+          return callback(child, i)
+        }
+      })
+    }
+    if (name instanceof RegExp) {
+      return this.walk((child, i) => {
+        if (child.type === 'atrule' && name.test(child.name)) {
+          return callback(child, i)
+        }
+      })
+    }
+    return this.walk((child, i) => {
+      if (child.type === 'atrule' && child.name === name) {
+        return callback(child, i)
+      }
+    })
   }
 
-  toJSON() {
-    let json = {};
-    for (let name of ['hasBOM', 'css', 'file', 'id']) {
-      if (this[name] != null) {
-        json[name] = this[name];
+  walkComments(callback) {
+    return this.walk((child, i) => {
+      if (child.type === 'comment') {
+        return callback(child, i)
       }
+    })
+  }
+
+  walkDecls(prop, callback) {
+    if (!callback) {
+      callback = prop;
+      return this.walk((child, i) => {
+        if (child.type === 'decl') {
+          return callback(child, i)
+        }
+      })
     }
-    if (this.map) {
-      json.map = { ...this.map };
-      if (json.map.consumerCache) {
-        json.map.consumerCache = undefined;
-      }
+    if (prop instanceof RegExp) {
+      return this.walk((child, i) => {
+        if (child.type === 'decl' && prop.test(child.prop)) {
+          return callback(child, i)
+        }
+      })
     }
-    return json
+    return this.walk((child, i) => {
+      if (child.type === 'decl' && child.prop === prop) {
+        return callback(child, i)
+      }
+    })
   }
 
-  get from() {
-    return this.file || this.id
+  walkRules(selector, callback) {
+    if (!callback) {
+      callback = selector;
+
+      return this.walk((child, i) => {
+        if (child.type === 'rule') {
+          return callback(child, i)
+        }
+      })
+    }
+    if (selector instanceof RegExp) {
+      return this.walk((child, i) => {
+        if (child.type === 'rule' && selector.test(child.selector)) {
+          return callback(child, i)
+        }
+      })
+    }
+    return this.walk((child, i) => {
+      if (child.type === 'rule' && child.selector === selector) {
+        return callback(child, i)
+      }
+    })
   }
-}
 
-var input = Input$4;
-Input$4.default = Input$4;
+  get first() {
+    if (!this.proxyOf.nodes) return undefined
+    return this.proxyOf.nodes[0]
+  }
 
-if (terminalHighlight && terminalHighlight.registerInput) {
-  terminalHighlight.registerInput(Input$4);
+  get last() {
+    if (!this.proxyOf.nodes) return undefined
+    return this.proxyOf.nodes[this.proxyOf.nodes.length - 1]
+  }
 }
 
-let { SourceMapConsumer, SourceMapGenerator } = require$$2;
-let { dirname, relative, resolve, sep } = require$$2;
-let { pathToFileURL } = require$$2;
+Container$7.registerParse = dependant => {
+  parse$4 = dependant;
+};
 
-let Input$3 = input;
+Container$7.registerRule = dependant => {
+  Rule$4 = dependant;
+};
 
-let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
-let pathAvailable = Boolean(dirname && resolve && relative && sep);
+Container$7.registerAtRule = dependant => {
+  AtRule$4 = dependant;
+};
 
-class MapGenerator$2 {
-  constructor(stringify, root, opts, cssString) {
-    this.stringify = stringify;
-    this.mapOpts = opts.map || {};
-    this.root = root;
-    this.opts = opts;
-    this.css = cssString;
-    this.originalCSS = cssString;
-    this.usesFileUrls = !this.mapOpts.from && this.mapOpts.absolute;
+Container$7.registerRoot = dependant => {
+  Root$6 = dependant;
+};
 
-    this.memoizedFileURLs = new Map();
-    this.memoizedPaths = new Map();
-    this.memoizedURLs = new Map();
+var container = Container$7;
+Container$7.default = Container$7;
+
+/* c8 ignore start */
+Container$7.rebuild = node => {
+  if (node.type === 'atrule') {
+    Object.setPrototypeOf(node, AtRule$4.prototype);
+  } else if (node.type === 'rule') {
+    Object.setPrototypeOf(node, Rule$4.prototype);
+  } else if (node.type === 'decl') {
+    Object.setPrototypeOf(node, Declaration$3.prototype);
+  } else if (node.type === 'comment') {
+    Object.setPrototypeOf(node, Comment$3.prototype);
+  } else if (node.type === 'root') {
+    Object.setPrototypeOf(node, Root$6.prototype);
   }
 
-  addAnnotation() {
-    let content;
+  node[my$1] = true;
 
-    if (this.isInline()) {
-      content =
-        'data:application/json;base64,' + this.toBase64(this.map.toString());
-    } else if (typeof this.mapOpts.annotation === 'string') {
-      content = this.mapOpts.annotation;
-    } else if (typeof this.mapOpts.annotation === 'function') {
-      content = this.mapOpts.annotation(this.opts.to, this.root);
-    } else {
-      content = this.outputFile() + '.map';
-    }
-    let eol = '\n';
-    if (this.css.includes('\r\n')) eol = '\r\n';
+  if (node.nodes) {
+    node.nodes.forEach(child => {
+      Container$7.rebuild(child);
+    });
+  }
+};
 
-    this.css += eol + '/*# sourceMappingURL=' + content + ' */';
+let Container$6 = container;
+
+class AtRule$3 extends Container$6 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'atrule';
   }
 
-  applyPrevMaps() {
-    for (let prev of this.previous()) {
-      let from = this.toUrl(this.path(prev.file));
-      let root = prev.root || dirname(prev.file);
-      let map;
+  append(...children) {
+    if (!this.proxyOf.nodes) this.nodes = [];
+    return super.append(...children)
+  }
 
-      if (this.mapOpts.sourcesContent === false) {
-        map = new SourceMapConsumer(prev.text);
-        if (map.sourcesContent) {
-          map.sourcesContent = null;
-        }
-      } else {
-        map = prev.consumer();
-      }
+  prepend(...children) {
+    if (!this.proxyOf.nodes) this.nodes = [];
+    return super.prepend(...children)
+  }
+}
 
-      this.map.applySourceMap(map, from, this.toUrl(this.path(root)));
+var atRule = AtRule$3;
+AtRule$3.default = AtRule$3;
+
+Container$6.registerAtRule(AtRule$3);
+
+let Container$5 = container;
+
+let LazyResult$4, Processor$3;
+
+class Document$3 extends Container$5 {
+  constructor(defaults) {
+    // type needs to be passed to super, otherwise child roots won't be normalized correctly
+    super({ type: 'document', ...defaults });
+
+    if (!this.nodes) {
+      this.nodes = [];
     }
   }
 
-  clearAnnotation() {
-    if (this.mapOpts.annotation === false) return
+  toResult(opts = {}) {
+    let lazy = new LazyResult$4(new Processor$3(), this, opts);
 
-    if (this.root) {
-      let node;
-      for (let i = this.root.nodes.length - 1; i >= 0; i--) {
-        node = this.root.nodes[i];
-        if (node.type !== 'comment') continue
-        if (node.text.indexOf('# sourceMappingURL=') === 0) {
-          this.root.removeChild(i);
-        }
-      }
-    } else if (this.css) {
-      this.css = this.css.replace(/\n*\/\*#[\S\s]*?\*\/$/gm, '');
+    return lazy.stringify()
+  }
+}
+
+Document$3.registerLazyResult = dependant => {
+  LazyResult$4 = dependant;
+};
+
+Document$3.registerProcessor = dependant => {
+  Processor$3 = dependant;
+};
+
+var document = Document$3;
+Document$3.default = Document$3;
+
+let urlAlphabet =
+  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
+let customAlphabet = (alphabet, defaultSize = 21) => {
+  return (size = defaultSize) => {
+    let id = '';
+    let i = size;
+    while (i--) {
+      id += alphabet[(Math.random() * alphabet.length) | 0];
     }
+    return id
   }
+};
+let nanoid$1 = (size = 21) => {
+  let id = '';
+  let i = size;
+  while (i--) {
+    id += urlAlphabet[(Math.random() * 64) | 0];
+  }
+  return id
+};
 
-  generate() {
-    this.clearAnnotation();
-    if (pathAvailable && sourceMapAvailable && this.isMap()) {
-      return this.generateMap()
-    } else {
-      let result = '';
-      this.stringify(this.root, i => {
-        result += i;
-      });
-      return [result]
+const nonSecure = /*#__PURE__*/Object.freeze({
+	__proto__: null,
+	nanoid: nanoid$1,
+	customAlphabet: customAlphabet
+});
+
+const require$$0 = /*@__PURE__*/getAugmentedNamespace(nonSecure);
+
+let { existsSync, readFileSync } = require$$2;
+let { dirname: dirname$1, join } = require$$2;
+let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = require$$2;
+
+function fromBase64(str) {
+  if (Buffer) {
+    return Buffer.from(str, 'base64').toString()
+  } else {
+    /* c8 ignore next 2 */
+    return window.atob(str)
+  }
+}
+
+class PreviousMap$2 {
+  constructor(css, opts) {
+    if (opts.map === false) return
+    this.loadAnnotation(css);
+    this.inline = this.startWith(this.annotation, 'data:');
+
+    let prev = opts.map ? opts.map.prev : undefined;
+    let text = this.loadMap(opts.from, prev);
+    if (!this.mapFile && opts.from) {
+      this.mapFile = opts.from;
     }
+    if (this.mapFile) this.root = dirname$1(this.mapFile);
+    if (text) this.text = text;
   }
 
-  generateMap() {
-    if (this.root) {
-      this.generateString();
-    } else if (this.previous().length === 1) {
-      let prev = this.previous()[0].consumer();
-      prev.file = this.outputFile();
-      this.map = SourceMapGenerator.fromSourceMap(prev, {
-        ignoreInvalidMapping: true
-      });
-    } else {
-      this.map = new SourceMapGenerator({
-        file: this.outputFile(),
-        ignoreInvalidMapping: true
-      });
-      this.map.addMapping({
-        generated: { column: 0, line: 1 },
-        original: { column: 0, line: 1 },
-        source: this.opts.from
-          ? this.toUrl(this.path(this.opts.from))
-          : '<no source>'
-      });
+  consumer() {
+    if (!this.consumerCache) {
+      this.consumerCache = new SourceMapConsumer$2(this.text);
     }
+    return this.consumerCache
+  }
 
-    if (this.isSourcesContent()) this.setSourcesContent();
-    if (this.root && this.previous().length > 0) this.applyPrevMaps();
-    if (this.isAnnotation()) this.addAnnotation();
+  decodeInline(text) {
+    let baseCharsetUri = /^data:application\/json;charset=utf-?8;base64,/;
+    let baseUri = /^data:application\/json;base64,/;
+    let charsetUri = /^data:application\/json;charset=utf-?8,/;
+    let uri = /^data:application\/json,/;
 
-    if (this.isInline()) {
-      return [this.css]
-    } else {
-      return [this.css, this.map]
+    let uriMatch = text.match(charsetUri) || text.match(uri);
+    if (uriMatch) {
+      return decodeURIComponent(text.substr(uriMatch[0].length))
+    }
+
+    let baseUriMatch = text.match(baseCharsetUri) || text.match(baseUri);
+    if (baseUriMatch) {
+      return fromBase64(text.substr(baseUriMatch[0].length))
     }
+
+    let encoding = text.match(/data:application\/json;([^,]+),/)[1];
+    throw new Error('Unsupported source map encoding ' + encoding)
   }
 
-  generateString() {
-    this.css = '';
-    this.map = new SourceMapGenerator({
-      file: this.outputFile(),
-      ignoreInvalidMapping: true
-    });
+  getAnnotationURL(sourceMapString) {
+    return sourceMapString.replace(/^\/\*\s*# sourceMappingURL=/, '').trim()
+  }
 
-    let line = 1;
-    let column = 1;
+  isMap(map) {
+    if (typeof map !== 'object') return false
+    return (
+      typeof map.mappings === 'string' ||
+      typeof map._mappings === 'string' ||
+      Array.isArray(map.sections)
+    )
+  }
 
-    let noSource = '<no source>';
-    let mapping = {
-      generated: { column: 0, line: 0 },
-      original: { column: 0, line: 0 },
-      source: ''
-    };
+  loadAnnotation(css) {
+    let comments = css.match(/\/\*\s*# sourceMappingURL=/g);
+    if (!comments) return
 
-    let lines, last;
-    this.stringify(this.root, (str, node, type) => {
-      this.css += str;
+    // sourceMappingURLs from comments, strings, etc.
+    let start = css.lastIndexOf(comments.pop());
+    let end = css.indexOf('*/', start);
 
-      if (node && type !== 'end') {
-        mapping.generated.line = line;
-        mapping.generated.column = column - 1;
-        if (node.source && node.source.start) {
-          mapping.source = this.sourcePath(node);
-          mapping.original.line = node.source.start.line;
-          mapping.original.column = node.source.start.column - 1;
-          this.map.addMapping(mapping);
-        } else {
-          mapping.source = noSource;
-          mapping.original.line = 1;
-          mapping.original.column = 0;
-          this.map.addMapping(mapping);
-        }
-      }
+    if (start > -1 && end > -1) {
+      // Locate the last sourceMappingURL to avoid pickin
+      this.annotation = this.getAnnotationURL(css.substring(start, end));
+    }
+  }
 
-      lines = str.match(/\n/g);
-      if (lines) {
-        line += lines.length;
-        last = str.lastIndexOf('\n');
-        column = str.length - last;
-      } else {
-        column += str.length;
-      }
+  loadFile(path) {
+    this.root = dirname$1(path);
+    if (existsSync(path)) {
+      this.mapFile = path;
+      return readFileSync(path, 'utf-8').toString().trim()
+    }
+  }
 
-      if (node && type !== 'start') {
-        let p = node.parent || { raws: {} };
-        let childless =
-          node.type === 'decl' || (node.type === 'atrule' && !node.nodes);
-        if (!childless || node !== p.last || p.raws.semicolon) {
-          if (node.source && node.source.end) {
-            mapping.source = this.sourcePath(node);
-            mapping.original.line = node.source.end.line;
-            mapping.original.column = node.source.end.column - 1;
-            mapping.generated.line = line;
-            mapping.generated.column = column - 2;
-            this.map.addMapping(mapping);
-          } else {
-            mapping.source = noSource;
-            mapping.original.line = 1;
-            mapping.original.column = 0;
-            mapping.generated.line = line;
-            mapping.generated.column = column - 1;
-            this.map.addMapping(mapping);
+  loadMap(file, prev) {
+    if (prev === false) return false
+
+    if (prev) {
+      if (typeof prev === 'string') {
+        return prev
+      } else if (typeof prev === 'function') {
+        let prevPath = prev(file);
+        if (prevPath) {
+          let map = this.loadFile(prevPath);
+          if (!map) {
+            throw new Error(
+              'Unable to load previous source map: ' + prevPath.toString()
+            )
           }
+          return map
         }
+      } else if (prev instanceof SourceMapConsumer$2) {
+        return SourceMapGenerator$2.fromSourceMap(prev).toString()
+      } else if (prev instanceof SourceMapGenerator$2) {
+        return prev.toString()
+      } else if (this.isMap(prev)) {
+        return JSON.stringify(prev)
+      } else {
+        throw new Error(
+          'Unsupported previous source map format: ' + prev.toString()
+        )
       }
-    });
+    } else if (this.inline) {
+      return this.decodeInline(this.annotation)
+    } else if (this.annotation) {
+      let map = this.annotation;
+      if (file) map = join(dirname$1(file), map);
+      return this.loadFile(map)
+    }
   }
 
-  isAnnotation() {
-    if (this.isInline()) {
-      return true
+  startWith(string, start) {
+    if (!string) return false
+    return string.substr(0, start.length) === start
+  }
+
+  withContent() {
+    return !!(
+      this.consumer().sourcesContent &&
+      this.consumer().sourcesContent.length > 0
+    )
+  }
+}
+
+var previousMap = PreviousMap$2;
+PreviousMap$2.default = PreviousMap$2;
+
+let { nanoid } = require$$0;
+let { isAbsolute, resolve: resolve$1 } = require$$2;
+let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$2;
+let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = require$$2;
+
+let CssSyntaxError$1 = cssSyntaxError;
+let PreviousMap$1 = previousMap;
+let terminalHighlight = require$$2;
+
+let fromOffsetCache = Symbol('fromOffsetCache');
+
+let sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
+let pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
+
+class Input$4 {
+  constructor(css, opts = {}) {
+    if (
+      css === null ||
+      typeof css === 'undefined' ||
+      (typeof css === 'object' && !css.toString)
+    ) {
+      throw new Error(`PostCSS received ${css} instead of CSS string`)
     }
-    if (typeof this.mapOpts.annotation !== 'undefined') {
-      return this.mapOpts.annotation
+
+    this.css = css.toString();
+
+    if (this.css[0] === '\uFEFF' || this.css[0] === '\uFFFE') {
+      this.hasBOM = true;
+      this.css = this.css.slice(1);
+    } else {
+      this.hasBOM = false;
     }
-    if (this.previous().length) {
-      return this.previous().some(i => i.annotation)
+
+    if (opts.from) {
+      if (
+        !pathAvailable$1 ||
+        /^\w+:\/\//.test(opts.from) ||
+        isAbsolute(opts.from)
+      ) {
+        this.file = opts.from;
+      } else {
+        this.file = resolve$1(opts.from);
+      }
     }
-    return true
+
+    if (pathAvailable$1 && sourceMapAvailable$1) {
+      let map = new PreviousMap$1(this.css, opts);
+      if (map.text) {
+        this.map = map;
+        let file = map.consumer().file;
+        if (!this.file && file) this.file = this.mapResolve(file);
+      }
+    }
+
+    if (!this.file) {
+      this.id = '<input css ' + nanoid(6) + '>';
+    }
+    if (this.map) this.map.file = this.from;
   }
 
-  isInline() {
-    if (typeof this.mapOpts.inline !== 'undefined') {
-      return this.mapOpts.inline
+  error(message, line, column, opts = {}) {
+    let endColumn, endLine, result;
+
+    if (line && typeof line === 'object') {
+      let start = line;
+      let end = column;
+      if (typeof start.offset === 'number') {
+        let pos = this.fromOffset(start.offset);
+        line = pos.line;
+        column = pos.col;
+      } else {
+        line = start.line;
+        column = start.column;
+      }
+      if (typeof end.offset === 'number') {
+        let pos = this.fromOffset(end.offset);
+        endLine = pos.line;
+        endColumn = pos.col;
+      } else {
+        endLine = end.line;
+        endColumn = end.column;
+      }
+    } else if (!column) {
+      let pos = this.fromOffset(line);
+      line = pos.line;
+      column = pos.col;
+    }
+
+    let origin = this.origin(line, column, endLine, endColumn);
+    if (origin) {
+      result = new CssSyntaxError$1(
+        message,
+        origin.endLine === undefined
+          ? origin.line
+          : { column: origin.column, line: origin.line },
+        origin.endLine === undefined
+          ? origin.column
+          : { column: origin.endColumn, line: origin.endLine },
+        origin.source,
+        origin.file,
+        opts.plugin
+      );
+    } else {
+      result = new CssSyntaxError$1(
+        message,
+        endLine === undefined ? line : { column, line },
+        endLine === undefined ? column : { column: endColumn, line: endLine },
+        this.css,
+        this.file,
+        opts.plugin
+      );
     }
 
-    let annotation = this.mapOpts.annotation;
-    if (typeof annotation !== 'undefined' && annotation !== true) {
-      return false
+    result.input = { column, endColumn, endLine, line, source: this.css };
+    if (this.file) {
+      if (pathToFileURL$1) {
+        result.input.url = pathToFileURL$1(this.file).toString();
+      }
+      result.input.file = this.file;
     }
 
-    if (this.previous().length) {
-      return this.previous().some(i => i.inline)
-    }
-    return true
+    return result
   }
 
-  isMap() {
-    if (typeof this.opts.map !== 'undefined') {
-      return !!this.opts.map
+  fromOffset(offset) {
+    let lastLine, lineToIndex;
+    if (!this[fromOffsetCache]) {
+      let lines = this.css.split('\n');
+      lineToIndex = new Array(lines.length);
+      let prevIndex = 0;
+
+      for (let i = 0, l = lines.length; i < l; i++) {
+        lineToIndex[i] = prevIndex;
+        prevIndex += lines[i].length + 1;
+      }
+
+      this[fromOffsetCache] = lineToIndex;
+    } else {
+      lineToIndex = this[fromOffsetCache];
     }
-    return this.previous().length > 0
-  }
+    lastLine = lineToIndex[lineToIndex.length - 1];
 
-  isSourcesContent() {
-    if (typeof this.mapOpts.sourcesContent !== 'undefined') {
-      return this.mapOpts.sourcesContent
+    let min = 0;
+    if (offset >= lastLine) {
+      min = lineToIndex.length - 1;
+    } else {
+      let max = lineToIndex.length - 2;
+      let mid;
+      while (min < max) {
+        mid = min + ((max - min) >> 1);
+        if (offset < lineToIndex[mid]) {
+          max = mid - 1;
+        } else if (offset >= lineToIndex[mid + 1]) {
+          min = mid + 1;
+        } else {
+          min = mid;
+          break
+        }
+      }
     }
-    if (this.previous().length) {
-      return this.previous().some(i => i.withContent())
+    return {
+      col: offset - lineToIndex[min] + 1,
+      line: min + 1
     }
-    return true
   }
 
-  outputFile() {
-    if (this.opts.to) {
-      return this.path(this.opts.to)
-    } else if (this.opts.from) {
-      return this.path(this.opts.from)
-    } else {
-      return 'to.css'
+  mapResolve(file) {
+    if (/^\w+:\/\//.test(file)) {
+      return file
     }
+    return resolve$1(this.map.consumer().sourceRoot || this.map.root || '.', file)
   }
 
-  path(file) {
-    if (this.mapOpts.absolute) return file
-    if (file.charCodeAt(0) === 60 /* `<` */) return file
-    if (/^\w+:\/\//.test(file)) return file
-    let cached = this.memoizedPaths.get(file);
-    if (cached) return cached
+  origin(line, column, endLine, endColumn) {
+    if (!this.map) return false
+    let consumer = this.map.consumer();
 
-    let from = this.opts.to ? dirname(this.opts.to) : '.';
+    let from = consumer.originalPositionFor({ column, line });
+    if (!from.source) return false
 
-    if (typeof this.mapOpts.annotation === 'string') {
-      from = dirname(resolve(from, this.mapOpts.annotation));
+    let to;
+    if (typeof endLine === 'number') {
+      to = consumer.originalPositionFor({ column: endColumn, line: endLine });
     }
 
-    let path = relative(from, file);
-    this.memoizedPaths.set(file, path);
+    let fromUrl;
 
-    return path
-  }
+    if (isAbsolute(from.source)) {
+      fromUrl = pathToFileURL$1(from.source);
+    } else {
+      fromUrl = new URL(
+        from.source,
+        this.map.consumer().sourceRoot || pathToFileURL$1(this.map.mapFile)
+      );
+    }
 
-  previous() {
-    if (!this.previousMaps) {
-      this.previousMaps = [];
-      if (this.root) {
-        this.root.walk(node => {
-          if (node.source && node.source.input.map) {
-            let map = node.source.input.map;
-            if (!this.previousMaps.includes(map)) {
-              this.previousMaps.push(map);
-            }
-          }
-        });
+    let result = {
+      column: from.column,
+      endColumn: to && to.column,
+      endLine: to && to.line,
+      line: from.line,
+      url: fromUrl.toString()
+    };
+
+    if (fromUrl.protocol === 'file:') {
+      if (fileURLToPath) {
+        result.file = fileURLToPath(fromUrl);
       } else {
-        let input = new Input$3(this.originalCSS, this.opts);
-        if (input.map) this.previousMaps.push(input.map);
+        /* c8 ignore next 2 */
+        throw new Error(`file: protocol is not available in this PostCSS build`)
       }
     }
 
-    return this.previousMaps
-  }
+    let source = consumer.sourceContentFor(from.source);
+    if (source) result.source = source;
 
-  setSourcesContent() {
-    let already = {};
-    if (this.root) {
-      this.root.walk(node => {
-        if (node.source) {
-          let from = node.source.input.from;
-          if (from && !already[from]) {
-            already[from] = true;
-            let fromUrl = this.usesFileUrls
-              ? this.toFileUrl(from)
-              : this.toUrl(this.path(from));
-            this.map.setSourceContent(fromUrl, node.source.input.css);
-          }
-        }
-      });
-    } else if (this.css) {
-      let from = this.opts.from
-        ? this.toUrl(this.path(this.opts.from))
-        : '<no source>';
-      this.map.setSourceContent(from, this.css);
-    }
+    return result
   }
 
-  sourcePath(node) {
-    if (this.mapOpts.from) {
-      return this.toUrl(this.mapOpts.from)
-    } else if (this.usesFileUrls) {
-      return this.toFileUrl(node.source.input.from)
-    } else {
-      return this.toUrl(this.path(node.source.input.from))
+  toJSON() {
+    let json = {};
+    for (let name of ['hasBOM', 'css', 'file', 'id']) {
+      if (this[name] != null) {
+        json[name] = this[name];
+      }
     }
-  }
-
-  toBase64(str) {
-    if (Buffer) {
-      return Buffer.from(str).toString('base64')
-    } else {
-      return window.btoa(unescape(encodeURIComponent(str)))
+    if (this.map) {
+      json.map = { ...this.map };
+      if (json.map.consumerCache) {
+        json.map.consumerCache = undefined;
+      }
     }
+    return json
   }
 
-  toFileUrl(path) {
-    let cached = this.memoizedFileURLs.get(path);
-    if (cached) return cached
-
-    if (pathToFileURL) {
-      let fileURL = pathToFileURL(path).toString();
-      this.memoizedFileURLs.set(path, fileURL);
-
-      return fileURL
-    } else {
-      throw new Error(
-        '`map.absolute` option is not available in this PostCSS build'
-      )
-    }
+  get from() {
+    return this.file || this.id
   }
+}
 
-  toUrl(path) {
-    let cached = this.memoizedURLs.get(path);
-    if (cached) return cached
-
-    if (sep === '\\') {
-      path = path.replace(/\\/g, '/');
-    }
-
-    let url = encodeURI(path).replace(/[#?]/g, encodeURIComponent);
-    this.memoizedURLs.set(path, url);
+var input = Input$4;
+Input$4.default = Input$4;
 
-    return url
-  }
+if (terminalHighlight && terminalHighlight.registerInput) {
+  terminalHighlight.registerInput(Input$4);
 }
 
-var mapGenerator = MapGenerator$2;
+let Container$4 = container;
 
-let Node$2 = node_1;
+let LazyResult$3, Processor$2;
 
-class Comment$4 extends Node$2 {
+class Root$5 extends Container$4 {
   constructor(defaults) {
     super(defaults);
-    this.type = 'comment';
+    this.type = 'root';
+    if (!this.nodes) this.nodes = [];
   }
-}
-
-var comment = Comment$4;
-Comment$4.default = Comment$4;
-
-let { isClean: isClean$1, my: my$1 } = symbols;
-let Declaration$3 = declaration;
-let Comment$3 = comment;
-let Node$1 = node_1;
-
-let parse$4, Rule$4, AtRule$4, Root$6;
 
-function cleanSource(nodes) {
-  return nodes.map(i => {
-    if (i.nodes) i.nodes = cleanSource(i.nodes);
-    delete i.source;
-    return i
-  })
-}
+  normalize(child, sample, type) {
+    let nodes = super.normalize(child);
 
-function markTreeDirty(node) {
-  node[isClean$1] = false;
-  if (node.proxyOf.nodes) {
-    for (let i of node.proxyOf.nodes) {
-      markTreeDirty(i);
+    if (sample) {
+      if (type === 'prepend') {
+        if (this.nodes.length > 1) {
+          sample.raws.before = this.nodes[1].raws.before;
+        } else {
+          delete sample.raws.before;
+        }
+      } else if (this.first !== sample) {
+        for (let node of nodes) {
+          node.raws.before = sample.raws.before;
+        }
+      }
     }
+
+    return nodes
   }
-}
 
-class Container$7 extends Node$1 {
-  append(...children) {
-    for (let child of children) {
-      let nodes = this.normalize(child, this.last);
-      for (let node of nodes) this.proxyOf.nodes.push(node);
-    }
+  removeChild(child, ignore) {
+    let index = this.index(child);
 
-    this.markDirty();
+    if (!ignore && index === 0 && this.nodes.length > 1) {
+      this.nodes[1].raws.before = this.nodes[index].raws.before;
+    }
 
-    return this
+    return super.removeChild(child)
   }
 
-  cleanRaws(keepBetween) {
-    super.cleanRaws(keepBetween);
-    if (this.nodes) {
-      for (let node of this.nodes) node.cleanRaws(keepBetween);
-    }
+  toResult(opts = {}) {
+    let lazy = new LazyResult$3(new Processor$2(), this, opts);
+    return lazy.stringify()
   }
+}
 
-  each(callback) {
-    if (!this.proxyOf.nodes) return undefined
-    let iterator = this.getIterator();
+Root$5.registerLazyResult = dependant => {
+  LazyResult$3 = dependant;
+};
 
-    let index, result;
-    while (this.indexes[iterator] < this.proxyOf.nodes.length) {
-      index = this.indexes[iterator];
-      result = callback(this.proxyOf.nodes[index], index);
-      if (result === false) break
+Root$5.registerProcessor = dependant => {
+  Processor$2 = dependant;
+};
 
-      this.indexes[iterator] += 1;
-    }
+var root = Root$5;
+Root$5.default = Root$5;
 
-    delete this.indexes[iterator];
-    return result
-  }
+Container$4.registerRoot(Root$5);
 
-  every(condition) {
-    return this.nodes.every(condition)
-  }
+let list$2 = {
+  comma(string) {
+    return list$2.split(string, [','], true)
+  },
 
-  getIterator() {
-    if (!this.lastEach) this.lastEach = 0;
-    if (!this.indexes) this.indexes = {};
+  space(string) {
+    let spaces = [' ', '\n', '\t'];
+    return list$2.split(string, spaces)
+  },
 
-    this.lastEach += 1;
-    let iterator = this.lastEach;
-    this.indexes[iterator] = 0;
+  split(string, separators, last) {
+    let array = [];
+    let current = '';
+    let split = false;
 
-    return iterator
-  }
+    let func = 0;
+    let inQuote = false;
+    let prevQuote = '';
+    let escape = false;
 
-  getProxyProcessor() {
-    return {
-      get(node, prop) {
-        if (prop === 'proxyOf') {
-          return node
-        } else if (!node[prop]) {
-          return node[prop]
-        } else if (
-          prop === 'each' ||
-          (typeof prop === 'string' && prop.startsWith('walk'))
-        ) {
-          return (...args) => {
-            return node[prop](
-              ...args.map(i => {
-                if (typeof i === 'function') {
-                  return (child, index) => i(child.toProxy(), index)
-                } else {
-                  return i
-                }
-              })
-            )
-          }
-        } else if (prop === 'every' || prop === 'some') {
-          return cb => {
-            return node[prop]((child, ...other) =>
-              cb(child.toProxy(), ...other)
-            )
-          }
-        } else if (prop === 'root') {
-          return () => node.root().toProxy()
-        } else if (prop === 'nodes') {
-          return node.nodes.map(i => i.toProxy())
-        } else if (prop === 'first' || prop === 'last') {
-          return node[prop].toProxy()
-        } else {
-          return node[prop]
+    for (let letter of string) {
+      if (escape) {
+        escape = false;
+      } else if (letter === '\\') {
+        escape = true;
+      } else if (inQuote) {
+        if (letter === prevQuote) {
+          inQuote = false;
         }
-      },
+      } else if (letter === '"' || letter === "'") {
+        inQuote = true;
+        prevQuote = letter;
+      } else if (letter === '(') {
+        func += 1;
+      } else if (letter === ')') {
+        if (func > 0) func -= 1;
+      } else if (func === 0) {
+        if (separators.includes(letter)) split = true;
+      }
 
-      set(node, prop, value) {
-        if (node[prop] === value) return true
-        node[prop] = value;
-        if (prop === 'name' || prop === 'params' || prop === 'selector') {
-          node.markDirty();
-        }
-        return true
+      if (split) {
+        if (current !== '') array.push(current.trim());
+        current = '';
+        split = false;
+      } else {
+        current += letter;
       }
     }
-  }
 
-  index(child) {
-    if (typeof child === 'number') return child
-    if (child.proxyOf) child = child.proxyOf;
-    return this.proxyOf.nodes.indexOf(child)
+    if (last || current !== '') array.push(current.trim());
+    return array
   }
+};
 
-  insertAfter(exist, add) {
-    let existIndex = this.index(exist);
-    let nodes = this.normalize(add, this.proxyOf.nodes[existIndex]).reverse();
-    existIndex = this.index(exist);
-    for (let node of nodes) this.proxyOf.nodes.splice(existIndex + 1, 0, node);
+var list_1 = list$2;
+list$2.default = list$2;
 
-    let index;
-    for (let id in this.indexes) {
-      index = this.indexes[id];
-      if (existIndex < index) {
-        this.indexes[id] = index + nodes.length;
-      }
-    }
+let Container$3 = container;
+let list$1 = list_1;
 
-    this.markDirty();
+class Rule$3 extends Container$3 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'rule';
+    if (!this.nodes) this.nodes = [];
+  }
 
-    return this
+  get selectors() {
+    return list$1.comma(this.selector)
   }
 
-  insertBefore(exist, add) {
-    let existIndex = this.index(exist);
-    let type = existIndex === 0 ? 'prepend' : false;
-    let nodes = this.normalize(
-      add,
-      this.proxyOf.nodes[existIndex],
-      type
-    ).reverse();
-    existIndex = this.index(exist);
-    for (let node of nodes) this.proxyOf.nodes.splice(existIndex, 0, node);
+  set selectors(values) {
+    let match = this.selector ? this.selector.match(/,\s*/) : null;
+    let sep = match ? match[0] : ',' + this.raw('between', 'beforeOpen');
+    this.selector = values.join(sep);
+  }
+}
 
-    let index;
-    for (let id in this.indexes) {
-      index = this.indexes[id];
-      if (existIndex <= index) {
-        this.indexes[id] = index + nodes.length;
-      }
-    }
+var rule = Rule$3;
+Rule$3.default = Rule$3;
 
-    this.markDirty();
+Container$3.registerRule(Rule$3);
 
-    return this
-  }
+let AtRule$2 = atRule;
+let Comment$2 = comment;
+let Declaration$2 = declaration;
+let Input$3 = input;
+let PreviousMap = previousMap;
+let Root$4 = root;
+let Rule$2 = rule;
 
-  normalize(nodes, sample) {
-    if (typeof nodes === 'string') {
-      nodes = cleanSource(parse$4(nodes).nodes);
-    } else if (typeof nodes === 'undefined') {
-      nodes = [];
-    } else if (Array.isArray(nodes)) {
-      nodes = nodes.slice(0);
-      for (let i of nodes) {
-        if (i.parent) i.parent.removeChild(i, 'ignore');
-      }
-    } else if (nodes.type === 'root' && this.type !== 'document') {
-      nodes = nodes.nodes.slice(0);
-      for (let i of nodes) {
-        if (i.parent) i.parent.removeChild(i, 'ignore');
-      }
-    } else if (nodes.type) {
-      nodes = [nodes];
-    } else if (nodes.prop) {
-      if (typeof nodes.value === 'undefined') {
-        throw new Error('Value field is missed in node creation')
-      } else if (typeof nodes.value !== 'string') {
-        nodes.value = String(nodes.value);
+function fromJSON$1(json, inputs) {
+  if (Array.isArray(json)) return json.map(n => fromJSON$1(n))
+
+  let { inputs: ownInputs, ...defaults } = json;
+  if (ownInputs) {
+    inputs = [];
+    for (let input of ownInputs) {
+      let inputHydrated = { ...input, __proto__: Input$3.prototype };
+      if (inputHydrated.map) {
+        inputHydrated.map = {
+          ...inputHydrated.map,
+          __proto__: PreviousMap.prototype
+        };
       }
-      nodes = [new Declaration$3(nodes)];
-    } else if (nodes.selector || nodes.selectors) {
-      nodes = [new Rule$4(nodes)];
-    } else if (nodes.name) {
-      nodes = [new AtRule$4(nodes)];
-    } else if (nodes.text) {
-      nodes = [new Comment$3(nodes)];
-    } else {
-      throw new Error('Unknown node type in node creation')
+      inputs.push(inputHydrated);
+    }
+  }
+  if (defaults.nodes) {
+    defaults.nodes = json.nodes.map(n => fromJSON$1(n, inputs));
+  }
+  if (defaults.source) {
+    let { inputId, ...source } = defaults.source;
+    defaults.source = source;
+    if (inputId != null) {
+      defaults.source.input = inputs[inputId];
     }
+  }
+  if (defaults.type === 'root') {
+    return new Root$4(defaults)
+  } else if (defaults.type === 'decl') {
+    return new Declaration$2(defaults)
+  } else if (defaults.type === 'rule') {
+    return new Rule$2(defaults)
+  } else if (defaults.type === 'comment') {
+    return new Comment$2(defaults)
+  } else if (defaults.type === 'atrule') {
+    return new AtRule$2(defaults)
+  } else {
+    throw new Error('Unknown node type: ' + json.type)
+  }
+}
 
-    let processed = nodes.map(i => {
-      /* c8 ignore next */
-      if (!i[my$1]) Container$7.rebuild(i);
-      i = i.proxyOf;
-      if (i.parent) i.parent.removeChild(i);
-      if (i[isClean$1]) markTreeDirty(i);
-      if (typeof i.raws.before === 'undefined') {
-        if (sample && typeof sample.raws.before !== 'undefined') {
-          i.raws.before = sample.raws.before.replace(/\S/g, '');
-        }
-      }
-      i.parent = this.proxyOf;
-      return i
-    });
+var fromJSON_1 = fromJSON$1;
+fromJSON$1.default = fromJSON$1;
 
-    return processed
-  }
+let { dirname, relative, resolve, sep } = require$$2;
+let { SourceMapConsumer, SourceMapGenerator } = require$$2;
+let { pathToFileURL } = require$$2;
 
-  prepend(...children) {
-    children = children.reverse();
-    for (let child of children) {
-      let nodes = this.normalize(child, this.first, 'prepend').reverse();
-      for (let node of nodes) this.proxyOf.nodes.unshift(node);
-      for (let id in this.indexes) {
-        this.indexes[id] = this.indexes[id] + nodes.length;
-      }
-    }
+let Input$2 = input;
 
-    this.markDirty();
+let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
+let pathAvailable = Boolean(dirname && resolve && relative && sep);
 
-    return this
-  }
+class MapGenerator$2 {
+  constructor(stringify, root, opts, cssString) {
+    this.stringify = stringify;
+    this.mapOpts = opts.map || {};
+    this.root = root;
+    this.opts = opts;
+    this.css = cssString;
+    this.originalCSS = cssString;
+    this.usesFileUrls = !this.mapOpts.from && this.mapOpts.absolute;
 
-  push(child) {
-    child.parent = this;
-    this.proxyOf.nodes.push(child);
-    return this
+    this.memoizedFileURLs = new Map();
+    this.memoizedPaths = new Map();
+    this.memoizedURLs = new Map();
   }
 
-  removeAll() {
-    for (let node of this.proxyOf.nodes) node.parent = undefined;
-    this.proxyOf.nodes = [];
+  addAnnotation() {
+    let content;
 
-    this.markDirty();
+    if (this.isInline()) {
+      content =
+        'data:application/json;base64,' + this.toBase64(this.map.toString());
+    } else if (typeof this.mapOpts.annotation === 'string') {
+      content = this.mapOpts.annotation;
+    } else if (typeof this.mapOpts.annotation === 'function') {
+      content = this.mapOpts.annotation(this.opts.to, this.root);
+    } else {
+      content = this.outputFile() + '.map';
+    }
+    let eol = '\n';
+    if (this.css.includes('\r\n')) eol = '\r\n';
 
-    return this
+    this.css += eol + '/*# sourceMappingURL=' + content + ' */';
   }
 
-  removeChild(child) {
-    child = this.index(child);
-    this.proxyOf.nodes[child].parent = undefined;
-    this.proxyOf.nodes.splice(child, 1);
+  applyPrevMaps() {
+    for (let prev of this.previous()) {
+      let from = this.toUrl(this.path(prev.file));
+      let root = prev.root || dirname(prev.file);
+      let map;
 
-    let index;
-    for (let id in this.indexes) {
-      index = this.indexes[id];
-      if (index >= child) {
-        this.indexes[id] = index - 1;
+      if (this.mapOpts.sourcesContent === false) {
+        map = new SourceMapConsumer(prev.text);
+        if (map.sourcesContent) {
+          map.sourcesContent = null;
+        }
+      } else {
+        map = prev.consumer();
       }
+
+      this.map.applySourceMap(map, from, this.toUrl(this.path(root)));
     }
+  }
 
-    this.markDirty();
+  clearAnnotation() {
+    if (this.mapOpts.annotation === false) return
 
-    return this
+    if (this.root) {
+      let node;
+      for (let i = this.root.nodes.length - 1; i >= 0; i--) {
+        node = this.root.nodes[i];
+        if (node.type !== 'comment') continue
+        if (node.text.startsWith('# sourceMappingURL=')) {
+          this.root.removeChild(i);
+        }
+      }
+    } else if (this.css) {
+      this.css = this.css.replace(/\n*\/\*#[\S\s]*?\*\/$/gm, '');
+    }
   }
 
-  replaceValues(pattern, opts, callback) {
-    if (!callback) {
-      callback = opts;
-      opts = {};
+  generate() {
+    this.clearAnnotation();
+    if (pathAvailable && sourceMapAvailable && this.isMap()) {
+      return this.generateMap()
+    } else {
+      let result = '';
+      this.stringify(this.root, i => {
+        result += i;
+      });
+      return [result]
     }
+  }
 
-    this.walkDecls(decl => {
-      if (opts.props && !opts.props.includes(decl.prop)) return
-      if (opts.fast && !decl.value.includes(opts.fast)) return
-
-      decl.value = decl.value.replace(pattern, callback);
-    });
+  generateMap() {
+    if (this.root) {
+      this.generateString();
+    } else if (this.previous().length === 1) {
+      let prev = this.previous()[0].consumer();
+      prev.file = this.outputFile();
+      this.map = SourceMapGenerator.fromSourceMap(prev, {
+        ignoreInvalidMapping: true
+      });
+    } else {
+      this.map = new SourceMapGenerator({
+        file: this.outputFile(),
+        ignoreInvalidMapping: true
+      });
+      this.map.addMapping({
+        generated: { column: 0, line: 1 },
+        original: { column: 0, line: 1 },
+        source: this.opts.from
+          ? this.toUrl(this.path(this.opts.from))
+          : '<no source>'
+      });
+    }
 
-    this.markDirty();
+    if (this.isSourcesContent()) this.setSourcesContent();
+    if (this.root && this.previous().length > 0) this.applyPrevMaps();
+    if (this.isAnnotation()) this.addAnnotation();
 
-    return this
+    if (this.isInline()) {
+      return [this.css]
+    } else {
+      return [this.css, this.map]
+    }
   }
 
-  some(condition) {
-    return this.nodes.some(condition)
-  }
+  generateString() {
+    this.css = '';
+    this.map = new SourceMapGenerator({
+      file: this.outputFile(),
+      ignoreInvalidMapping: true
+    });
 
-  walk(callback) {
-    return this.each((child, i) => {
-      let result;
-      try {
-        result = callback(child, i);
-      } catch (e) {
-        throw child.addToError(e)
-      }
-      if (result !== false && child.walk) {
-        result = child.walk(callback);
-      }
+    let line = 1;
+    let column = 1;
 
-      return result
-    })
-  }
+    let noSource = '<no source>';
+    let mapping = {
+      generated: { column: 0, line: 0 },
+      original: { column: 0, line: 0 },
+      source: ''
+    };
 
-  walkAtRules(name, callback) {
-    if (!callback) {
-      callback = name;
-      return this.walk((child, i) => {
-        if (child.type === 'atrule') {
-          return callback(child, i)
-        }
-      })
-    }
-    if (name instanceof RegExp) {
-      return this.walk((child, i) => {
-        if (child.type === 'atrule' && name.test(child.name)) {
-          return callback(child, i)
+    let last, lines;
+    this.stringify(this.root, (str, node, type) => {
+      this.css += str;
+
+      if (node && type !== 'end') {
+        mapping.generated.line = line;
+        mapping.generated.column = column - 1;
+        if (node.source && node.source.start) {
+          mapping.source = this.sourcePath(node);
+          mapping.original.line = node.source.start.line;
+          mapping.original.column = node.source.start.column - 1;
+          this.map.addMapping(mapping);
+        } else {
+          mapping.source = noSource;
+          mapping.original.line = 1;
+          mapping.original.column = 0;
+          this.map.addMapping(mapping);
         }
-      })
-    }
-    return this.walk((child, i) => {
-      if (child.type === 'atrule' && child.name === name) {
-        return callback(child, i)
       }
-    })
-  }
 
-  walkComments(callback) {
-    return this.walk((child, i) => {
-      if (child.type === 'comment') {
-        return callback(child, i)
+      lines = str.match(/\n/g);
+      if (lines) {
+        line += lines.length;
+        last = str.lastIndexOf('\n');
+        column = str.length - last;
+      } else {
+        column += str.length;
       }
-    })
-  }
 
-  walkDecls(prop, callback) {
-    if (!callback) {
-      callback = prop;
-      return this.walk((child, i) => {
-        if (child.type === 'decl') {
-          return callback(child, i)
-        }
-      })
-    }
-    if (prop instanceof RegExp) {
-      return this.walk((child, i) => {
-        if (child.type === 'decl' && prop.test(child.prop)) {
-          return callback(child, i)
+      if (node && type !== 'start') {
+        let p = node.parent || { raws: {} };
+        let childless =
+          node.type === 'decl' || (node.type === 'atrule' && !node.nodes);
+        if (!childless || node !== p.last || p.raws.semicolon) {
+          if (node.source && node.source.end) {
+            mapping.source = this.sourcePath(node);
+            mapping.original.line = node.source.end.line;
+            mapping.original.column = node.source.end.column - 1;
+            mapping.generated.line = line;
+            mapping.generated.column = column - 2;
+            this.map.addMapping(mapping);
+          } else {
+            mapping.source = noSource;
+            mapping.original.line = 1;
+            mapping.original.column = 0;
+            mapping.generated.line = line;
+            mapping.generated.column = column - 1;
+            this.map.addMapping(mapping);
+          }
         }
-      })
-    }
-    return this.walk((child, i) => {
-      if (child.type === 'decl' && child.prop === prop) {
-        return callback(child, i)
       }
-    })
+    });
   }
 
-  walkRules(selector, callback) {
-    if (!callback) {
-      callback = selector;
-
-      return this.walk((child, i) => {
-        if (child.type === 'rule') {
-          return callback(child, i)
-        }
-      })
+  isAnnotation() {
+    if (this.isInline()) {
+      return true
     }
-    if (selector instanceof RegExp) {
-      return this.walk((child, i) => {
-        if (child.type === 'rule' && selector.test(child.selector)) {
-          return callback(child, i)
-        }
-      })
+    if (typeof this.mapOpts.annotation !== 'undefined') {
+      return this.mapOpts.annotation
     }
-    return this.walk((child, i) => {
-      if (child.type === 'rule' && child.selector === selector) {
-        return callback(child, i)
-      }
-    })
-  }
-
-  get first() {
-    if (!this.proxyOf.nodes) return undefined
-    return this.proxyOf.nodes[0]
-  }
-
-  get last() {
-    if (!this.proxyOf.nodes) return undefined
-    return this.proxyOf.nodes[this.proxyOf.nodes.length - 1]
+    if (this.previous().length) {
+      return this.previous().some(i => i.annotation)
+    }
+    return true
   }
-}
-
-Container$7.registerParse = dependant => {
-  parse$4 = dependant;
-};
-
-Container$7.registerRule = dependant => {
-  Rule$4 = dependant;
-};
-
-Container$7.registerAtRule = dependant => {
-  AtRule$4 = dependant;
-};
 
-Container$7.registerRoot = dependant => {
-  Root$6 = dependant;
-};
+  isInline() {
+    if (typeof this.mapOpts.inline !== 'undefined') {
+      return this.mapOpts.inline
+    }
 
-var container = Container$7;
-Container$7.default = Container$7;
+    let annotation = this.mapOpts.annotation;
+    if (typeof annotation !== 'undefined' && annotation !== true) {
+      return false
+    }
 
-/* c8 ignore start */
-Container$7.rebuild = node => {
-  if (node.type === 'atrule') {
-    Object.setPrototypeOf(node, AtRule$4.prototype);
-  } else if (node.type === 'rule') {
-    Object.setPrototypeOf(node, Rule$4.prototype);
-  } else if (node.type === 'decl') {
-    Object.setPrototypeOf(node, Declaration$3.prototype);
-  } else if (node.type === 'comment') {
-    Object.setPrototypeOf(node, Comment$3.prototype);
-  } else if (node.type === 'root') {
-    Object.setPrototypeOf(node, Root$6.prototype);
+    if (this.previous().length) {
+      return this.previous().some(i => i.inline)
+    }
+    return true
   }
 
-  node[my$1] = true;
-
-  if (node.nodes) {
-    node.nodes.forEach(child => {
-      Container$7.rebuild(child);
-    });
+  isMap() {
+    if (typeof this.opts.map !== 'undefined') {
+      return !!this.opts.map
+    }
+    return this.previous().length > 0
   }
-};
-
-let Container$6 = container;
-
-let LazyResult$4, Processor$3;
-
-class Document$3 extends Container$6 {
-  constructor(defaults) {
-    // type needs to be passed to super, otherwise child roots won't be normalized correctly
-    super({ type: 'document', ...defaults });
 
-    if (!this.nodes) {
-      this.nodes = [];
+  isSourcesContent() {
+    if (typeof this.mapOpts.sourcesContent !== 'undefined') {
+      return this.mapOpts.sourcesContent
+    }
+    if (this.previous().length) {
+      return this.previous().some(i => i.withContent())
     }
+    return true
   }
 
-  toResult(opts = {}) {
-    let lazy = new LazyResult$4(new Processor$3(), this, opts);
-
-    return lazy.stringify()
+  outputFile() {
+    if (this.opts.to) {
+      return this.path(this.opts.to)
+    } else if (this.opts.from) {
+      return this.path(this.opts.from)
+    } else {
+      return 'to.css'
+    }
   }
-}
 
-Document$3.registerLazyResult = dependant => {
-  LazyResult$4 = dependant;
-};
+  path(file) {
+    if (this.mapOpts.absolute) return file
+    if (file.charCodeAt(0) === 60 /* `<` */) return file
+    if (/^\w+:\/\//.test(file)) return file
+    let cached = this.memoizedPaths.get(file);
+    if (cached) return cached
 
-Document$3.registerProcessor = dependant => {
-  Processor$3 = dependant;
-};
+    let from = this.opts.to ? dirname(this.opts.to) : '.';
 
-var document = Document$3;
-Document$3.default = Document$3;
+    if (typeof this.mapOpts.annotation === 'string') {
+      from = dirname(resolve(from, this.mapOpts.annotation));
+    }
 
-class Warning$2 {
-  constructor(text, opts = {}) {
-    this.type = 'warning';
-    this.text = text;
+    let path = relative(from, file);
+    this.memoizedPaths.set(file, path);
 
-    if (opts.node && opts.node.source) {
-      let range = opts.node.rangeBy(opts);
-      this.line = range.start.line;
-      this.column = range.start.column;
-      this.endLine = range.end.line;
-      this.endColumn = range.end.column;
+    return path
+  }
+
+  previous() {
+    if (!this.previousMaps) {
+      this.previousMaps = [];
+      if (this.root) {
+        this.root.walk(node => {
+          if (node.source && node.source.input.map) {
+            let map = node.source.input.map;
+            if (!this.previousMaps.includes(map)) {
+              this.previousMaps.push(map);
+            }
+          }
+        });
+      } else {
+        let input = new Input$2(this.originalCSS, this.opts);
+        if (input.map) this.previousMaps.push(input.map);
+      }
     }
 
-    for (let opt in opts) this[opt] = opts[opt];
+    return this.previousMaps
   }
 
-  toString() {
-    if (this.node) {
-      return this.node.error(this.text, {
-        index: this.index,
-        plugin: this.plugin,
-        word: this.word
-      }).message
+  setSourcesContent() {
+    let already = {};
+    if (this.root) {
+      this.root.walk(node => {
+        if (node.source) {
+          let from = node.source.input.from;
+          if (from && !already[from]) {
+            already[from] = true;
+            let fromUrl = this.usesFileUrls
+              ? this.toFileUrl(from)
+              : this.toUrl(this.path(from));
+            this.map.setSourceContent(fromUrl, node.source.input.css);
+          }
+        }
+      });
+    } else if (this.css) {
+      let from = this.opts.from
+        ? this.toUrl(this.path(this.opts.from))
+        : '<no source>';
+      this.map.setSourceContent(from, this.css);
     }
+  }
 
-    if (this.plugin) {
-      return this.plugin + ': ' + this.text
+  sourcePath(node) {
+    if (this.mapOpts.from) {
+      return this.toUrl(this.mapOpts.from)
+    } else if (this.usesFileUrls) {
+      return this.toFileUrl(node.source.input.from)
+    } else {
+      return this.toUrl(this.path(node.source.input.from))
     }
+  }
 
-    return this.text
+  toBase64(str) {
+    if (Buffer) {
+      return Buffer.from(str).toString('base64')
+    } else {
+      return window.btoa(unescape(encodeURIComponent(str)))
+    }
   }
-}
 
-var warning = Warning$2;
-Warning$2.default = Warning$2;
+  toFileUrl(path) {
+    let cached = this.memoizedFileURLs.get(path);
+    if (cached) return cached
 
-let Warning$1 = warning;
+    if (pathToFileURL) {
+      let fileURL = pathToFileURL(path).toString();
+      this.memoizedFileURLs.set(path, fileURL);
 
-class Result$3 {
-  constructor(processor, root, opts) {
-    this.processor = processor;
-    this.messages = [];
-    this.root = root;
-    this.opts = opts;
-    this.css = undefined;
-    this.map = undefined;
+      return fileURL
+    } else {
+      throw new Error(
+        '`map.absolute` option is not available in this PostCSS build'
+      )
+    }
   }
 
-  toString() {
-    return this.css
-  }
+  toUrl(path) {
+    let cached = this.memoizedURLs.get(path);
+    if (cached) return cached
 
-  warn(text, opts = {}) {
-    if (!opts.plugin) {
-      if (this.lastPlugin && this.lastPlugin.postcssPlugin) {
-        opts.plugin = this.lastPlugin.postcssPlugin;
-      }
+    if (sep === '\\') {
+      path = path.replace(/\\/g, '/');
     }
 
-    let warning = new Warning$1(text, opts);
-    this.messages.push(warning);
-
-    return warning
-  }
-
-  warnings() {
-    return this.messages.filter(i => i.type === 'warning')
-  }
+    let url = encodeURI(path).replace(/[#?]/g, encodeURIComponent);
+    this.memoizedURLs.set(path, url);
 
-  get content() {
-    return this.css
+    return url
   }
 }
 
-var result = Result$3;
-Result$3.default = Result$3;
+var mapGenerator = MapGenerator$2;
 
 const SINGLE_QUOTE = "'".charCodeAt(0);
 const DOUBLE_QUOTE = '"'.charCodeAt(0);
@@ -6805,8 +7027,8 @@ var tokenize = function tokenizer(input, options = {}) {
   let css = input.css.valueOf();
   let ignore = options.ignoreErrors;
 
-  let code, next, quote, content, escape;
-  let escaped, escapePos, prev, n, currentToken;
+  let code, content, escape, next, quote;
+  let currentToken, escaped, escapePos, n, prev;
 
   let length = css.length;
   let pos = 0;
@@ -6983,237 +7205,70 @@ var tokenize = function tokenizer(input, options = {}) {
               next += 1;
             }
             if (css.charCodeAt(next + 1) === SPACE) {
-              next += 1;
-            }
-          }
-        }
-
-        currentToken = ['word', css.slice(pos, next + 1), pos, next];
-
-        pos = next;
-        break
-      }
-
-      default: {
-        if (code === SLASH && css.charCodeAt(pos + 1) === ASTERISK) {
-          next = css.indexOf('*/', pos + 2) + 1;
-          if (next === 0) {
-            if (ignore || ignoreUnclosed) {
-              next = css.length;
-            } else {
-              unclosed('comment');
-            }
-          }
-
-          currentToken = ['comment', css.slice(pos, next + 1), pos, next];
-          pos = next;
-        } else {
-          RE_WORD_END.lastIndex = pos + 1;
-          RE_WORD_END.test(css);
-          if (RE_WORD_END.lastIndex === 0) {
-            next = css.length - 1;
-          } else {
-            next = RE_WORD_END.lastIndex - 2;
-          }
-
-          currentToken = ['word', css.slice(pos, next + 1), pos, next];
-          buffer.push(currentToken);
-          pos = next;
-        }
-
-        break
-      }
-    }
-
-    pos++;
-    return currentToken
-  }
-
-  function back(token) {
-    returned.push(token);
-  }
-
-  return {
-    back,
-    endOfFile,
-    nextToken,
-    position
-  }
-};
-
-let Container$5 = container;
-
-class AtRule$3 extends Container$5 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'atrule';
-  }
-
-  append(...children) {
-    if (!this.proxyOf.nodes) this.nodes = [];
-    return super.append(...children)
-  }
-
-  prepend(...children) {
-    if (!this.proxyOf.nodes) this.nodes = [];
-    return super.prepend(...children)
-  }
-}
-
-var atRule = AtRule$3;
-AtRule$3.default = AtRule$3;
-
-Container$5.registerAtRule(AtRule$3);
-
-let Container$4 = container;
-
-let LazyResult$3, Processor$2;
-
-class Root$5 extends Container$4 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'root';
-    if (!this.nodes) this.nodes = [];
-  }
-
-  normalize(child, sample, type) {
-    let nodes = super.normalize(child);
-
-    if (sample) {
-      if (type === 'prepend') {
-        if (this.nodes.length > 1) {
-          sample.raws.before = this.nodes[1].raws.before;
-        } else {
-          delete sample.raws.before;
-        }
-      } else if (this.first !== sample) {
-        for (let node of nodes) {
-          node.raws.before = sample.raws.before;
-        }
-      }
-    }
-
-    return nodes
-  }
-
-  removeChild(child, ignore) {
-    let index = this.index(child);
-
-    if (!ignore && index === 0 && this.nodes.length > 1) {
-      this.nodes[1].raws.before = this.nodes[index].raws.before;
-    }
-
-    return super.removeChild(child)
-  }
-
-  toResult(opts = {}) {
-    let lazy = new LazyResult$3(new Processor$2(), this, opts);
-    return lazy.stringify()
-  }
-}
-
-Root$5.registerLazyResult = dependant => {
-  LazyResult$3 = dependant;
-};
-
-Root$5.registerProcessor = dependant => {
-  Processor$2 = dependant;
-};
-
-var root = Root$5;
-Root$5.default = Root$5;
-
-Container$4.registerRoot(Root$5);
-
-let list$2 = {
-  comma(string) {
-    return list$2.split(string, [','], true)
-  },
-
-  space(string) {
-    let spaces = [' ', '\n', '\t'];
-    return list$2.split(string, spaces)
-  },
-
-  split(string, separators, last) {
-    let array = [];
-    let current = '';
-    let split = false;
-
-    let func = 0;
-    let inQuote = false;
-    let prevQuote = '';
-    let escape = false;
-
-    for (let letter of string) {
-      if (escape) {
-        escape = false;
-      } else if (letter === '\\') {
-        escape = true;
-      } else if (inQuote) {
-        if (letter === prevQuote) {
-          inQuote = false;
-        }
-      } else if (letter === '"' || letter === "'") {
-        inQuote = true;
-        prevQuote = letter;
-      } else if (letter === '(') {
-        func += 1;
-      } else if (letter === ')') {
-        if (func > 0) func -= 1;
-      } else if (func === 0) {
-        if (separators.includes(letter)) split = true;
-      }
+              next += 1;
+            }
+          }
+        }
 
-      if (split) {
-        if (current !== '') array.push(current.trim());
-        current = '';
-        split = false;
-      } else {
-        current += letter;
+        currentToken = ['word', css.slice(pos, next + 1), pos, next];
+
+        pos = next;
+        break
       }
-    }
 
-    if (last || current !== '') array.push(current.trim());
-    return array
-  }
-};
+      default: {
+        if (code === SLASH && css.charCodeAt(pos + 1) === ASTERISK) {
+          next = css.indexOf('*/', pos + 2) + 1;
+          if (next === 0) {
+            if (ignore || ignoreUnclosed) {
+              next = css.length;
+            } else {
+              unclosed('comment');
+            }
+          }
 
-var list_1 = list$2;
-list$2.default = list$2;
+          currentToken = ['comment', css.slice(pos, next + 1), pos, next];
+          pos = next;
+        } else {
+          RE_WORD_END.lastIndex = pos + 1;
+          RE_WORD_END.test(css);
+          if (RE_WORD_END.lastIndex === 0) {
+            next = css.length - 1;
+          } else {
+            next = RE_WORD_END.lastIndex - 2;
+          }
 
-let Container$3 = container;
-let list$1 = list_1;
+          currentToken = ['word', css.slice(pos, next + 1), pos, next];
+          buffer.push(currentToken);
+          pos = next;
+        }
 
-class Rule$3 extends Container$3 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'rule';
-    if (!this.nodes) this.nodes = [];
-  }
+        break
+      }
+    }
 
-  get selectors() {
-    return list$1.comma(this.selector)
+    pos++;
+    return currentToken
   }
 
-  set selectors(values) {
-    let match = this.selector ? this.selector.match(/,\s*/) : null;
-    let sep = match ? match[0] : ',' + this.raw('between', 'beforeOpen');
-    this.selector = values.join(sep);
+  function back(token) {
+    returned.push(token);
   }
-}
-
-var rule = Rule$3;
-Rule$3.default = Rule$3;
 
-Container$3.registerRule(Rule$3);
+  return {
+    back,
+    endOfFile,
+    nextToken,
+    position
+  }
+};
 
-let Declaration$2 = declaration;
+let AtRule$1 = atRule;
+let Comment$1 = comment;
+let Declaration$1 = declaration;
+let Root$3 = root;
+let Rule$1 = rule;
 let tokenizer = tokenize;
-let Comment$2 = comment;
-let AtRule$2 = atRule;
-let Root$4 = root;
-let Rule$2 = rule;
 
 const SAFE_COMMENT_NEIGHBOR = {
   empty: true,
@@ -7232,7 +7287,7 @@ class Parser$1 {
   constructor(input) {
     this.input = input;
 
-    this.root = new Root$4();
+    this.root = new Root$3();
     this.current = this.root;
     this.spaces = '';
     this.semicolon = false;
@@ -7242,7 +7297,7 @@ class Parser$1 {
   }
 
   atrule(token) {
-    let node = new AtRule$2();
+    let node = new AtRule$1();
     node.name = token[1].slice(1);
     if (node.name === '') {
       this.unnamedAtrule(node, token);
@@ -7351,7 +7406,7 @@ class Parser$1 {
 
   colon(tokens) {
     let brackets = 0;
-    let token, type, prev;
+    let prev, token, type;
     for (let [i, element] of tokens.entries()) {
       token = element;
       type = token[0];
@@ -7378,7 +7433,7 @@ class Parser$1 {
   }
 
   comment(token) {
-    let node = new Comment$2();
+    let node = new Comment$1();
     this.init(node, token[2]);
     node.source.end = this.getPosition(token[3] || token[2]);
     node.source.end.offset++;
@@ -7401,7 +7456,7 @@ class Parser$1 {
   }
 
   decl(tokens, customProperty) {
-    let node = new Declaration$2();
+    let node = new Declaration$1();
     this.init(node, tokens[0][2]);
 
     let last = tokens[tokens.length - 1];
@@ -7475,12 +7530,12 @@ class Parser$1 {
         let str = '';
         for (let j = i; j > 0; j--) {
           let type = cache[j][0];
-          if (str.trim().indexOf('!') === 0 && type !== 'space') {
+          if (str.trim().startsWith('!') && type !== 'space') {
             break
           }
           str = cache.pop()[1] + str;
         }
-        if (str.trim().indexOf('!') === 0) {
+        if (str.trim().startsWith('!')) {
           node.important = true;
           node.raws.important = str;
           tokens = cache;
@@ -7514,7 +7569,7 @@ class Parser$1 {
   }
 
   emptyRule(token) {
-    let node = new Rule$2();
+    let node = new Rule$1();
     this.init(node, token[2]);
     node.selector = '';
     node.raws.between = '';
@@ -7724,7 +7779,7 @@ class Parser$1 {
   rule(tokens) {
     tokens.pop();
 
-    let node = new Rule$2();
+    let node = new Rule$1();
     this.init(node, tokens[0][2]);
 
     node.raws.between = this.spacesAndCommentsFromEnd(tokens);
@@ -7817,11 +7872,11 @@ class Parser$1 {
 var parser = Parser$1;
 
 let Container$2 = container;
+let Input$1 = input;
 let Parser = parser;
-let Input$2 = input;
 
 function parse$3(css, opts) {
-  let input = new Input$2(css, opts);
+  let input = new Input$1(css, opts);
   let parser = new Parser(input);
   try {
     parser.parse();
@@ -7837,14 +7892,91 @@ parse$3.default = parse$3;
 
 Container$2.registerParse(parse$3);
 
-let { isClean, my } = symbols;
-let MapGenerator$1 = mapGenerator;
-let stringify$2 = stringify_1;
+class Warning$2 {
+  constructor(text, opts = {}) {
+    this.type = 'warning';
+    this.text = text;
+
+    if (opts.node && opts.node.source) {
+      let range = opts.node.rangeBy(opts);
+      this.line = range.start.line;
+      this.column = range.start.column;
+      this.endLine = range.end.line;
+      this.endColumn = range.end.column;
+    }
+
+    for (let opt in opts) this[opt] = opts[opt];
+  }
+
+  toString() {
+    if (this.node) {
+      return this.node.error(this.text, {
+        index: this.index,
+        plugin: this.plugin,
+        word: this.word
+      }).message
+    }
+
+    if (this.plugin) {
+      return this.plugin + ': ' + this.text
+    }
+
+    return this.text
+  }
+}
+
+var warning = Warning$2;
+Warning$2.default = Warning$2;
+
+let Warning$1 = warning;
+
+class Result$3 {
+  constructor(processor, root, opts) {
+    this.processor = processor;
+    this.messages = [];
+    this.root = root;
+    this.opts = opts;
+    this.css = undefined;
+    this.map = undefined;
+  }
+
+  toString() {
+    return this.css
+  }
+
+  warn(text, opts = {}) {
+    if (!opts.plugin) {
+      if (this.lastPlugin && this.lastPlugin.postcssPlugin) {
+        opts.plugin = this.lastPlugin.postcssPlugin;
+      }
+    }
+
+    let warning = new Warning$1(text, opts);
+    this.messages.push(warning);
+
+    return warning
+  }
+
+  warnings() {
+    return this.messages.filter(i => i.type === 'warning')
+  }
+
+  get content() {
+    return this.css
+  }
+}
+
+var result = Result$3;
+Result$3.default = Result$3;
+
 let Container$1 = container;
 let Document$2 = document;
-let Result$2 = result;
+let MapGenerator$1 = mapGenerator;
 let parse$2 = parse_1;
-let Root$3 = root;
+let Result$2 = result;
+let Root$2 = root;
+let stringify$2 = stringify_1;
+let { isClean, my } = symbols;
 
 const TYPE_TO_CLASS_NAME = {
   atrule: 'AtRule',
@@ -8351,13 +8483,13 @@ LazyResult$2.registerPostcss = dependant => {
 var lazyResult = LazyResult$2;
 LazyResult$2.default = LazyResult$2;
 
-Root$3.registerLazyResult(LazyResult$2);
+Root$2.registerLazyResult(LazyResult$2);
 Document$2.registerLazyResult(LazyResult$2);
 
 let MapGenerator = mapGenerator;
-let stringify$1 = stringify_1;
 let parse$1 = parse_1;
 const Result$1 = result;
+let stringify$1 = stringify_1;
 
 class NoWorkResult$1 {
   constructor(processor, css, opts) {
@@ -8481,14 +8613,14 @@ class NoWorkResult$1 {
 var noWorkResult = NoWorkResult$1;
 NoWorkResult$1.default = NoWorkResult$1;
 
-let NoWorkResult = noWorkResult;
-let LazyResult$1 = lazyResult;
 let Document$1 = document;
-let Root$2 = root;
+let LazyResult$1 = lazyResult;
+let NoWorkResult = noWorkResult;
+let Root$1 = root;
 
 class Processor$1 {
   constructor(plugins = []) {
-    this.version = '8.4.41';
+    this.version = '8.4.49';
     this.plugins = this.normalize(plugins);
   }
 
@@ -8536,80 +8668,27 @@ class Processor$1 {
 var processor = Processor$1;
 Processor$1.default = Processor$1;
 
-Root$2.registerProcessor(Processor$1);
+Root$1.registerProcessor(Processor$1);
 Document$1.registerProcessor(Processor$1);
 
-let Declaration$1 = declaration;
-let PreviousMap = previousMap;
-let Comment$1 = comment;
-let AtRule$1 = atRule;
-let Input$1 = input;
-let Root$1 = root;
-let Rule$1 = rule;
-
-function fromJSON$1(json, inputs) {
-  if (Array.isArray(json)) return json.map(n => fromJSON$1(n))
-
-  let { inputs: ownInputs, ...defaults } = json;
-  if (ownInputs) {
-    inputs = [];
-    for (let input of ownInputs) {
-      let inputHydrated = { ...input, __proto__: Input$1.prototype };
-      if (inputHydrated.map) {
-        inputHydrated.map = {
-          ...inputHydrated.map,
-          __proto__: PreviousMap.prototype
-        };
-      }
-      inputs.push(inputHydrated);
-    }
-  }
-  if (defaults.nodes) {
-    defaults.nodes = json.nodes.map(n => fromJSON$1(n, inputs));
-  }
-  if (defaults.source) {
-    let { inputId, ...source } = defaults.source;
-    defaults.source = source;
-    if (inputId != null) {
-      defaults.source.input = inputs[inputId];
-    }
-  }
-  if (defaults.type === 'root') {
-    return new Root$1(defaults)
-  } else if (defaults.type === 'decl') {
-    return new Declaration$1(defaults)
-  } else if (defaults.type === 'rule') {
-    return new Rule$1(defaults)
-  } else if (defaults.type === 'comment') {
-    return new Comment$1(defaults)
-  } else if (defaults.type === 'atrule') {
-    return new AtRule$1(defaults)
-  } else {
-    throw new Error('Unknown node type: ' + json.type)
-  }
-}
-
-var fromJSON_1 = fromJSON$1;
-fromJSON$1.default = fromJSON$1;
-
+let AtRule = atRule;
+let Comment = comment;
+let Container = container;
 let CssSyntaxError = cssSyntaxError;
 let Declaration = declaration;
-let LazyResult = lazyResult;
-let Container = container;
-let Processor = processor;
-let stringify = stringify_1;
-let fromJSON = fromJSON_1;
 let Document = document;
-let Warning = warning;
-let Comment = comment;
-let AtRule = atRule;
-let Result = result;
+let fromJSON = fromJSON_1;
 let Input = input;
-let parse = parse_1;
+let LazyResult = lazyResult;
 let list = list_1;
-let Rule = rule;
-let Root = root;
 let Node = node_1;
+let parse = parse_1;
+let Processor = processor;
+let Result = result;
+let Root = root;
+let Rule = rule;
+let stringify = stringify_1;
+let Warning = warning;
 
 function postcss(...plugins) {
   if (plugins.length === 1 && Array.isArray(plugins[0])) {
@@ -8692,7 +8771,7 @@ LazyResult.registerPostcss(postcss);
 var postcss_1 = postcss;
 postcss.default = postcss;
 
-const htmlparser = require$$0;
+const htmlparser = require$$0$1;
 const escapeStringRegexp = escapeStringRegexp$1;
 const { isPlainObject } = require$$2$1;
 const deepmerge = cjs;
@@ -9125,12 +9204,13 @@ function sanitizeHtml(html, options, _recursing) {
               const allowedWildcardClasses = allowedClassesMap['*'];
               const allowedSpecificClassesGlob = allowedClassesGlobMap[name];
               const allowedSpecificClassesRegex = allowedClassesRegexMap[name];
+              const allowedWildcardClassesRegex = allowedClassesRegexMap['*'];
               const allowedWildcardClassesGlob = allowedClassesGlobMap['*'];
               const allowedClassesGlobs = [
                 allowedSpecificClassesGlob,
                 allowedWildcardClassesGlob
               ]
-                .concat(allowedSpecificClassesRegex)
+                .concat(allowedSpecificClassesRegex, allowedWildcardClassesRegex)
                 .filter(function (t) {
                   return t;
                 });
@@ -9631,7 +9711,7 @@ const CustomContentSection = class {
                 img: ['src', 'srcset', 'alt', 'title', 'width', 'height', 'loading']
             }
         });
-        return index$2.h("div", { key: '818f883a9cf68c04ed29572bd6b5949e0ebb41e6', class: "CustomContentSectionContainer" }, index$2.h("div", { key: '63f78d30acf7a3e3b1f672317342dc4c58669c9b', class: "CustomContentSectionWrapper" }, index$2.h("div", { key: '920f2c9f25f3c2e39bae12969aef06f6ee8b58fa', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? index$2.h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
+        return index$2.h("div", { key: '894fdc79eb310d5a7cfde48445afd3d1d464359e', class: "CustomContentSectionContainer" }, index$2.h("div", { key: 'cfecce550a4e9b6b692ff12de96262e1413f8f2b', class: "CustomContentSectionWrapper" }, index$2.h("div", { key: '1e76edcbb408a184848bda0c86a99d2467e3e081', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? index$2.h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
     }
 };
 CustomContentSection.style = CustomContentSectionStyle0;