@warp-ds/elements 2.1.1 → 2.2.0-next.10

package/dist/packages/pill/index.js

@@ -1,2228 +1,2577 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-// node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/errors.js
-var require_errors = __commonJS({
-  "node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/errors.js"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.errorMessages = exports.ErrorType = void 0;
-    var ErrorType;
-    (function(ErrorType2) {
-      ErrorType2["MalformedUnicode"] = "MALFORMED_UNICODE";
-      ErrorType2["MalformedHexadecimal"] = "MALFORMED_HEXADECIMAL";
-      ErrorType2["CodePointLimit"] = "CODE_POINT_LIMIT";
-      ErrorType2["OctalDeprecation"] = "OCTAL_DEPRECATION";
-      ErrorType2["EndOfString"] = "END_OF_STRING";
-    })(ErrorType = exports.ErrorType || (exports.ErrorType = {}));
-    exports.errorMessages = /* @__PURE__ */ new Map([
-      [ErrorType.MalformedUnicode, "malformed Unicode character escape sequence"],
-      [
-        ErrorType.MalformedHexadecimal,
-        "malformed hexadecimal character escape sequence"
-      ],
-      [
-        ErrorType.CodePointLimit,
-        "Unicode codepoint must not be greater than 0x10FFFF in escape sequence"
-      ],
-      [
-        ErrorType.OctalDeprecation,
-        '"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'
-      ],
-      [ErrorType.EndOfString, "malformed escape sequence at end of string"]
-    ]);
-  }
-});
-
-// node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/index.js
-var require_dist = __commonJS({
-  "node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/index.js"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.unraw = exports.errorMessages = exports.ErrorType = void 0;
-    var errors_1 = require_errors();
-    Object.defineProperty(exports, "ErrorType", { enumerable: true, get: function() {
-      return errors_1.ErrorType;
-    } });
-    Object.defineProperty(exports, "errorMessages", { enumerable: true, get: function() {
-      return errors_1.errorMessages;
-    } });
-    function parseHexToInt(hex) {
-      const isOnlyHexChars = !hex.match(/[^a-f0-9]/i);
-      return isOnlyHexChars ? parseInt(hex, 16) : NaN;
-    }
-    function validateAndParseHex(hex, errorName, enforcedLength) {
-      const parsedHex = parseHexToInt(hex);
-      if (Number.isNaN(parsedHex) || enforcedLength !== void 0 && enforcedLength !== hex.length) {
-        throw new SyntaxError(errors_1.errorMessages.get(errorName));
-      }
-      return parsedHex;
-    }
-    function parseHexadecimalCode(code) {
-      const parsedCode = validateAndParseHex(code, errors_1.ErrorType.MalformedHexadecimal, 2);
-      return String.fromCharCode(parsedCode);
-    }
-    function parseUnicodeCode(code, surrogateCode) {
-      const parsedCode = validateAndParseHex(code, errors_1.ErrorType.MalformedUnicode, 4);
-      if (surrogateCode !== void 0) {
-        const parsedSurrogateCode = validateAndParseHex(surrogateCode, errors_1.ErrorType.MalformedUnicode, 4);
-        return String.fromCharCode(parsedCode, parsedSurrogateCode);
-      }
-      return String.fromCharCode(parsedCode);
-    }
-    function isCurlyBraced(text) {
-      return text.charAt(0) === "{" && text.charAt(text.length - 1) === "}";
-    }
-    function parseUnicodeCodePointCode(codePoint) {
-      if (!isCurlyBraced(codePoint)) {
-        throw new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.MalformedUnicode));
-      }
-      const withoutBraces = codePoint.slice(1, -1);
-      const parsedCode = validateAndParseHex(withoutBraces, errors_1.ErrorType.MalformedUnicode);
-      try {
-        return String.fromCodePoint(parsedCode);
-      } catch (err) {
-        throw err instanceof RangeError ? new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.CodePointLimit)) : err;
-      }
-    }
-    function parseOctalCode(code, error = false) {
-      if (error) {
-        throw new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.OctalDeprecation));
-      }
-      const parsedCode = parseInt(code, 8);
-      return String.fromCharCode(parsedCode);
-    }
-    var singleCharacterEscapes = /* @__PURE__ */ new Map([
-      ["b", "\b"],
-      ["f", "\f"],
-      ["n", "\n"],
-      ["r", "\r"],
-      ["t", "	"],
-      ["v", "\v"],
-      ["0", "\0"]
-    ]);
-    function parseSingleCharacterCode(code) {
-      return singleCharacterEscapes.get(code) || code;
-    }
-    var escapeMatch = /\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;
-    function unraw2(raw, allowOctals = false) {
-      return raw.replace(escapeMatch, function(_, backslash, hex, codePoint, unicodeWithSurrogate, surrogate, unicode, octal, singleCharacter) {
-        if (backslash !== void 0) {
-          return "\\";
-        }
-        if (hex !== void 0) {
-          return parseHexadecimalCode(hex);
-        }
-        if (codePoint !== void 0) {
-          return parseUnicodeCodePointCode(codePoint);
-        }
-        if (unicodeWithSurrogate !== void 0) {
-          return parseUnicodeCode(unicodeWithSurrogate, surrogate);
-        }
-        if (unicode !== void 0) {
-          return parseUnicodeCode(unicode);
-        }
-        if (octal === "0") {
-          return "\0";
-        }
-        if (octal !== void 0) {
-          return parseOctalCode(octal, !allowOctals);
-        }
-        if (singleCharacter !== void 0) {
-          return parseSingleCharacterCode(singleCharacter);
-        }
-        throw new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.EndOfString));
-      });
-    }
-    exports.unraw = unraw2;
-    exports.default = unraw2;
-  }
-});
-
-// node_modules/.pnpm/moo@0.5.2/node_modules/moo/moo.js
-var require_moo = __commonJS({
-  "node_modules/.pnpm/moo@0.5.2/node_modules/moo/moo.js"(exports, module) {
-    (function(root, factory) {
-      if (typeof define === "function" && define.amd) {
-        define([], factory);
-      } else if (typeof module === "object" && module.exports) {
-        module.exports = factory();
-      } else {
-        root.moo = factory();
-      }
-    })(exports, function() {
-      "use strict";
-      var hasOwnProperty = Object.prototype.hasOwnProperty;
-      var toString = Object.prototype.toString;
-      var hasSticky = typeof new RegExp().sticky === "boolean";
-      function isRegExp(o) {
-        return o && toString.call(o) === "[object RegExp]";
-      }
-      function isObject(o) {
-        return o && typeof o === "object" && !isRegExp(o) && !Array.isArray(o);
-      }
-      function reEscape(s) {
-        return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
-      }
-      function reGroups(s) {
-        var re = new RegExp("|" + s);
-        return re.exec("").length - 1;
-      }
-      function reCapture(s) {
-        return "(" + s + ")";
-      }
-      function reUnion(regexps) {
-        if (!regexps.length) return "(?!)";
-        var source = regexps.map(function(s) {
-          return "(?:" + s + ")";
-        }).join("|");
-        return "(?:" + source + ")";
-      }
-      function regexpOrLiteral(obj) {
-        if (typeof obj === "string") {
-          return "(?:" + reEscape(obj) + ")";
-        } else if (isRegExp(obj)) {
-          if (obj.ignoreCase) throw new Error("RegExp /i flag not allowed");
-          if (obj.global) throw new Error("RegExp /g flag is implied");
-          if (obj.sticky) throw new Error("RegExp /y flag is implied");
-          if (obj.multiline) throw new Error("RegExp /m flag is implied");
-          return obj.source;
-        } else {
-          throw new Error("Not a pattern: " + obj);
-        }
-      }
-      function pad(s, length) {
-        if (s.length > length) {
-          return s;
-        }
-        return Array(length - s.length + 1).join(" ") + s;
-      }
-      function lastNLines(string, numLines) {
-        var position = string.length;
-        var lineBreaks = 0;
-        while (true) {
-          var idx = string.lastIndexOf("\n", position - 1);
-          if (idx === -1) {
-            break;
-          } else {
-            lineBreaks++;
-          }
-          position = idx;
-          if (lineBreaks === numLines) {
-            break;
-          }
-          if (position === 0) {
-            break;
-          }
-        }
-        var startPosition = lineBreaks < numLines ? 0 : position + 1;
-        return string.substring(startPosition).split("\n");
-      }
-      function objectToRules(object) {
-        var keys = Object.getOwnPropertyNames(object);
-        var result = [];
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-          var thing = object[key];
-          var rules = [].concat(thing);
-          if (key === "include") {
-            for (var j = 0; j < rules.length; j++) {
-              result.push({ include: rules[j] });
-            }
-            continue;
-          }
-          var match = [];
-          rules.forEach(function(rule) {
-            if (isObject(rule)) {
-              if (match.length) result.push(ruleOptions(key, match));
-              result.push(ruleOptions(key, rule));
-              match = [];
-            } else {
-              match.push(rule);
-            }
-          });
-          if (match.length) result.push(ruleOptions(key, match));
-        }
-        return result;
-      }
-      function arrayToRules(array) {
-        var result = [];
-        for (var i = 0; i < array.length; i++) {
-          var obj = array[i];
-          if (obj.include) {
-            var include = [].concat(obj.include);
-            for (var j = 0; j < include.length; j++) {
-              result.push({ include: include[j] });
-            }
-            continue;
-          }
-          if (!obj.type) {
-            throw new Error("Rule has no type: " + JSON.stringify(obj));
-          }
-          result.push(ruleOptions(obj.type, obj));
-        }
-        return result;
-      }
-      function ruleOptions(type, obj) {
-        if (!isObject(obj)) {
-          obj = { match: obj };
-        }
-        if (obj.include) {
-          throw new Error("Matching rules cannot also include states");
-        }
-        var options = {
-          defaultType: type,
-          lineBreaks: !!obj.error || !!obj.fallback,
-          pop: false,
-          next: null,
-          push: null,
-          error: false,
-          fallback: false,
-          value: null,
-          type: null,
-          shouldThrow: false
-        };
-        for (var key in obj) {
-          if (hasOwnProperty.call(obj, key)) {
-            options[key] = obj[key];
-          }
-        }
-        if (typeof options.type === "string" && type !== options.type) {
-          throw new Error("Type transform cannot be a string (type '" + options.type + "' for token '" + type + "')");
-        }
-        var match = options.match;
-        options.match = Array.isArray(match) ? match : match ? [match] : [];
-        options.match.sort(function(a, b) {
-          return isRegExp(a) && isRegExp(b) ? 0 : isRegExp(b) ? -1 : isRegExp(a) ? 1 : b.length - a.length;
-        });
-        return options;
-      }
-      function toRules(spec) {
-        return Array.isArray(spec) ? arrayToRules(spec) : objectToRules(spec);
-      }
-      var defaultErrorRule = ruleOptions("error", { lineBreaks: true, shouldThrow: true });
-      function compileRules(rules, hasStates) {
-        var errorRule = null;
-        var fast = /* @__PURE__ */ Object.create(null);
-        var fastAllowed = true;
-        var unicodeFlag = null;
-        var groups = [];
-        var parts = [];
-        for (var i = 0; i < rules.length; i++) {
-          if (rules[i].fallback) {
-            fastAllowed = false;
-          }
-        }
-        for (var i = 0; i < rules.length; i++) {
-          var options = rules[i];
-          if (options.include) {
-            throw new Error("Inheritance is not allowed in stateless lexers");
-          }
-          if (options.error || options.fallback) {
-            if (errorRule) {
-              if (!options.fallback === !errorRule.fallback) {
-                throw new Error("Multiple " + (options.fallback ? "fallback" : "error") + " rules not allowed (for token '" + options.defaultType + "')");
-              } else {
-                throw new Error("fallback and error are mutually exclusive (for token '" + options.defaultType + "')");
-              }
-            }
-            errorRule = options;
-          }
-          var match = options.match.slice();
-          if (fastAllowed) {
-            while (match.length && typeof match[0] === "string" && match[0].length === 1) {
-              var word = match.shift();
-              fast[word.charCodeAt(0)] = options;
-            }
-          }
-          if (options.pop || options.push || options.next) {
-            if (!hasStates) {
-              throw new Error("State-switching options are not allowed in stateless lexers (for token '" + options.defaultType + "')");
-            }
-            if (options.fallback) {
-              throw new Error("State-switching options are not allowed on fallback tokens (for token '" + options.defaultType + "')");
-            }
-          }
-          if (match.length === 0) {
-            continue;
-          }
-          fastAllowed = false;
-          groups.push(options);
-          for (var j = 0; j < match.length; j++) {
-            var obj = match[j];
-            if (!isRegExp(obj)) {
-              continue;
-            }
-            if (unicodeFlag === null) {
-              unicodeFlag = obj.unicode;
-            } else if (unicodeFlag !== obj.unicode && options.fallback === false) {
-              throw new Error("If one rule is /u then all must be");
-            }
-          }
-          var pat = reUnion(match.map(regexpOrLiteral));
-          var regexp = new RegExp(pat);
-          if (regexp.test("")) {
-            throw new Error("RegExp matches empty string: " + regexp);
-          }
-          var groupCount = reGroups(pat);
-          if (groupCount > 0) {
-            throw new Error("RegExp has capture groups: " + regexp + "\nUse (?: \u2026 ) instead");
-          }
-          if (!options.lineBreaks && regexp.test("\n")) {
-            throw new Error("Rule should declare lineBreaks: " + regexp);
-          }
-          parts.push(reCapture(pat));
-        }
-        var fallbackRule = errorRule && errorRule.fallback;
-        var flags = hasSticky && !fallbackRule ? "ym" : "gm";
-        var suffix2 = hasSticky || fallbackRule ? "" : "|";
-        if (unicodeFlag === true) flags += "u";
-        var combined = new RegExp(reUnion(parts) + suffix2, flags);
-        return { regexp: combined, groups, fast, error: errorRule || defaultErrorRule };
-      }
-      function compile(rules) {
-        var result = compileRules(toRules(rules));
-        return new Lexer({ start: result }, "start");
-      }
-      function checkStateGroup(g, name, map) {
-        var state = g && (g.push || g.next);
-        if (state && !map[state]) {
-          throw new Error("Missing state '" + state + "' (in token '" + g.defaultType + "' of state '" + name + "')");
-        }
-        if (g && g.pop && +g.pop !== 1) {
-          throw new Error("pop must be 1 (in token '" + g.defaultType + "' of state '" + name + "')");
-        }
-      }
-      function compileStates(states, start) {
-        var all = states.$all ? toRules(states.$all) : [];
-        delete states.$all;
-        var keys = Object.getOwnPropertyNames(states);
-        if (!start) start = keys[0];
-        var ruleMap = /* @__PURE__ */ Object.create(null);
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-          ruleMap[key] = toRules(states[key]).concat(all);
-        }
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-          var rules = ruleMap[key];
-          var included = /* @__PURE__ */ Object.create(null);
-          for (var j = 0; j < rules.length; j++) {
-            var rule = rules[j];
-            if (!rule.include) continue;
-            var splice = [j, 1];
-            if (rule.include !== key && !included[rule.include]) {
-              included[rule.include] = true;
-              var newRules = ruleMap[rule.include];
-              if (!newRules) {
-                throw new Error("Cannot include nonexistent state '" + rule.include + "' (in state '" + key + "')");
-              }
-              for (var k = 0; k < newRules.length; k++) {
-                var newRule = newRules[k];
-                if (rules.indexOf(newRule) !== -1) continue;
-                splice.push(newRule);
-              }
-            }
-            rules.splice.apply(rules, splice);
-            j--;
-          }
-        }
-        var map = /* @__PURE__ */ Object.create(null);
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-          map[key] = compileRules(ruleMap[key], true);
-        }
-        for (var i = 0; i < keys.length; i++) {
-          var name = keys[i];
-          var state = map[name];
-          var groups = state.groups;
-          for (var j = 0; j < groups.length; j++) {
-            checkStateGroup(groups[j], name, map);
-          }
-          var fastKeys = Object.getOwnPropertyNames(state.fast);
-          for (var j = 0; j < fastKeys.length; j++) {
-            checkStateGroup(state.fast[fastKeys[j]], name, map);
-          }
-        }
-        return new Lexer(map, start);
-      }
-      function keywordTransform(map) {
-        var isMap = typeof Map !== "undefined";
-        var reverseMap = isMap ? /* @__PURE__ */ new Map() : /* @__PURE__ */ Object.create(null);
-        var types = Object.getOwnPropertyNames(map);
-        for (var i = 0; i < types.length; i++) {
-          var tokenType = types[i];
-          var item = map[tokenType];
-          var keywordList = Array.isArray(item) ? item : [item];
-          keywordList.forEach(function(keyword) {
-            if (typeof keyword !== "string") {
-              throw new Error("keyword must be string (in keyword '" + tokenType + "')");
-            }
-            if (isMap) {
-              reverseMap.set(keyword, tokenType);
-            } else {
-              reverseMap[keyword] = tokenType;
-            }
-          });
-        }
-        return function(k) {
-          return isMap ? reverseMap.get(k) : reverseMap[k];
-        };
-      }
-      var Lexer = function(states, state) {
-        this.startState = state;
-        this.states = states;
-        this.buffer = "";
-        this.stack = [];
-        this.reset();
-      };
-      Lexer.prototype.reset = function(data, info) {
-        this.buffer = data || "";
-        this.index = 0;
-        this.line = info ? info.line : 1;
-        this.col = info ? info.col : 1;
-        this.queuedToken = info ? info.queuedToken : null;
-        this.queuedText = info ? info.queuedText : "";
-        this.queuedThrow = info ? info.queuedThrow : null;
-        this.setState(info ? info.state : this.startState);
-        this.stack = info && info.stack ? info.stack.slice() : [];
-        return this;
-      };
-      Lexer.prototype.save = function() {
-        return {
-          line: this.line,
-          col: this.col,
-          state: this.state,
-          stack: this.stack.slice(),
-          queuedToken: this.queuedToken,
-          queuedText: this.queuedText,
-          queuedThrow: this.queuedThrow
-        };
-      };
-      Lexer.prototype.setState = function(state) {
-        if (!state || this.state === state) return;
-        this.state = state;
-        var info = this.states[state];
-        this.groups = info.groups;
-        this.error = info.error;
-        this.re = info.regexp;
-        this.fast = info.fast;
-      };
-      Lexer.prototype.popState = function() {
-        this.setState(this.stack.pop());
-      };
-      Lexer.prototype.pushState = function(state) {
-        this.stack.push(this.state);
-        this.setState(state);
-      };
-      var eat = hasSticky ? function(re, buffer) {
-        return re.exec(buffer);
-      } : function(re, buffer) {
-        var match = re.exec(buffer);
-        if (match[0].length === 0) {
-          return null;
-        }
-        return match;
-      };
-      Lexer.prototype._getGroup = function(match) {
-        var groupCount = this.groups.length;
-        for (var i = 0; i < groupCount; i++) {
-          if (match[i + 1] !== void 0) {
-            return this.groups[i];
-          }
-        }
-        throw new Error("Cannot find token type for matched text");
-      };
-      function tokenToString() {
-        return this.value;
-      }
-      Lexer.prototype.next = function() {
-        var index = this.index;
-        if (this.queuedGroup) {
-          var token = this._token(this.queuedGroup, this.queuedText, index);
-          this.queuedGroup = null;
-          this.queuedText = "";
-          return token;
-        }
-        var buffer = this.buffer;
-        if (index === buffer.length) {
-          return;
-        }
-        var group = this.fast[buffer.charCodeAt(index)];
-        if (group) {
-          return this._token(group, buffer.charAt(index), index);
-        }
-        var re = this.re;
-        re.lastIndex = index;
-        var match = eat(re, buffer);
-        var error = this.error;
-        if (match == null) {
-          return this._token(error, buffer.slice(index, buffer.length), index);
-        }
-        var group = this._getGroup(match);
-        var text = match[0];
-        if (error.fallback && match.index !== index) {
-          this.queuedGroup = group;
-          this.queuedText = text;
-          return this._token(error, buffer.slice(index, match.index), index);
-        }
-        return this._token(group, text, index);
-      };
-      Lexer.prototype._token = function(group, text, offset) {
-        var lineBreaks = 0;
-        if (group.lineBreaks) {
-          var matchNL = /\n/g;
-          var nl = 1;
-          if (text === "\n") {
-            lineBreaks = 1;
-          } else {
-            while (matchNL.exec(text)) {
-              lineBreaks++;
-              nl = matchNL.lastIndex;
-            }
-          }
-        }
-        var token = {
-          type: typeof group.type === "function" && group.type(text) || group.defaultType,
-          value: typeof group.value === "function" ? group.value(text) : text,
-          text,
-          toString: tokenToString,
-          offset,
-          lineBreaks,
-          line: this.line,
-          col: this.col
-        };
-        var size = text.length;
-        this.index += size;
-        this.line += lineBreaks;
-        if (lineBreaks !== 0) {
-          this.col = size - nl + 1;
-        } else {
-          this.col += size;
-        }
-        if (group.shouldThrow) {
-          var err = new Error(this.formatError(token, "invalid syntax"));
-          throw err;
-        }
-        if (group.pop) this.popState();
-        else if (group.push) this.pushState(group.push);
-        else if (group.next) this.setState(group.next);
-        return token;
-      };
-      if (typeof Symbol !== "undefined" && Symbol.iterator) {
-        var LexerIterator = function(lexer) {
-          this.lexer = lexer;
-        };
-        LexerIterator.prototype.next = function() {
-          var token = this.lexer.next();
-          return { value: token, done: !token };
-        };
-        LexerIterator.prototype[Symbol.iterator] = function() {
-          return this;
-        };
-        Lexer.prototype[Symbol.iterator] = function() {
-          return new LexerIterator(this);
-        };
-      }
-      Lexer.prototype.formatError = function(token, message) {
-        if (token == null) {
-          var text = this.buffer.slice(this.index);
-          var token = {
-            text,
-            offset: this.index,
-            lineBreaks: text.indexOf("\n") === -1 ? 0 : 1,
-            line: this.line,
-            col: this.col
-          };
-        }
-        var numLinesAround = 2;
-        var firstDisplayedLine = Math.max(token.line - numLinesAround, 1);
-        var lastDisplayedLine = token.line + numLinesAround;
-        var lastLineDigits = String(lastDisplayedLine).length;
-        var displayedLines = lastNLines(
-          this.buffer,
-          this.line - token.line + numLinesAround + 1
-        ).slice(0, 5);
-        var errorLines = [];
-        errorLines.push(message + " at line " + token.line + " col " + token.col + ":");
-        errorLines.push("");
-        for (var i = 0; i < displayedLines.length; i++) {
-          var line = displayedLines[i];
-          var lineNo = firstDisplayedLine + i;
-          errorLines.push(pad(String(lineNo), lastLineDigits) + "  " + line);
-          if (lineNo === token.line) {
-            errorLines.push(pad("", lastLineDigits + token.col + 1) + "^");
-          }
-        }
-        return errorLines.join("\n");
-      };
-      Lexer.prototype.clone = function() {
-        return new Lexer(this.states, this.state);
-      };
-      Lexer.prototype.has = function(tokenType) {
-        return true;
-      };
-      return {
-        compile,
-        states: compileStates,
-        error: Object.freeze({ error: true }),
-        fallback: Object.freeze({ fallback: true }),
-        keywords: keywordTransform
-      };
-    });
-  }
-});
-
-// node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/lexer.js
-var require_lexer = __commonJS({
-  "node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/lexer.js"(exports) {
-    "use strict";
-    var __importDefault = exports && exports.__importDefault || function(mod) {
-      return mod && mod.__esModule ? mod : { "default": mod };
-    };
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.lexer = exports.states = void 0;
-    var moo_1 = __importDefault(require_moo());
-    exports.states = {
-      body: {
-        doubleapos: { match: "''", value: () => "'" },
-        quoted: {
-          lineBreaks: true,
-          match: /'[{}#](?:[^']|'')*'(?!')/u,
-          value: (src) => src.slice(1, -1).replace(/''/g, "'")
-        },
-        argument: {
-          lineBreaks: true,
-          match: /\{\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
-          push: "arg",
-          value: (src) => src.substring(1).trim()
-        },
-        octothorpe: "#",
-        end: { match: "}", pop: 1 },
-        content: { lineBreaks: true, match: /[^][^{}#']*/u }
-      },
-      arg: {
-        select: {
-          lineBreaks: true,
-          match: /,\s*(?:plural|select|selectordinal)\s*,\s*/u,
-          next: "select",
-          value: (src) => src.split(",")[1].trim()
-        },
-        "func-args": {
-          lineBreaks: true,
-          match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*,/u,
-          next: "body",
-          value: (src) => src.split(",")[1].trim()
-        },
-        "func-simple": {
-          lineBreaks: true,
-          match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
-          value: (src) => src.substring(1).trim()
-        },
-        end: { match: "}", pop: 1 }
-      },
-      select: {
-        offset: {
-          lineBreaks: true,
-          match: /\s*offset\s*:\s*\d+\s*/u,
-          value: (src) => src.split(":")[1].trim()
-        },
-        case: {
-          lineBreaks: true,
-          match: /\s*(?:=\d+|[^\p{Pat_Syn}\p{Pat_WS}]+)\s*\{/u,
-          push: "body",
-          value: (src) => src.substring(0, src.indexOf("{")).trim()
-        },
-        end: { match: /\s*\}/u, pop: 1 }
-      }
-    };
-    exports.lexer = moo_1.default.states(exports.states);
-  }
-});
-
-// node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/parser.js
-var require_parser = __commonJS({
-  "node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/parser.js"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ParseError = void 0;
-    exports.parse = parse2;
-    var lexer_js_1 = require_lexer();
-    var getContext = (lt) => ({
-      offset: lt.offset,
-      line: lt.line,
-      col: lt.col,
-      text: lt.text,
-      lineBreaks: lt.lineBreaks
-    });
-    var isSelectType = (type) => type === "plural" || type === "select" || type === "selectordinal";
-    function strictArgStyleParam(lt, param) {
-      let value = "";
-      let text = "";
-      for (const p of param) {
-        const pText = p.ctx.text;
-        text += pText;
-        switch (p.type) {
-          case "content":
-            value += p.value;
-            break;
-          case "argument":
-          case "function":
-          case "octothorpe":
-            value += pText;
-            break;
-          default:
-            throw new ParseError(lt, `Unsupported part in strict mode function arg style: ${pText}`);
-        }
-      }
-      const c = {
-        type: "content",
-        value: value.trim(),
-        ctx: Object.assign({}, param[0].ctx, { text })
-      };
-      return [c];
-    }
-    var strictArgTypes = [
-      "number",
-      "date",
-      "time",
-      "spellout",
-      "ordinal",
-      "duration"
-    ];
-    var defaultPluralKeys = ["zero", "one", "two", "few", "many", "other"];
-    var ParseError = class extends Error {
-      /** @internal */
-      constructor(lt, msg) {
-        super(lexer_js_1.lexer.formatError(lt, msg));
-      }
-    };
-    exports.ParseError = ParseError;
-    var Parser = class {
-      constructor(src, opt) {
-        var _a, _b, _c, _d;
-        this.lexer = lexer_js_1.lexer.reset(src);
-        this.cardinalKeys = (_a = opt === null || opt === void 0 ? void 0 : opt.cardinal) !== null && _a !== void 0 ? _a : defaultPluralKeys;
-        this.ordinalKeys = (_b = opt === null || opt === void 0 ? void 0 : opt.ordinal) !== null && _b !== void 0 ? _b : defaultPluralKeys;
-        this.strict = (_c = opt === null || opt === void 0 ? void 0 : opt.strict) !== null && _c !== void 0 ? _c : false;
-        this.strictPluralKeys = (_d = opt === null || opt === void 0 ? void 0 : opt.strictPluralKeys) !== null && _d !== void 0 ? _d : true;
-      }
-      parse() {
-        return this.parseBody(false, true);
-      }
-      checkSelectKey(lt, type, key) {
-        if (key[0] === "=") {
-          if (type === "select") {
-            throw new ParseError(lt, `The case ${key} is not valid with select`);
-          }
-        } else if (type !== "select") {
-          const keys = type === "plural" ? this.cardinalKeys : this.ordinalKeys;
-          if (this.strictPluralKeys && keys.length > 0 && !keys.includes(key)) {
-            const msg = `The ${type} case ${key} is not valid in this locale`;
-            throw new ParseError(lt, msg);
-          }
-        }
-      }
-      parseSelect({ value: arg }, inPlural, ctx, type) {
-        const sel = { type, arg, cases: [], ctx };
-        if (type === "plural" || type === "selectordinal")
-          inPlural = true;
-        else if (this.strict)
-          inPlural = false;
-        for (const lt of this.lexer) {
-          switch (lt.type) {
-            case "offset":
-              if (type === "select") {
-                throw new ParseError(lt, "Unexpected plural offset for select");
-              }
-              if (sel.cases.length > 0) {
-                throw new ParseError(lt, "Plural offset must be set before cases");
-              }
-              sel.pluralOffset = Number(lt.value);
-              ctx.text += lt.text;
-              ctx.lineBreaks += lt.lineBreaks;
-              break;
-            case "case": {
-              this.checkSelectKey(lt, type, lt.value);
-              sel.cases.push({
-                key: lt.value,
-                tokens: this.parseBody(inPlural),
-                ctx: getContext(lt)
-              });
-              break;
-            }
-            case "end":
-              return sel;
-            default:
-              throw new ParseError(lt, `Unexpected lexer token: ${lt.type}`);
-          }
-        }
-        throw new ParseError(null, "Unexpected message end");
-      }
-      parseArgToken(lt, inPlural) {
-        const ctx = getContext(lt);
-        const argType = this.lexer.next();
-        if (!argType)
-          throw new ParseError(null, "Unexpected message end");
-        ctx.text += argType.text;
-        ctx.lineBreaks += argType.lineBreaks;
-        if (this.strict && (argType.type === "func-simple" || argType.type === "func-args") && !strictArgTypes.includes(argType.value)) {
-          const msg = `Invalid strict mode function arg type: ${argType.value}`;
-          throw new ParseError(lt, msg);
-        }
-        switch (argType.type) {
-          case "end":
-            return { type: "argument", arg: lt.value, ctx };
-          case "func-simple": {
-            const end = this.lexer.next();
-            if (!end)
-              throw new ParseError(null, "Unexpected message end");
-            if (end.type !== "end") {
-              throw new ParseError(end, `Unexpected lexer token: ${end.type}`);
-            }
-            ctx.text += end.text;
-            if (isSelectType(argType.value.toLowerCase())) {
-              throw new ParseError(argType, `Invalid type identifier: ${argType.value}`);
-            }
-            return {
-              type: "function",
-              arg: lt.value,
-              key: argType.value,
-              ctx
-            };
-          }
-          case "func-args": {
-            if (isSelectType(argType.value.toLowerCase())) {
-              const msg = `Invalid type identifier: ${argType.value}`;
-              throw new ParseError(argType, msg);
-            }
-            let param = this.parseBody(this.strict ? false : inPlural);
-            if (this.strict && param.length > 0) {
-              param = strictArgStyleParam(lt, param);
-            }
-            return {
-              type: "function",
-              arg: lt.value,
-              key: argType.value,
-              param,
-              ctx
-            };
-          }
-          case "select":
-            if (isSelectType(argType.value)) {
-              return this.parseSelect(lt, inPlural, ctx, argType.value);
-            } else {
-              throw new ParseError(argType, `Unexpected select type ${argType.value}`);
-            }
-          default:
-            throw new ParseError(argType, `Unexpected lexer token: ${argType.type}`);
-        }
-      }
-      parseBody(inPlural, atRoot) {
-        const tokens = [];
-        let content = null;
-        for (const lt of this.lexer) {
-          if (lt.type === "argument") {
-            if (content)
-              content = null;
-            tokens.push(this.parseArgToken(lt, inPlural));
-          } else if (lt.type === "octothorpe" && inPlural) {
-            if (content)
-              content = null;
-            tokens.push({ type: "octothorpe", ctx: getContext(lt) });
-          } else if (lt.type === "end" && !atRoot) {
-            return tokens;
-          } else {
-            let value = lt.value;
-            if (!inPlural && lt.type === "quoted" && value[0] === "#") {
-              if (value.includes("{")) {
-                const errMsg = `Unsupported escape pattern: ${value}`;
-                throw new ParseError(lt, errMsg);
-              }
-              value = lt.text;
-            }
-            if (content) {
-              content.value += value;
-              content.ctx.text += lt.text;
-              content.ctx.lineBreaks += lt.lineBreaks;
-            } else {
-              content = { type: "content", value, ctx: getContext(lt) };
-              tokens.push(content);
-            }
-          }
-        }
-        if (atRoot)
-          return tokens;
-        throw new ParseError(null, "Unexpected message end");
-      }
-    };
-    function parse2(src, options = {}) {
-      const parser = new Parser(src, options);
-      return parser.parse();
-    }
-  }
-});
-
-// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/close-16.js
-import { LitElement } from "lit";
-import { unsafeStatic, html } from "lit/static-html.js";
-
-// node_modules/.pnpm/@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-macros@3.1.0_typescri_qfhfd5z2jpd4amxt2golzdalsi/node_modules/@lingui/core/dist/index.mjs
-var import_unraw = __toESM(require_dist(), 1);
-
-// node_modules/.pnpm/@lingui+message-utils@5.2.0/node_modules/@lingui/message-utils/dist/compileMessage.mjs
-var import_parser = __toESM(require_parser(), 1);
-var DateFormatError = class extends Error {
-  /** @internal */
-  constructor(msg, token, type) {
-    super(msg);
-    this.token = token;
-    this.type = type || "error";
-  }
-};
-var alpha = (width) => width < 4 ? "short" : width === 4 ? "long" : "narrow";
-var numeric = (width) => width % 2 === 0 ? "2-digit" : "numeric";
-function yearOptions(token, onError) {
-  switch (token.char) {
-    case "y":
-      return { year: numeric(token.width) };
-    case "r":
-      return { calendar: "gregory", year: "numeric" };
-    case "u":
-    case "U":
-    case "Y":
-    default:
-      onError(`${token.desc} is not supported; falling back to year:numeric`, DateFormatError.WARNING);
-      return { year: "numeric" };
-  }
-}
-function monthStyle(token, onError) {
-  switch (token.width) {
-    case 1:
-      return "numeric";
-    case 2:
-      return "2-digit";
-    case 3:
-      return "short";
-    case 4:
-      return "long";
-    case 5:
-      return "narrow";
-    default:
-      onError(`${token.desc} is not supported with width ${token.width}`);
-      return void 0;
+var Cr=Object.create;var ne=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var zr=Object.getOwnPropertyNames;var Mr=Object.getPrototypeOf,Or=Object.prototype.hasOwnProperty;var ze=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Lr=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of zr(e))!Or.call(o,a)&&a!==r&&ne(o,a,{get:()=>e[a],enumerable:!(t=Ce(e,a))||t.enumerable});return o};var Nr=(o,e,r)=>(r=o!=null?Cr(Mr(o)):{},Lr(e||!o||!o.__esModule?ne(r,"default",{value:o,enumerable:!0}):r,o));var E=(o,e,r,t)=>{for(var a=t>1?void 0:t?Ce(e,r):e,s=o.length-1,i;s>=0;s--)(i=o[s])&&(a=(t?i(e,r,a):i(a))||a);return t&&a&&ne(e,r,a),a};var ar=ze(N=>{"use strict";Object.defineProperty(N,"__esModule",{value:!0});N.errorMessages=N.ErrorType=void 0;var j;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(j=N.ErrorType||(N.ErrorType={}));N.errorMessages=new Map([[j.MalformedUnicode,"malformed Unicode character escape sequence"],[j.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[j.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[j.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[j.EndOfString,"malformed escape sequence at end of string"]])});var nr=ze(y=>{"use strict";Object.defineProperty(y,"__esModule",{value:!0});y.unraw=y.errorMessages=y.ErrorType=void 0;var b=ar();Object.defineProperty(y,"ErrorType",{enumerable:!0,get:function(){return b.ErrorType}});Object.defineProperty(y,"errorMessages",{enumerable:!0,get:function(){return b.errorMessages}});function Br(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function ee(o,e,r){let t=Br(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(b.errorMessages.get(e));return t}function Zr(o){let e=ee(o,b.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ir(o,e){let r=ee(o,b.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=ee(e,b.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Xr(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Jr(o){if(!Xr(o))throw new SyntaxError(b.errorMessages.get(b.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=ee(e,b.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(b.errorMessages.get(b.ErrorType.CodePointLimit)):t}}function Vr(o,e=!1){if(e)throw new SyntaxError(b.errorMessages.get(b.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var Kr=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Gr(o){return Kr.get(o)||o}var Wr=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function sr(o,e=!1){return o.replace(Wr,function(r,t,a,s,i,l,n,c,d){if(t!==void 0)return"\\";if(a!==void 0)return Zr(a);if(s!==void 0)return Jr(s);if(i!==void 0)return ir(i,l);if(n!==void 0)return ir(n);if(c==="0")return"\0";if(c!==void 0)return Vr(c,!e);if(d!==void 0)return Gr(d);throw new SyntaxError(b.errorMessages.get(b.ErrorType.EndOfString))})}y.unraw=sr;y.default=sr});var K=globalThis,G=K.ShadowRoot&&(K.ShadyCSS===void 0||K.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,le=Symbol(),Me=new WeakMap,H=class{constructor(e,r,t){if(this._$cssResult$=!0,t!==le)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=r}get styleSheet(){let e=this.o,r=this.t;if(G&&e===void 0){let t=r!==void 0&&r.length===1;t&&(e=Me.get(r)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&Me.set(r,e))}return e}toString(){return this.cssText}},Oe=o=>new H(typeof o=="string"?o:o+"",void 0,le),T=(o,...e)=>{let r=o.length===1?o[0]:e.reduce((t,a,s)=>t+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(a)+o[s+1],o[0]);return new H(r,o,le)},Le=(o,e)=>{if(G)o.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet);else for(let r of e){let t=document.createElement("style"),a=K.litNonce;a!==void 0&&t.setAttribute("nonce",a),t.textContent=r.cssText,o.appendChild(t)}},ce=G?o=>o:o=>o instanceof CSSStyleSheet?(e=>{let r="";for(let t of e.cssRules)r+=t.cssText;return Oe(r)})(o):o;var{is:Pr,defineProperty:Tr,getOwnPropertyDescriptor:Ur,getOwnPropertyNames:Rr,getOwnPropertySymbols:jr,getPrototypeOf:Hr}=Object,k=globalThis,Ne=k.trustedTypes,Dr=Ne?Ne.emptyScript:"",de=k.reactiveElementPolyfillSupport,D=(o,e)=>o,F={toAttribute(o,e){switch(e){case Boolean:o=o?Dr:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,e){let r=o;switch(e){case Boolean:r=o!==null;break;case Number:r=o===null?null:Number(o);break;case Object:case Array:try{r=JSON.parse(o)}catch(t){r=null}}return r}},W=(o,e)=>!Pr(o,e),Pe={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:W},Te,Ue;(Te=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(Ue=k.litPropertyMetadata)!=null||(k.litPropertyMetadata=new WeakMap);var x=class extends HTMLElement{static addInitializer(e){var r;this._$Ei(),((r=this.l)!=null?r:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,r=Pe){if(r.state&&(r.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((r=Object.create(r)).wrapped=!0),this.elementProperties.set(e,r),!r.noAccessor){let t=Symbol(),a=this.getPropertyDescriptor(e,t,r);a!==void 0&&Tr(this.prototype,e,a)}}static getPropertyDescriptor(e,r,t){var i;let{get:a,set:s}=(i=Ur(this.prototype,e))!=null?i:{get(){return this[r]},set(l){this[r]=l}};return{get:a,set(l){let n=a==null?void 0:a.call(this);s==null||s.call(this,l),this.requestUpdate(e,n,t)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var r;return(r=this.elementProperties.get(e))!=null?r:Pe}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;let e=Hr(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){let r=this.properties,t=[...Rr(r),...jr(r)];for(let a of t)this.createProperty(a,r[a])}let e=this[Symbol.metadata];if(e!==null){let r=litPropertyMetadata.get(e);if(r!==void 0)for(let[t,a]of r)this.elementProperties.set(t,a)}this._$Eh=new Map;for(let[r,t]of this.elementProperties){let a=this._$Eu(r,t);a!==void 0&&this._$Eh.set(a,r)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let r=[];if(Array.isArray(e)){let t=new Set(e.flat(1/0).reverse());for(let a of t)r.unshift(ce(a))}else e!==void 0&&r.push(ce(e));return r}static _$Eu(e,r){let t=r.attribute;return t===!1?void 0:typeof t=="string"?t:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(r=>r(this))}addController(e){var r,t;((r=this._$EO)!=null?r:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var r;(r=this._$EO)==null||r.delete(e)}_$E_(){let e=new Map,r=this.constructor.elementProperties;for(let t of r.keys())this.hasOwnProperty(t)&&(e.set(t,this[t]),delete this[t]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var r;let e=(r=this.shadowRoot)!=null?r:this.attachShadow(this.constructor.shadowRootOptions);return Le(e,this.constructor.elementStyles),e}connectedCallback(){var e,r;(e=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(r=this._$EO)==null||r.forEach(t=>{var a;return(a=t.hostConnected)==null?void 0:a.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(r=>{var t;return(t=r.hostDisconnected)==null?void 0:t.call(r)})}attributeChangedCallback(e,r,t){this._$AK(e,t)}_$ET(e,r){var s;let t=this.constructor.elementProperties.get(e),a=this.constructor._$Eu(e,t);if(a!==void 0&&t.reflect===!0){let i=(((s=t.converter)==null?void 0:s.toAttribute)!==void 0?t.converter:F).toAttribute(r,t.type);this._$Em=e,i==null?this.removeAttribute(a):this.setAttribute(a,i),this._$Em=null}}_$AK(e,r){var s,i,l;let t=this.constructor,a=t._$Eh.get(e);if(a!==void 0&&this._$Em!==a){let n=t.getPropertyOptions(a),c=typeof n.converter=="function"?{fromAttribute:n.converter}:((s=n.converter)==null?void 0:s.fromAttribute)!==void 0?n.converter:F;this._$Em=a;let d=c.fromAttribute(r,n.type);this[a]=(l=d!=null?d:(i=this._$Ej)==null?void 0:i.get(a))!=null?l:d,this._$Em=null}}requestUpdate(e,r,t){var a,s;if(e!==void 0){let i=this.constructor,l=this[e];if(t!=null||(t=i.getPropertyOptions(e)),!(((a=t.hasChanged)!=null?a:W)(l,r)||t.useDefault&&t.reflect&&l===((s=this._$Ej)==null?void 0:s.get(e))&&!this.hasAttribute(i._$Eu(e,t))))return;this.C(e,r,t)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,r,{useDefault:t,reflect:a,wrapped:s},i){var l,n,c;t&&!((l=this._$Ej)!=null?l:this._$Ej=new Map).has(e)&&(this._$Ej.set(e,(n=i!=null?i:r)!=null?n:this[e]),s!==!0||i!==void 0)||(this._$AL.has(e)||(this.hasUpdated||t||(r=void 0),this._$AL.set(e,r)),a===!0&&this._$Em!==e&&((c=this._$Eq)!=null?c:this._$Eq=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(r){Promise.reject(r)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t,a;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[i,l]of this._$Ep)this[i]=l;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[i,l]of s){let{wrapped:n}=l,c=this[i];n!==!0||this._$AL.has(i)||c===void 0||this.C(i,void 0,l,c)}}let e=!1,r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),(a=this._$EO)==null||a.forEach(s=>{var i;return(i=s.hostUpdate)==null?void 0:i.call(s)}),this.update(r)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(r)}willUpdate(e){}_$AE(e){var r;(r=this._$EO)==null||r.forEach(t=>{var a;return(a=t.hostUpdated)==null?void 0:a.call(t)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(r=>this._$ET(r,this[r]))),this._$EM()}updated(e){}firstUpdated(e){}},Re;x.elementStyles=[],x.shadowRootOptions={mode:"open"},x[D("elementProperties")]=new Map,x[D("finalized")]=new Map,de==null||de({ReactiveElement:x}),((Re=k.reactiveElementVersions)!=null?Re:k.reactiveElementVersions=[]).push("2.1.1");var q=globalThis,Q=q.trustedTypes,je=Q?Q.createPolicy("lit-html",{createHTML:o=>o}):void 0,Be="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,Ze="?"+_,Fr=`<${Ze}>`,M=document,Y=()=>M.createComment(""),B=o=>o===null||typeof o!="object"&&typeof o!="function",ve=Array.isArray,Ir=o=>ve(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",pe=`[ 	
+\f\r]`,I=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,He=/-->/g,De=/>/g,C=RegExp(`>|${pe}(?:([^\\s"'>=/]+)(${pe}*=${pe}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Fe=/'/g,Ie=/"/g,Xe=/^(?:script|style|textarea|title)$/i,we=o=>(e,...r)=>({_$litType$:o,strings:e,values:r}),J=we(1),Je=we(2),Ve=we(3),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),qe=new WeakMap,z=M.createTreeWalker(M,129);function Ke(o,e){if(!ve(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return je!==void 0?je.createHTML(e):e}var qr=(o,e)=>{let r=o.length-1,t=[],a,s=e===2?"<svg>":e===3?"<math>":"",i=I;for(let l=0;l<r;l++){let n=o[l],c,d,p=-1,m=0;for(;m<n.length&&(i.lastIndex=m,d=i.exec(n),d!==null);)m=i.lastIndex,i===I?d[1]==="!--"?i=He:d[1]!==void 0?i=De:d[2]!==void 0?(Xe.test(d[2])&&(a=RegExp("</"+d[2],"g")),i=C):d[3]!==void 0&&(i=C):i===C?d[0]===">"?(i=a!=null?a:I,p=-1):d[1]===void 0?p=-2:(p=i.lastIndex-d[2].length,c=d[1],i=d[3]===void 0?C:d[3]==='"'?Ie:Fe):i===Ie||i===Fe?i=C:i===He||i===De?i=I:(i=C,a=void 0);let u=i===C&&o[l+1].startsWith("/>")?" ":"";s+=i===I?n+Fr:p>=0?(t.push(c),n.slice(0,p)+Be+n.slice(p)+_+u):n+_+(p===-2?l:u)}return[Ke(o,s+(o[r]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),t]},Z=class o{constructor({strings:e,_$litType$:r},t){let a;this.parts=[];let s=0,i=0,l=e.length-1,n=this.parts,[c,d]=qr(e,r);if(this.el=o.createElement(c,t),z.currentNode=this.el.content,r===2||r===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(a=z.nextNode())!==null&&n.length<l;){if(a.nodeType===1){if(a.hasAttributes())for(let p of a.getAttributeNames())if(p.endsWith(Be)){let m=d[i++],u=a.getAttribute(p).split(_),S=/([.?@])?(.*)/.exec(m);n.push({type:1,index:s,name:S[2],strings:u,ctor:S[1]==="."?be:S[1]==="?"?ge:S[1]==="@"?me:R}),a.removeAttribute(p)}else p.startsWith(_)&&(n.push({type:6,index:s}),a.removeAttribute(p));if(Xe.test(a.tagName)){let p=a.textContent.split(_),m=p.length-1;if(m>0){a.textContent=Q?Q.emptyScript:"";for(let u=0;u<m;u++)a.append(p[u],Y()),z.nextNode(),n.push({type:2,index:++s});a.append(p[m],Y())}}}else if(a.nodeType===8)if(a.data===Ze)n.push({type:2,index:s});else{let p=-1;for(;(p=a.data.indexOf(_,p+1))!==-1;)n.push({type:7,index:s}),p+=_.length-1}s++}}static createElement(e,r){let t=M.createElement("template");return t.innerHTML=e,t}};function U(o,e,r=o,t){var i,l,n;if(e===O)return e;let a=t!==void 0?(i=r._$Co)==null?void 0:i[t]:r._$Cl,s=B(e)?void 0:e._$litDirective$;return(a==null?void 0:a.constructor)!==s&&((l=a==null?void 0:a._$AO)==null||l.call(a,!1),s===void 0?a=void 0:(a=new s(o),a._$AT(o,r,t)),t!==void 0?((n=r._$Co)!=null?n:r._$Co=[])[t]=a:r._$Cl=a),a!==void 0&&(e=U(o,a._$AS(o,e.values),a,t)),e}var ue=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var c;let{el:{content:r},parts:t}=this._$AD,a=((c=e==null?void 0:e.creationScope)!=null?c:M).importNode(r,!0);z.currentNode=a;let s=z.nextNode(),i=0,l=0,n=t[0];for(;n!==void 0;){if(i===n.index){let d;n.type===2?d=new X(s,s.nextSibling,this,e):n.type===1?d=new n.ctor(s,n.name,n.strings,this,e):n.type===6&&(d=new fe(s,this,e)),this._$AV.push(d),n=t[++l]}i!==(n==null?void 0:n.index)&&(s=z.nextNode(),i++)}return z.currentNode=M,a}p(e){let r=0;for(let t of this._$AV)t!==void 0&&(t.strings!==void 0?(t._$AI(e,t,r),r+=t.strings.length-2):t._$AI(e[r])),r++}},X=class o{get _$AU(){var e,r;return(r=(e=this._$AM)==null?void 0:e._$AU)!=null?r:this._$Cv}constructor(e,r,t,a){var s;this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=t,this.options=a,this._$Cv=(s=a==null?void 0:a.isConnected)!=null?s:!0}get parentNode(){let e=this._$AA.parentNode,r=this._$AM;return r!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=U(this,e,r),B(e)?e===h||e==null||e===""?(this._$AH!==h&&this._$AR(),this._$AH=h):e!==this._$AH&&e!==O&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Ir(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==h&&B(this._$AH)?this._$AA.nextSibling.data=e:this.T(M.createTextNode(e)),this._$AH=e}$(e){var s;let{values:r,_$litType$:t}=e,a=typeof t=="number"?this._$AC(e):(t.el===void 0&&(t.el=Z.createElement(Ke(t.h,t.h[0]),this.options)),t);if(((s=this._$AH)==null?void 0:s._$AD)===a)this._$AH.p(r);else{let i=new ue(a,this),l=i.u(this.options);i.p(r),this.T(l),this._$AH=i}}_$AC(e){let r=qe.get(e.strings);return r===void 0&&qe.set(e.strings,r=new Z(e)),r}k(e){ve(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,t,a=0;for(let s of e)a===r.length?r.push(t=new o(this.O(Y()),this.O(Y()),this,this.options)):t=r[a],t._$AI(s),a++;a<r.length&&(this._$AR(t&&t._$AB.nextSibling,a),r.length=a)}_$AR(e=this._$AA.nextSibling,r){var t;for((t=this._$AP)==null?void 0:t.call(this,!1,!0,r);e!==this._$AB;){let a=e.nextSibling;e.remove(),e=a}}setConnected(e){var r;this._$AM===void 0&&(this._$Cv=e,(r=this._$AP)==null||r.call(this,e))}},R=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,r,t,a,s){this.type=1,this._$AH=h,this._$AN=void 0,this.element=e,this.name=r,this._$AM=a,this.options=s,t.length>2||t[0]!==""||t[1]!==""?(this._$AH=Array(t.length-1).fill(new String),this.strings=t):this._$AH=h}_$AI(e,r=this,t,a){let s=this.strings,i=!1;if(s===void 0)e=U(this,e,r,0),i=!B(e)||e!==this._$AH&&e!==O,i&&(this._$AH=e);else{let l=e,n,c;for(e=s[0],n=0;n<s.length-1;n++)c=U(this,l[t+n],r,n),c===O&&(c=this._$AH[n]),i||(i=!B(c)||c!==this._$AH[n]),c===h?e=h:e!==h&&(e+=(c!=null?c:"")+s[n+1]),this._$AH[n]=c}i&&!a&&this.j(e)}j(e){e===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}},be=class extends R{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===h?void 0:e}},ge=class extends R{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==h)}},me=class extends R{constructor(e,r,t,a,s){super(e,r,t,a,s),this.type=5}_$AI(e,r=this){var i;if((e=(i=U(this,e,r,0))!=null?i:h)===O)return;let t=this._$AH,a=e===h&&t!==h||e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive,s=e!==h&&(t===h||a);a&&this.element.removeEventListener(this.name,this,t),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var r,t;typeof this._$AH=="function"?this._$AH.call((t=(r=this.options)==null?void 0:r.host)!=null?t:this.element,e):this._$AH.handleEvent(e)}},fe=class{constructor(e,r,t){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=t}get _$AU(){return this._$AM._$AU}_$AI(e){U(this,e)}};var he=q.litHtmlPolyfillSupport,Ye;he==null||he(Z,X),((Ye=q.litHtmlVersions)!=null?Ye:q.litHtmlVersions=[]).push("3.3.1");var Ge=(o,e,r)=>{var s,i;let t=(s=r==null?void 0:r.renderBefore)!=null?s:e,a=t._$litPart$;if(a===void 0){let l=(i=r==null?void 0:r.renderBefore)!=null?i:null;t._$litPart$=a=new X(e.insertBefore(Y(),l),l,void 0,r!=null?r:{})}return a._$AI(o),a};var L=globalThis,v=class extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var r,t;let e=super.createRenderRoot();return(t=(r=this.renderOptions).renderBefore)!=null||(r.renderBefore=e.firstChild),e}update(e){let r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ge(r,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return O}},We;v._$litElement$=!0,v.finalized=!0,(We=L.litElementHydrateSupport)==null||We.call(L,{LitElement:v});var xe=L.litElementPolyfillSupport;xe==null||xe({LitElement:v});var Qe;((Qe=L.litElementVersions)!=null?Qe:L.litElementVersions=[]).push("4.2.1");var rr=Symbol.for(""),Yr=o=>{if((o==null?void 0:o.r)===rr)return o==null?void 0:o._$litStatic$},tr=o=>({_$litStatic$:o,r:rr});var er=new Map,ye=o=>(e,...r)=>{let t=r.length,a,s,i=[],l=[],n,c=0,d=!1;for(;c<t;){for(n=e[c];c<t&&(s=r[c],(a=Yr(s))!==void 0);)n+=a+e[++c],d=!0;c!==t&&l.push(s),i.push(n),c++}if(c===t&&i.push(e[t]),d){let p=i.join("$$lit$$");(e=er.get(p))===void 0&&(i.raw=i,er.set(p,e=i)),r=l}return o(e,...r)},or=ye(J),qt=ye(Je),Yt=ye(Ve);var dr=Nr(nr(),1);var $=o=>typeof o=="string",Qr=o=>typeof o=="function",lr=new Map,pr="en";function Ae(o){return[...Array.isArray(o)?o:[o],pr]}function Se(o,e,r){let t=Ae(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return re(()=>te("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format($(e)?new Date(e):e)}function et(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return Se(o,e,t)}function ke(o,e,r){let t=Ae(o);return re(()=>te("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function cr(o,e,r,{offset:t=0,...a}){var l,n;let s=Ae(o),i=e?re(()=>te("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):re(()=>te("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(n=(l=a[r])!=null?l:a[i.select(r-t)])!=null?n:a.other}function re(o,e){let r=o(),t=lr.get(r);return t||(t=e(),lr.set(r,t)),t}function te(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var hr=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ur="%__lingui_octothorpe__%",rt=(o,e,r={})=>{let t=e||o,a=i=>typeof i=="object"?i:r[i],s=(i,l)=>{let n=Object.keys(r).length?a("number"):void 0,c=ke(t,i,n);return l.replace(new RegExp(ur,"g"),c)};return{plural:(i,l)=>{let{offset:n=0}=l,c=cr(t,!1,i,l);return s(i-n,c)},selectordinal:(i,l)=>{let{offset:n=0}=l,c=cr(t,!0,i,l);return s(i-n,c)},select:tt,number:(i,l)=>ke(t,i,a(l)||{style:l}),date:(i,l)=>Se(t,i,a(l)||l),time:(i,l)=>et(t,i,a(l)||l)}},tt=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function ot(o,e,r){return(t={},a)=>{let s=rt(e,r,a),i=(n,c=!1)=>Array.isArray(n)?n.reduce((d,p)=>{if(p==="#"&&c)return d+ur;if($(p))return d+p;let[m,u,S]=p,ie={};u==="plural"||u==="selectordinal"||u==="select"?Object.entries(S).forEach(([se,Er])=>{ie[se]=i(Er,u==="plural"||u==="selectordinal")}):ie=S;let V;if(u){let se=s[u];V=se(t[m],ie)}else V=t[m];return V==null?d:d+V},""):n,l=i(o);return $(l)&&hr.test(l)?(0,dr.unraw)(l):$(l)?l:l?String(l):""}}var at=Object.defineProperty,it=(o,e,r)=>e in o?at(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,st=(o,e,r)=>(it(o,typeof e!="symbol"?e+"":e,r),r),_e=class{constructor(){st(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},nt=Object.defineProperty,lt=(o,e,r)=>e in o?nt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,P=(o,e,r)=>(lt(o,typeof e!="symbol"?e+"":e,r),r),$e=class extends _e{constructor(e){var r;super(),P(this,"_locale",""),P(this,"_locales"),P(this,"_localeData",{}),P(this,"_messages",{}),P(this,"_missing"),P(this,"_messageCompiler"),P(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:pr,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),$(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,l=this._missing;if(l&&i)return Qr(l)?l(this._locale,e):l;i&&this.emit("missing",{id:e,locale:this._locale});let n=s||a||e;return $(n)&&(this._messageCompiler?n=this._messageCompiler(n):console.warn(`Uncompiled message detected! Message:
+
+> ${n}
+
+That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
+ICU features such as interpolation and plurals will not work properly for that message. 
+
+Please compile your catalog first. 
+`)),$(n)&&hr.test(n)?JSON.parse(`"${n}"`):$(n)?n:ot(n,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return Se(this._locales||this._locale,e,r)}number(e,r){return ke(this._locales||this._locale,e,r)}};function ct(o={}){return new $e(o)}var f=ct();var dt=JSON.parse('{"icon.title.close":["Kryss"]}'),pt=JSON.parse('{"icon.title.close":["Cross"]}'),ht=JSON.parse('{"icon.title.close":["Rasti"]}'),ut=JSON.parse('{"icon.title.close":["Kryds"]}'),bt=JSON.parse('{"icon.title.close":["Kryss"]}'),br=["en","nb","fi","da","sv"],gr="en",gt=()=>{var o;let e;switch((o=process==null?void 0:process.env)==null?void 0:o.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},mr=()=>{var o;let e=(o=document==null?void 0:document.location)==null?void 0:o.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":gr},Ee=o=>br.find(e=>o===e||o.toLowerCase().includes(e))||mr();function mt(){var o;if(typeof window=="undefined"){let e=gt();return Ee(e)}try{let e=(o=document==null?void 0:document.documentElement)==null?void 0:o.lang,r=mr();return br.includes(e)?Ee(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Ee(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),gr}}var ft=(o,e,r,t,a,s)=>o==="nb"?r:o==="fi"?t:o==="da"?a:o==="sv"?s:e,vt=(o,e,r,t,a)=>{let s=mt(),i=ft(s,o,e,r,t,a);f.load(s,i),f.activate(s)};vt(pt,dt,ht,ut,bt);var wt=class extends v{render(){let o=f.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return or`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${tr(`<title>${o}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",wt);var oe=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?oe.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var xt={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:W},yt=(o=xt,e,r)=>{let{kind:t,metadata:a}=r,s=globalThis.litPropertyMetadata.get(a);if(s===void 0&&globalThis.litPropertyMetadata.set(a,s=new Map),t==="setter"&&((o=Object.create(o)).wrapped=!0),s.set(r.name,o),t==="accessor"){let{name:i}=r;return{set(l){let n=e.get.call(this);e.set.call(this,l),this.requestUpdate(i,n,o)},init(l){return l!==void 0&&this.C(i,void 0,o,l),l}}}if(t==="setter"){let{name:i}=r;return function(l){let n=this[i];e.call(this,l),this.requestUpdate(i,n,o)}}throw Error("Unsupported decorator location: "+t)};function A(o){return(e,r)=>typeof r=="object"?yt(o,e,r):((t,a,s)=>{let i=a.hasOwnProperty(s);return a.constructor.createProperty(s,t),i?Object.getOwnPropertyDescriptor(a,s):void 0})(o,e,r)}var kt=["en","nb","fi","da","sv"],vr="en",fr=o=>kt.find(e=>o===e||o.toLowerCase().includes(e))||vr;function _t(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return fr(o)}try{let o=document.documentElement.lang;return fr(o)}catch(o){return console.warn("could not detect locale, falling back to source locale",o),vr}}var $t=(o,e,r,t,a,s)=>o==="nb"?r:o==="fi"?t:o==="da"?a:o==="sv"?s:e,wr=(o,e,r,t,a)=>{let s=_t(),i=$t(s,o,e,r,t,a);f.load(s,i),f.activate(s)};var xr=T`
+  *,
+  :before,
+  :after {
+    box-sizing: border-box;
+    border-style: solid;
+    border-width: 0;
+    border-color: var(--w-s-color-border);
   }
-}
-function dayStyle(token, onError) {
-  const { char, desc, width } = token;
-  if (char === "d") {
-    return numeric(width);
-  } else {
-    onError(`${desc} is not supported`);
-    return void 0;
+  html {
+    font-size: 62.5%;
   }
-}
-function weekdayStyle(token, onError) {
-  const { char, desc, width } = token;
-  if ((char === "c" || char === "e") && width < 3) {
-    const msg = `Numeric value is not supported for ${desc}; falling back to weekday:short`;
-    onError(msg, DateFormatError.WARNING);
+  body {
+    background-color: var(--w-s-color-background);
+    min-height: 100%;
+    margin: 0;
+    overflow-y: scroll;
   }
-  return alpha(width);
-}
-function hourOptions(token) {
-  const hour = numeric(token.width);
-  let hourCycle;
-  switch (token.char) {
-    case "h":
-      hourCycle = "h12";
-      break;
-    case "H":
-      hourCycle = "h23";
-      break;
-    case "k":
-      hourCycle = "h24";
-      break;
-    case "K":
-      hourCycle = "h11";
-      break;
+  body,
+  :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    -webkit-tap-highlight-color: transparent;
+    font-family: var(--w-font-family);
+    font-size: var(--w-font-size-m);
+    line-height: var(--w-line-height-m);
+    color: var(--w-s-color-text);
   }
-  return hourCycle ? { hour, hourCycle } : { hour };
-}
-function timeZoneNameStyle(token, onError) {
-  const { char, desc, width } = token;
-  switch (char) {
-    case "v":
-    case "z":
-      return width === 4 ? "long" : "short";
-    case "V":
-      if (width === 4)
-        return "long";
-      onError(`${desc} is not supported with width ${width}`);
-      return void 0;
-    case "X":
-      onError(`${desc} is not supported`);
-      return void 0;
+  hr {
+    color: inherit;
+    border-top-width: 1px;
+    height: 0;
   }
-  return "short";
-}
-function compileOptions(token, onError) {
-  switch (token.field) {
-    case "era":
-      return { era: alpha(token.width) };
-    case "year":
-      return yearOptions(token, onError);
-    case "month":
-      return { month: monthStyle(token, onError) };
-    case "day":
-      return { day: dayStyle(token, onError) };
-    case "weekday":
-      return { weekday: weekdayStyle(token, onError) };
-    case "period":
-      return void 0;
-    case "hour":
-      return hourOptions(token);
-    case "min":
-      return { minute: numeric(token.width) };
-    case "sec":
-      return { second: numeric(token.width) };
-    case "tz":
-      return { timeZoneName: timeZoneNameStyle(token, onError) };
-    case "quarter":
-    case "week":
-    case "sec-frac":
-    case "ms":
-      onError(`${token.desc} is not supported`);
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
   }
-  return void 0;
-}
-function getDateFormatOptions(tokens, timeZone, onError = (error) => {
-  throw error;
-}) {
-  const options = {
-    timeZone
-  };
-  const fields2 = [];
-  for (const token of tokens) {
-    const { error, field, str } = token;
-    if (error) {
-      const dte = new DateFormatError(error.message, token);
-      dte.stack = error.stack;
-      onError(dte);
-    }
-    if (str) {
-      const msg = `Ignoring string part: ${str}`;
-      onError(new DateFormatError(msg, token, DateFormatError.WARNING));
-    }
-    if (field) {
-      if (fields2.indexOf(field) === -1)
-        fields2.push(field);
-      else
-        onError(new DateFormatError(`Duplicate ${field} token`, token));
-    }
-    const opt = compileOptions(token, (msg, isWarning) => onError(new DateFormatError(msg, token, isWarning)));
-    if (opt)
-      Object.assign(options, opt);
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: 700;
   }
-  return options;
-}
-var fields = {
-  G: { field: "era", desc: "Era" },
-  y: { field: "year", desc: "Year" },
-  Y: { field: "year", desc: 'Year of "Week of Year"' },
-  u: { field: "year", desc: "Extended year" },
-  U: { field: "year", desc: "Cyclic year name" },
-  r: { field: "year", desc: "Related Gregorian year" },
-  Q: { field: "quarter", desc: "Quarter" },
-  q: { field: "quarter", desc: "Stand-alone quarter" },
-  M: { field: "month", desc: "Month in year" },
-  L: { field: "month", desc: "Stand-alone month in year" },
-  w: { field: "week", desc: "Week of year" },
-  W: { field: "week", desc: "Week of month" },
-  d: { field: "day", desc: "Day in month" },
-  D: { field: "day", desc: "Day of year" },
-  F: { field: "day", desc: "Day of week in month" },
-  g: { field: "day", desc: "Modified julian day" },
-  E: { field: "weekday", desc: "Day of week" },
-  e: { field: "weekday", desc: "Local day of week" },
-  c: { field: "weekday", desc: "Stand-alone local day of week" },
-  a: { field: "period", desc: "AM/PM marker" },
-  b: { field: "period", desc: "AM/PM/noon/midnight marker" },
-  B: { field: "period", desc: "Flexible day period" },
-  h: { field: "hour", desc: "Hour in AM/PM (1~12)" },
-  H: { field: "hour", desc: "Hour in day (0~23)" },
-  k: { field: "hour", desc: "Hour in day (1~24)" },
-  K: { field: "hour", desc: "Hour in AM/PM (0~11)" },
-  j: { field: "hour", desc: "Hour in preferred cycle" },
-  J: { field: "hour", desc: "Hour in preferred cycle without marker" },
-  C: { field: "hour", desc: "Hour in preferred cycle with flexible marker" },
-  m: { field: "min", desc: "Minute in hour" },
-  s: { field: "sec", desc: "Second in minute" },
-  S: { field: "sec-frac", desc: "Fractional second" },
-  A: { field: "ms", desc: "Milliseconds in day" },
-  z: { field: "tz", desc: "Time Zone: specific non-location" },
-  Z: { field: "tz", desc: "Time Zone" },
-  O: { field: "tz", desc: "Time Zone: localized" },
-  v: { field: "tz", desc: "Time Zone: generic non-location" },
-  V: { field: "tz", desc: "Time Zone: ID" },
-  X: { field: "tz", desc: "Time Zone: ISO8601 with Z" },
-  x: { field: "tz", desc: "Time Zone: ISO8601" }
-};
-var isLetter = (char) => char >= "A" && char <= "Z" || char >= "a" && char <= "z";
-function readFieldToken(src, pos) {
-  const char = src[pos];
-  let width = 1;
-  while (src[++pos] === char)
-    ++width;
-  const field = fields[char];
-  if (!field) {
-    const msg = `The letter ${char} is not a valid field identifier`;
-    return { char, error: new Error(msg), width };
+  a {
+    cursor: pointer;
+    color: var(--w-s-color-text-link);
+    text-decoration: none;
   }
-  return { char, field: field.field, desc: field.desc, width };
-}
-function readQuotedToken(src, pos) {
-  let str = src[++pos];
-  let width = 2;
-  if (str === "'")
-    return { char: "'", str, width };
-  while (true) {
-    const next = src[++pos];
-    ++width;
-    if (next === void 0) {
-      const msg = `Unterminated quoted literal in pattern: ${str || src}`;
-      return { char: "'", error: new Error(msg), str, width };
-    } else if (next === "'") {
-      if (src[++pos] !== "'")
-        return { char: "'", str, width };
-      else
-        ++width;
-    }
-    str += next;
+  a:hover,
+  a:focus,
+  a:active {
+    text-decoration: underline;
   }
-}
-function readToken(src, pos) {
-  const char = src[pos];
-  if (!char)
-    return null;
-  if (isLetter(char))
-    return readFieldToken(src, pos);
-  if (char === "'")
-    return readQuotedToken(src, pos);
-  let str = char;
-  let width = 1;
-  while (true) {
-    const next = src[++pos];
-    if (!next || isLetter(next) || next === "'")
-      return { char, str, width };
-    str += next;
-    width += 1;
+  a:focus-visible {
+    outline: 2px solid var(--w-s-color-border-focus);
+    outline-offset: 1px;
   }
-}
-function parseDateTokens(src) {
-  const tokens = [];
-  let pos = 0;
-  while (true) {
-    const token = readToken(src, pos);
-    if (!token)
-      return tokens;
-    tokens.push(token);
-    pos += token.width;
+  b,
+  strong {
+    font-weight: 700;
   }
-}
-function processTokens(tokens, mapText) {
-  if (!tokens.filter((token) => token.type !== "content").length) {
-    return tokens.map((token) => mapText(token.value));
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family:
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      Monaco,
+      Consolas,
+      Liberation Mono,
+      Courier New,
+      monospace;
+    font-size: 1em;
   }
-  return tokens.map((token) => {
-    var _a;
-    if (token.type === "content") {
-      return mapText(token.value);
-    } else if (token.type === "octothorpe") {
-      return "#";
-    } else if (token.type === "argument") {
-      return [token.arg];
-    } else if (token.type === "function") {
-      const _param = (_a = token == null ? void 0 : token.param) == null ? void 0 : _a[0];
-      if (token.key === "date" && _param) {
-        const opts = compileDateExpression(_param.value.trim(), (e) => {
-          throw new Error(`Unable to compile date expression: ${e.message}`);
-        });
-        return [token.arg, token.key, opts];
-      }
-      if (_param) {
-        return [token.arg, token.key, _param.value.trim()];
-      } else {
-        return [token.arg, token.key];
-      }
-    }
-    const offset = token.pluralOffset;
-    const formatProps = {};
-    token.cases.forEach(({ key, tokens: tokens2 }) => {
-      const prop = key[0] === "=" ? key.slice(1) : key;
-      formatProps[prop] = processTokens(tokens2, mapText);
-    });
-    return [
-      token.arg,
-      token.type,
-      __spreadValues({
-        offset
-      }, formatProps)
-    ];
-  });
-}
-function compileDateExpression(format, onError) {
-  if (/^::/.test(format)) {
-    const tokens = parseDateTokens(format.substring(2));
-    return getDateFormatOptions(tokens, void 0, onError);
+  sub,
+  sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
   }
-  return format;
-}
-function compileMessage(message, mapText = (v) => v) {
-  try {
-    return processTokens((0, import_parser.parse)(message), mapText);
-  } catch (e) {
-    console.error(`${e.message} 
-
-Message: ${message}`);
-    return [message];
+  sub {
+    bottom: -0.25em;
   }
-}
-
-// node_modules/.pnpm/@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-macros@3.1.0_typescri_qfhfd5z2jpd4amxt2golzdalsi/node_modules/@lingui/core/dist/index.mjs
-var isString = (s) => typeof s === "string";
-var isFunction = (f) => typeof f === "function";
-var cache = /* @__PURE__ */ new Map();
-var defaultLocale = "en";
-function normalizeLocales(locales) {
-  const out = Array.isArray(locales) ? locales : [locales];
-  return [...out, defaultLocale];
-}
-function date(locales, value, format) {
-  const _locales = normalizeLocales(locales);
-  if (!format) {
-    format = "default";
+  sup {
+    top: -0.5em;
   }
-  let o;
-  if (typeof format === "string") {
-    o = {
-      day: "numeric",
-      month: "short",
-      year: "numeric"
-    };
-    switch (format) {
-      case "full":
-        o.weekday = "long";
-      case "long":
-        o.month = "long";
-        break;
-      case "short":
-        o.month = "numeric";
-        break;
-    }
-  } else {
-    o = format;
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
   }
-  const formatter = getMemoized(
-    () => cacheKey("date", _locales, format),
-    () => new Intl.DateTimeFormat(_locales, o)
-  );
-  return formatter.format(isString(value) ? new Date(value) : value);
-}
-function time(locales, value, format) {
-  let o;
-  if (!format) {
-    format = "default";
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    color: inherit;
+    margin: 0;
+    padding: 0;
   }
-  if (typeof format === "string") {
-    o = {
-      second: "numeric",
-      minute: "numeric",
-      hour: "numeric"
-    };
-    switch (format) {
-      case "full":
-      case "long":
-        o.timeZoneName = "short";
-        break;
-      case "short":
-        delete o.second;
-    }
-  } else {
-    o = format;
+  button,
+  select {
+    text-transform: none;
   }
-  return date(locales, value, o);
-}
-function number(locales, value, format) {
-  const _locales = normalizeLocales(locales);
-  const formatter = getMemoized(
-    () => cacheKey("number", _locales, format),
-    () => new Intl.NumberFormat(_locales, format)
-  );
-  return formatter.format(value);
-}
-function plural(locales, ordinal, value, _a) {
-  var _b = _a, { offset = 0 } = _b, rules = __objRest(_b, ["offset"]);
-  var _a2, _b2;
-  const _locales = normalizeLocales(locales);
-  const plurals = ordinal ? getMemoized(
-    () => cacheKey("plural-ordinal", _locales),
-    () => new Intl.PluralRules(_locales, { type: "ordinal" })
-  ) : getMemoized(
-    () => cacheKey("plural-cardinal", _locales),
-    () => new Intl.PluralRules(_locales, { type: "cardinal" })
-  );
-  return (_b2 = (_a2 = rules[value]) != null ? _a2 : rules[plurals.select(value - offset)]) != null ? _b2 : rules.other;
-}
-function getMemoized(getKey, construct) {
-  const key = getKey();
-  let formatter = cache.get(key);
-  if (!formatter) {
-    formatter = construct();
-    cache.set(key, formatter);
+  button,
+  [type='button'],
+  [type='reset'],
+  [type='submit'] {
+    -webkit-appearance: button;
   }
-  return formatter;
-}
-function cacheKey(type, locales, options) {
-  const localeKey = locales.join("-");
-  return `${type}-${localeKey}-${JSON.stringify(options)}`;
-}
-var UNICODE_REGEX = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/;
-var OCTOTHORPE_PH = "%__lingui_octothorpe__%";
-var getDefaultFormats = (locale, passedLocales, formats = {}) => {
-  const locales = passedLocales || locale;
-  const style = (format) => {
-    if (typeof format === "object")
-      return format;
-    return formats[format];
-  };
-  const replaceOctothorpe = (value, message) => {
-    const numberFormat = Object.keys(formats).length ? style("number") : void 0;
-    const valueStr = number(locales, value, numberFormat);
-    return message.replace(new RegExp(OCTOTHORPE_PH, "g"), valueStr);
-  };
-  return {
-    plural: (value, cases) => {
-      const { offset = 0 } = cases;
-      const message = plural(locales, false, value, cases);
-      return replaceOctothorpe(value - offset, message);
-    },
-    selectordinal: (value, cases) => {
-      const { offset = 0 } = cases;
-      const message = plural(locales, true, value, cases);
-      return replaceOctothorpe(value - offset, message);
-    },
-    select: selectFormatter,
-    number: (value, format) => number(
-      locales,
-      value,
-      style(format) || { style: format }
-    ),
-    date: (value, format) => date(locales, value, style(format) || format),
-    time: (value, format) => time(locales, value, style(format) || format)
-  };
-};
-var selectFormatter = (value, rules) => {
-  var _a;
-  return (_a = rules[value]) != null ? _a : rules.other;
-};
-function interpolate(translation, locale, locales) {
-  return (values = {}, formats) => {
-    const formatters = getDefaultFormats(locale, locales, formats);
-    const formatMessage = (tokens, replaceOctothorpe = false) => {
-      if (!Array.isArray(tokens))
-        return tokens;
-      return tokens.reduce((message, token) => {
-        if (token === "#" && replaceOctothorpe) {
-          return message + OCTOTHORPE_PH;
-        }
-        if (isString(token)) {
-          return message + token;
-        }
-        const [name, type, format] = token;
-        let interpolatedFormat = {};
-        if (type === "plural" || type === "selectordinal" || type === "select") {
-          Object.entries(format).forEach(
-            ([key, value2]) => {
-              interpolatedFormat[key] = formatMessage(
-                value2,
-                type === "plural" || type === "selectordinal"
-              );
-            }
-          );
-        } else {
-          interpolatedFormat = format;
-        }
-        let value;
-        if (type) {
-          const formatter = formatters[type];
-          value = formatter(values[name], interpolatedFormat);
-        } else {
-          value = values[name];
-        }
-        if (value == null) {
-          return message;
-        }
-        return message + value;
-      }, "");
-    };
-    const result = formatMessage(translation);
-    if (isString(result) && UNICODE_REGEX.test(result)) {
-      return (0, import_unraw.unraw)(result);
-    }
-    if (isString(result))
-      return result;
-    return result ? String(result) : "";
-  };
-}
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var EventEmitter = class {
-  constructor() {
-    __publicField$1(this, "_events", {});
+  :-moz-focusring {
+    outline: auto;
   }
-  on(event, listener) {
-    var _a2;
-    var _a;
-    (_a2 = (_a = this._events)[event]) != null ? _a2 : _a[event] = [];
-    this._events[event].push(listener);
-    return () => this.removeListener(event, listener);
+  :-moz-ui-invalid {
+    box-shadow: none;
   }
-  removeListener(event, listener) {
-    const maybeListeners = this._getListeners(event);
-    if (!maybeListeners)
-      return;
-    const index = maybeListeners.indexOf(listener);
-    if (~index)
-      maybeListeners.splice(index, 1);
+  progress {
+    vertical-align: baseline;
   }
-  emit(event, ...args) {
-    const maybeListeners = this._getListeners(event);
-    if (!maybeListeners)
-      return;
-    maybeListeners.map((listener) => listener.apply(this, args));
+  ::-webkit-inner-spin-button {
+    height: auto;
   }
-  _getListeners(event) {
-    const maybeListeners = this._events[event];
-    return Array.isArray(maybeListeners) ? maybeListeners : false;
+  ::-webkit-outer-spin-button {
+    height: auto;
   }
-};
-var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField2 = (obj, key, value) => {
-  __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var I18n = class extends EventEmitter {
-  constructor(params) {
-    var _a;
-    super();
-    __publicField2(this, "_locale", "");
-    __publicField2(this, "_locales");
-    __publicField2(this, "_localeData", {});
-    __publicField2(this, "_messages", {});
-    __publicField2(this, "_missing");
-    __publicField2(this, "_messageCompiler");
-    __publicField2(this, "t", this._.bind(this));
-    if (true) {
-      this.setMessagesCompiler(compileMessage);
-    }
-    if (params.missing != null)
-      this._missing = params.missing;
-    if (params.messages != null)
-      this.load(params.messages);
-    if (params.localeData != null)
-      this.loadLocaleData(params.localeData);
-    if (typeof params.locale === "string" || params.locales) {
-      this.activate((_a = params.locale) != null ? _a : defaultLocale, params.locales);
-    }
+  [type='search'] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
   }
-  get locale() {
-    return this._locale;
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
   }
-  get locales() {
-    return this._locales;
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
   }
-  get messages() {
-    var _a;
-    return (_a = this._messages[this._locale]) != null ? _a : {};
+  summary {
+    display: list-item;
   }
-  /**
-   * @deprecated this has no effect. Please remove this from the code. Deprecated in v4
-   */
-  get localeData() {
-    var _a;
-    return (_a = this._localeData[this._locale]) != null ? _a : {};
+  blockquote,
+  dl,
+  dd,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  figure,
+  p,
+  pre {
+    margin: 0;
   }
-  _loadLocaleData(locale, localeData) {
-    const maybeLocaleData = this._localeData[locale];
-    if (!maybeLocaleData) {
-      this._localeData[locale] = localeData;
-    } else {
-      Object.assign(maybeLocaleData, localeData);
-    }
+  fieldset {
+    margin: 0;
+    padding: 0;
   }
-  /**
-   * Registers a `MessageCompiler` to enable the use of uncompiled catalogs at runtime.
-   *
-   * In production builds, the `MessageCompiler` is typically excluded to reduce bundle size.
-   * By default, message catalogs should be precompiled during the build process. However,
-   * if you need to compile catalogs at runtime, you can use this method to set a message compiler.
-   *
-   * Example usage:
-   *
-   * ```ts
-   * import { compileMessage } from "@lingui/message-utils/compileMessage";
-   *
-   * i18n.setMessagesCompiler(compileMessage);
-   * ```
-   */
-  setMessagesCompiler(compiler) {
-    this._messageCompiler = compiler;
-    return this;
+  legend {
+    padding: 0;
   }
-  /**
-   * @deprecated Plurals automatically used from Intl.PluralRules you can safely remove this call. Deprecated in v4
-   */
-  loadLocaleData(localeOrAllData, localeData) {
-    if (typeof localeOrAllData === "string") {
-      this._loadLocaleData(localeOrAllData, localeData);
-    } else {
-      Object.keys(localeOrAllData).forEach(
-        (locale) => this._loadLocaleData(locale, localeOrAllData[locale])
-      );
-    }
-    this.emit("change");
+  ol,
+  ul,
+  menu {
+    margin: 0;
+    padding: 0;
+    list-style: none;
   }
-  _load(locale, messages11) {
-    const maybeMessages = this._messages[locale];
-    if (!maybeMessages) {
-      this._messages[locale] = messages11;
-    } else {
-      Object.assign(maybeMessages, messages11);
-    }
+  textarea {
+    resize: vertical;
   }
-  load(localeOrMessages, messages11) {
-    if (typeof localeOrMessages == "string" && typeof messages11 === "object") {
-      this._load(localeOrMessages, messages11);
-    } else {
-      Object.entries(localeOrMessages).forEach(
-        ([locale, messages22]) => this._load(locale, messages22)
-      );
-    }
-    this.emit("change");
+  input::placeholder,
+  textarea::placeholder {
+    opacity: 1;
+    color: var(--w-s-color-text-placeholder);
   }
-  /**
-   * @param options {@link LoadAndActivateOptions}
-   */
-  loadAndActivate({ locale, locales, messages: messages11 }) {
-    this._locale = locale;
-    this._locales = locales || void 0;
-    this._messages[this._locale] = messages11;
-    this.emit("change");
+  button,
+  [role='button'] {
+    cursor: pointer;
   }
-  activate(locale, locales) {
-    if (true) {
-      if (!this._messages[locale]) {
-        console.warn(`Messages for locale "${locale}" not loaded.`);
-      }
-    }
-    this._locale = locale;
-    this._locales = locales;
-    this.emit("change");
+  :disabled {
+    cursor: default;
   }
-  _(id, values, options) {
-    if (!this.locale) {
-      throw new Error(
-        "Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic."
-      );
-    }
-    let message = options == null ? void 0 : options.message;
-    if (!id) {
-      id = "";
-    }
-    if (!isString(id)) {
-      values = id.values || values;
-      message = id.message;
-      id = id.id;
-    }
-    const messageForId = this.messages[id];
-    const messageMissing = messageForId === void 0;
-    const missing = this._missing;
-    if (missing && messageMissing) {
-      return isFunction(missing) ? missing(this._locale, id) : missing;
-    }
-    if (messageMissing) {
-      this.emit("missing", { id, locale: this._locale });
-    }
-    let translation = messageForId || message || id;
-    if (isString(translation)) {
-      if (this._messageCompiler) {
-        translation = this._messageCompiler(translation);
-      } else {
-        console.warn(`Uncompiled message detected! Message:
-
-> ${translation}
-
-That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
-ICU features such as interpolation and plurals will not work properly for that message. 
-
-Please compile your catalog first. 
-`);
-      }
-    }
-    if (isString(translation) && UNICODE_REGEX.test(translation))
-      return JSON.parse(`"${translation}"`);
-    if (isString(translation))
-      return translation;
-    return interpolate(
-      translation,
-      this._locale,
-      this._locales
-    )(values, options == null ? void 0 : options.formats);
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    vertical-align: middle;
+    display: block;
   }
-  date(value, format) {
-    return date(this._locales || this._locale, value, format);
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
   }
-  number(value, format) {
-    return number(this._locales || this._locale, value, format);
+  h1 {
+    font-size: var(--w-font-size-xxl);
+    line-height: var(--w-line-height-xxl);
   }
-};
-function setupI18n(params = {}) {
-  return new I18n(params);
-}
-var i18n = setupI18n();
-
-// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/close-16.js
-var messages = JSON.parse('{"icon.title.close":["Kryss"]}');
-var messages2 = JSON.parse('{"icon.title.close":["Cross"]}');
-var messages3 = JSON.parse('{"icon.title.close":["Rasti"]}');
-var messages4 = JSON.parse('{"icon.title.close":["Kryds"]}');
-var messages5 = JSON.parse('{"icon.title.close":["Kryss"]}');
-var supportedLocales = ["en", "nb", "fi", "da", "sv"];
-var defaultLocale2 = "en";
-var detectByBrand = () => {
-  var _a;
-  let value;
-  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
-    case "FINN":
-      value = "nb";
-      break;
-    case "TORI":
-      value = "fi";
-      break;
-    case "BLOCKET":
-      value = "sv";
-      break;
-    case "DBA":
-      value = "da";
-      break;
-    default:
-      value = "en";
+  h2 {
+    font-size: var(--w-font-size-xl);
+    line-height: var(--w-line-height-xl);
   }
-  return value;
-};
-var detectByHost = () => {
-  var _a;
-  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname == null ? void 0 : hostname.includes("finn")) {
-    return "nb";
-  } else if (hostname.includes("tori")) {
-    return "fi";
-  } else if (hostname.includes("blocket")) {
-    return "sv";
-  } else if (hostname.includes("dba")) {
-    return "da";
-  } else {
-    return defaultLocale2;
+  h3 {
+    font-size: var(--w-font-size-l);
+    line-height: var(--w-line-height-l);
   }
-};
-var getSupportedLocale = (usedLocale) => {
-  return supportedLocales.find(
-    (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || detectByHost();
-};
-function detectLocale() {
-  var _a;
-  if (typeof window === "undefined") {
-    const serverLocale = detectByBrand();
-    return getSupportedLocale(serverLocale);
+  h4 {
+    font-size: var(--w-font-size-m);
+    line-height: var(--w-line-height-m);
   }
-  try {
-    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
-    const hostLocale = detectByHost();
-    if (!supportedLocales.includes(htmlLocale)) {
-      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
-      return getSupportedLocale(hostLocale);
-    }
-    return getSupportedLocale(htmlLocale != null ? htmlLocale : hostLocale);
-  } catch (e) {
-    console.warn("could not detect locale, falling back to source locale", e);
-    return defaultLocale2;
+  h5 {
+    font-size: var(--w-font-size-s);
+    line-height: var(--w-line-height-s);
   }
-}
-var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
-  if (locale === "nb") return nbMsg;
-  if (locale === "fi") return fiMsg;
-  if (locale === "da") return daMsg;
-  if (locale === "sv") return svMsg;
-  return enMsg;
-};
-var activateI18n = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
-  const locale = detectLocale();
-  const messages62 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
-  i18n.load(locale, messages62);
-  i18n.activate(locale);
-};
-activateI18n(messages2, messages, messages3, messages4, messages5);
-var IconClose16 = class extends LitElement {
-  render() {
-    const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
-    return html`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${unsafeStatic(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`;
+  dt,
+  dd {
+    margin: 0 16px;
   }
-};
-if (!customElements.get("w-icon-close-16")) {
-  customElements.define("w-icon-close-16", IconClose16);
-}
-
-// packages/pill/index.js
-import { html as html2 } from "lit";
-
-// node_modules/.pnpm/@chbphone55+classnames@2.0.0/node_modules/@chbphone55/classnames/dist/index.m.js
-var r = function() {
-  for (var t = [], n = arguments.length; n--; ) t[n] = arguments[n];
-  return t.reduce(function(t2, n2) {
-    return t2.concat("string" == typeof n2 ? n2 : Array.isArray(n2) ? r.apply(void 0, n2) : "object" == typeof n2 && n2 ? Object.keys(n2).map(function(r2) {
-      return n2[r2] ? r2 : "";
-    }) : "");
-  }, []).join(" ");
-};
-
-// node_modules/.pnpm/@warp-ds+css@2.1.1_@warp-ds+uno@2.1.0_unocss@0.62.0_postcss@8.5.1_rollup@4.32.1_vite@5.3.3_@t_sgrraibu65gdmqpe655kfrpl6a/node_modules/@warp-ds/css/component-classes/index.js
-var pill = {
-  wrapper: "flex items-center",
-  button: "inline-flex items-center focusable text-xs transition-all",
-  suggestion: "bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",
-  filter: "s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",
-  label: "pl-12 py-8 rounded-l-full",
-  labelWithoutClose: "pr-12 rounded-r-full",
-  labelWithClose: "pr-2",
-  close: "pr-12 pl-4 py-8 rounded-r-full",
-  a11y: "sr-only"
-};
-var buttonDefaultStyling = "font-bold focusable justify-center transition-colors ease-in-out";
-var buttonColors = {
-  primary: "s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",
-  secondary: "s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",
-  utility: "s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",
-  destructive: "s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",
-  pill: "s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",
-  disabled: "s-text-inverted s-bg-disabled",
-  quiet: "bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",
-  utilityQuiet: "s-text bg-transparent hover:s-bg-hover active:s-bg-active",
-  negativeQuiet: "bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",
-  loading: "s-text s-bg-subtle",
-  link: "s-text-link"
-};
-var buttonTypes = {
-  primary: `border-0 rounded-8 ${buttonDefaultStyling}`,
-  secondary: `border-2 rounded-8 ${buttonDefaultStyling}`,
-  utility: `border rounded-4 ${buttonDefaultStyling}`,
-  negative: `border-0 rounded-8 ${buttonDefaultStyling}`,
-  pill: `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${buttonDefaultStyling}`,
-  link: `bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${buttonColors.link}`
-};
-var buttonSizes = {
-  xsmall: "py-6 px-16",
-  small: "py-8 px-16",
-  medium: "py-10 px-14",
-  large: "py-12 px-16",
-  utility: "py-[11px] px-[15px]",
-  smallUtility: "py-[7px] px-[15px]",
-  pill: "min-h-[44px] min-w-[44px]",
-  pillSmall: "min-h-32 min-w-32",
-  link: "p-0"
-};
-var buttonTextSizes = {
-  medium: "text-m leading-[24]",
-  xsmall: "text-xs"
-};
-var buttonVariants = {
-  inProgress: `border-transparent animate-inprogress pointer-events-none ${buttonColors.loading}`,
-  // .button--in-progress, a.button--in-progress:visited
-  quiet: `border-0 rounded-8 ${buttonDefaultStyling}`,
-  utilityQuiet: `border-0 rounded-4 ${buttonDefaultStyling}`,
-  negativeQuiet: `border-0 rounded-8 ${buttonDefaultStyling}`,
-  isDisabled: `font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${buttonColors.disabled}`
-  // .button:disabled, .button--is-disabled
-};
-var button = {
-  // Buttontypes
-  secondary: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`,
-  // .button--secondary, .button--default, .button
-  secondaryHref: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`,
-  secondaryDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
-  secondarySmall: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonColors.secondary}`,
-  secondarySmallDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
-  secondaryQuiet: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`,
-  secondaryQuietDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
-  secondarySmallQuiet: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`,
-  secondarySmallQuietDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
-  secondaryLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
-  secondarySmallLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall}  ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
-  secondarySmallQuietLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
-  secondaryQuietLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
-  primary: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.primary} ${buttonColors.primary}`,
-  // .button--primary, .button--cta
-  primaryDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.isDisabled} ${buttonTypes.primary}`,
-  primarySmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.primary} ${buttonColors.primary}`,
-  primarySmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.isDisabled} ${buttonTypes.primary} `,
-  primaryQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`,
-  primaryQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
-  primarySmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`,
-  primarySmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
-  primaryLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonTypes.primary}`,
-  primarySmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall}  ${buttonVariants.inProgress} ${buttonTypes.primary}`,
-  primarySmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress} ${buttonTypes.primary}`,
-  primaryQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
-  utility: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonColors.utility}`,
-  // .button--utility
-  utilityDisabled: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.isDisabled}`,
-  utilityQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`,
-  // .button--utility-flat
-  utilityQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`,
-  utilitySmall: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonColors.utility}`,
-  utilitySmallDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.isDisabled}`,
-  utilitySmallQuiet: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`,
-  utilitySmallQuietDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`,
-  utilityLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.inProgress}`,
-  utilitySmallLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.inProgress}`,
-  utilityQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`,
-  utilitySmallQuietLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`,
-  negative: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonColors.destructive}`,
-  // .button--destructive
-  negativeDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.isDisabled}`,
-  negativeQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`,
-  // .button--destructive-flat
-  negativeQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet}${buttonVariants.isDisabled}`,
-  negativeSmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonColors.destructive}`,
-  negativeSmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonVariants.isDisabled}`,
-  negativeSmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`,
-  negativeSmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.isDisabled}`,
-  negativeLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.inProgress}`,
-  negativeSmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonTypes.negative}`,
-  negativeQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonTypes.negative} ${buttonVariants.inProgress}`,
-  negativeSmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.inProgress}`,
-  pill: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill}`,
-  // .button--pill
-  pillSmall: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonColors.pill}`,
-  pillLoading: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonVariants.inProgress}`,
-  pillSmallLoading: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonVariants.inProgress}`,
-  link: `${buttonSizes.link} ${buttonTextSizes.medium} ${buttonTypes.link}`,
-  linkSmall: `${buttonSizes.link} ${buttonTextSizes.xsmall} ${buttonTypes.link}`,
-  linkAsButton: "inline-block active:no-underline hover:no-underline focus:no-underline text-center",
-  a11y: "sr-only",
-  fullWidth: "w-full max-w-full",
-  contentWidth: "max-w-max"
-};
-var modal = {
-  backdrop: "fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",
-  base: "pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",
-  content: "block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",
-  footer: "flex justify-end shrink-0 px-16 sm:px-32",
-  transitionTitle: "transition-all duration-300",
-  transitionTitleCenter: "justify-self-center self-center",
-  transitionTitleColSpan: "col-span-2",
-  title: "py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",
-  titleText: "mb-0 h4 sm:h3",
-  titleButton: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,
-  titleButtonLeft: "-ml-8 sm:-ml-12 justify-self-start",
-  titleButtonRight: "-mr-8 sm:-mr-12 justify-self-end",
-  titleButtonIcon: "h-16 w-16 sm:h-24 sm:w-24",
-  titleButtonIconRotated: "transform rotate-90"
-};
-var prefixSuffixWrapper = "absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ";
-var suffix = {
-  wrapper: prefixSuffixWrapper + "right-0",
-  wrapperWithLabel: "w-max pr-12",
-  wrapperWithIcon: "w-40",
-  label: "antialiased block relative cursor-default pb-0 font-bold text-xs s-text"
-};
-var prefix = {
-  wrapper: prefixSuffixWrapper + "left-0",
-  wrapperWithLabel: "w-max pl-12",
-  wrapperWithIcon: "w-40",
-  label: "antialiased block relative cursor-default pb-0 font-bold text-xs s-text"
-};
-var toggle = {
-  // wrapper classes
-  field: "relative text-m",
-  // true
-  wrapper: "relative py-1",
-  // true
-  wrapperRadioButtons: "inline-flex font-bold rounded-8 focus-within:focusable",
-  // isRadioButton && !isEqualWidth
-  wrapperRadioButtonsJustified: "flex font-bold rounded-8 focus-within:focusable",
-  // isRadioButton && isEqualWidth,
-  // group classes
-  radioButtonsGroup: "group",
-  // isRadioButton
-  radioButtonsGroupJustified: "grow-1 shrink-0 basis-auto",
-  // isRadioButton && isEqualWidth
-  // input classes
-  input: "peer",
-  a11y: "sr-only",
-  // label classes
-  label: "peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2",
-  // !isRadioButton
-  labelBefore: 'before:content-[""] before:block',
-  // !isRadioButton && !isIndeterminate
-  checkbox: "before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",
-  // isCheckbox && !isIndeterminate && !isInvalid && !isDisabled
-  checkboxInvalid: "before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",
-  // isCheckbox && !isIndeterminate && isInvalid && !isDisabled
-  checkboxDisabled: "before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",
-  // isCheckbox && !isIndeterminate && !isInvalid && isDisabled
-  indeterminate: 'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',
-  // isCheckbox && isIndeterminate && !isInvalid && !isDisabled
-  indeterminateInvalid: 'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover',
-  // isCheckbox && isIndeterminate && isInvalid && !isDisabled
-  indeterminateDisabled: 'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled',
-  // isCheckbox && isIndeterminate && !isInvalid && isDisabled
-  radio: "before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover",
-  // isRadio && !isDisabled && !isInvalid
-  radioInvalid: "before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover",
-  // isRadio && isInvalid && !isDisabled
-  radioDisabled: "before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]",
-  // isRadio && !isInvalid && isDisabled
-  radioButtonsLabel: "peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2",
-  // isRadioButtons
-  radioButtonsRegular: "text-s py-8 pl-12 pr-14",
-  // isRadioButtons && !isSmall
-  radioButtonsSmall: "text-xs py-[5px] px-[8px]"
-  // isRadioButtons && isSmall
-};
-var deadToggle = {
-  wrapper: `${toggle.wrapper} h-20 w-20 pointer-events-none`,
-  input: `${toggle.input} hidden`,
-  inputVue: "hidden",
-  labelVue: "-mt-2",
-  labelRadio: `${toggle.label} ${toggle.labelBefore} ${toggle.radio}`,
-  labelCheckbox: `${toggle.label} ${toggle.labelBefore} ${toggle.checkbox}`
-};
-var attention = {
-  base: "border-2 relative flex items-start",
-  tooltip: "s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8",
-  callout: "bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",
-  highlight: "bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",
-  popover: "bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",
-  arrowBase: "absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",
-  arrowDirectionLeftStart: "-left-[8px]",
-  arrowDirectionLeft: "-left-[8px]",
-  arrowDirectionLeftEnd: "-left-[8px]",
-  arrowDirectionRightStart: "-right-[8px]",
-  arrowDirectionRight: "-right-[8px]",
-  arrowDirectionRightEnd: "-right-[8px]",
-  arrowDirectionBottomStart: "-bottom-[8px]",
-  arrowDirectionBottom: "-bottom-[8px]",
-  arrowDirectionBottomEnd: "-bottom-[8px]",
-  arrowDirectionTopStart: "-top-[8px]",
-  arrowDirectionTop: "-top-[8px]",
-  arrowDirectionTopEnd: "-top-[8px]",
-  arrowTooltip: "s-bg-inverted border-[--w-s-color-background-inverted]",
-  arrowCallout: "bg-[--w-color-callout-background] border-[--w-color-callout-border]",
-  arrowPopover: "bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",
-  arrowHighlight: "bg-[--w-color-callout-background] border-[--w-color-callout-border]",
-  content: "last-child:mb-0",
-  notCallout: "absolute z-50",
-  closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`
-};
-
-// packages/pill/index.js
-import WarpElement from "@warp-ds/elements-core";
-
-// packages/i18n.ts
-var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
-var defaultLocale3 = "en";
-var getSupportedLocale2 = (usedLocale) => {
-  return supportedLocales2.find(
-    (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale3;
-};
-function detectLocale2() {
-  if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
-    return getSupportedLocale2(serverLocale);
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  ul,
+  ol,
+  dl,
+  p,
+  blockquote {
+    margin: 0 0 8px;
   }
-  try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale2(htmlLocale);
-  } catch (e) {
-    console.warn("could not detect locale, falling back to source locale", e);
-    return defaultLocale3;
+  [hidden] {
+    display: none !important;
   }
-}
-var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
-  if (locale === "nb") return nbMsg;
-  if (locale === "fi") return fiMsg;
-  if (locale === "da") return daMsg;
-  if (locale === "sv") return svMsg;
-  return enMsg;
-};
-var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
-  const locale = detectLocale2();
-  const messages11 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
-  i18n.load(locale, messages11);
-  i18n.activate(locale);
-};
-
-// packages/utils/index.js
-import { classMap } from "lit/directives/class-map.js";
-var camelCaseToKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-function kebabCaseAttributes(constructor) {
-  return class extends constructor {
-    static createProperty(name, options) {
-      let customOptions = options;
-      if (typeof (options == null ? void 0 : options.attribute) === "undefined" || (options == null ? void 0 : options.attribute) === true) {
-        customOptions = Object.assign({}, options, {
-          attribute: camelCaseToKebabCase(name.toString())
-        });
-      }
-      super.createProperty(name, customOptions);
-    }
-  };
-}
-
-// packages/pill/locales/da/messages.mjs
-var messages6 = JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');
-
-// packages/pill/locales/en/messages.mjs
-var messages7 = JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');
-
-// packages/pill/locales/fi/messages.mjs
-var messages8 = JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
-
-// packages/pill/locales/nb/messages.mjs
-var messages9 = JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');
-
-// packages/pill/locales/sv/messages.mjs
-var messages10 = JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');
-
-// packages/pill/index.js
-var WarpPill = class extends kebabCaseAttributes(WarpElement) {
-  constructor() {
-    super();
-    activateI18n2(messages7, messages9, messages8, messages6, messages10);
-    this.canClose = false;
-    this.suggestion = false;
-    this.openFilterSrText = i18n._({
-      id: "pill.aria.openFilter",
-      message: "Open filter",
-      comment: "Fallback screenreader message for open filter"
-    });
-    this.removeFilterSrText = i18n._({
-      id: "pill.aria.removeFilter",
-      message: "Remove filter {label}",
-      comment: "Fallback screenreader message for removal of the filter"
-    });
+  [tabindex='-1']:focus:not(:focus-visible) {
+    outline: none;
   }
-  get _labelClasses() {
-    return r([
-      pill.button,
-      pill.label,
-      this.suggestion ? pill.suggestion : pill.filter,
-      this.canClose ? pill.labelWithClose : pill.labelWithoutClose
-    ]);
+  legend {
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    display: table;
   }
-  get _closeClasses() {
-    return r([pill.button, pill.close, this.suggestion ? pill.suggestion : pill.filter]);
+  legend + * {
+    clear: both;
   }
-  _onClick() {
-    this.dispatchEvent(new CustomEvent("w-pill-click", { bubbles: true, composed: true }));
+  fieldset {
+    border: 0;
+    min-width: 0;
+    margin: 0;
+    padding: 0.01em 0 0;
   }
-  _onClose() {
-    this.dispatchEvent(new CustomEvent("w-pill-close", { bubbles: true, composed: true }));
+  body:not(:-moz-handler-blocked) fieldset {
+    display: table-cell;
   }
-  render() {
-    return html2`
-      <div class="${pill.wrapper}">
-        <button type="button" class="${this._labelClasses}" @click="${this._onClick}">
-          <span class="${pill.a11y}">${this.openSrLabel ? this.openSrLabel : this.openFilterSrText}</span>
-          <slot></slot>
-        </button>
-        ${this.canClose ? html2`<button type="button" class="${this._closeClasses}" @click="${this._onClose}">
-              <span class="${pill.a11y}">${this.closeSrLabel ? this.closeSrLabel : this.removeFilterSrText}</span>
-              <w-icon-close-16></w-icon-close-16>
-            </button>` : null}
-      </div>
-    `;
+  svg {
+    pointer-events: none;
   }
-};
-__publicField(WarpPill, "styles", [WarpElement.styles]);
-__publicField(WarpPill, "properties", {
-  canClose: { type: Boolean },
-  suggestion: { type: Boolean },
-  openSrLabel: { type: String },
-  closeSrLabel: { type: String }
-});
-if (!customElements.get("w-pill")) {
-  customElements.define("w-pill", WarpPill);
-}
-export {
-  WarpPill
-};
+`,Uo=T`*, :before, :after {
+            --w-rotate: 0;
+            --w-rotate-x: 0;
+            --w-rotate-y: 0;
+            --w-rotate-z: 0;
+            --w-scale-x: 1;
+            --w-scale-y: 1;
+            --w-scale-z: 1;
+            --w-skew-x: 0;
+            --w-skew-y: 0;
+            --w-translate-x: 0;
+            --w-translate-y: 0;
+            --w-translate-z: 0
+        }
+
+            .h4, .t4 {
+                font-weight: 700;
+                font-size: var(--w-font-size-m);
+                line-height: var(--w-line-height-m)
+            }
+
+            .t3 {
+                font-weight: 700;
+                font-size: var(--w-font-size-l);
+                line-height: var(--w-line-height-l)
+            }
+
+            @media (min-width: 480px) {
+                .sm\\:h3 {
+                    font-weight: 700;
+                    font-size: var(--w-font-size-l);
+                    line-height: var(--w-line-height-l)
+                }
+            }
+
+            .text-center {
+                text-align: center
+            }
+
+            .before\\:text-center:before {
+                text-align: center
+            }
+
+            .text-left {
+                text-align: left
+            }
+
+            .text-right {
+                text-align: right
+            }
+
+            .align-middle {
+                vertical-align: middle
+            }
+
+            .animate-inprogress {
+                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
+                background-size: 30px 30px;
+                animation: animate-inprogress 3s linear infinite
+            }
+
+            @keyframes animate-inprogress {
+                0% {
+                    background-position: 0 0
+                }
+                to {
+                    background-position: 60px 0
+                }
+            }
+
+            .\\[--w-modal-max-height\\:80\\%\\] {
+                --w-modal-max-height: 80%
+            }
+
+            .\\[--w-modal-width\\:640px\\] {
+                --w-modal-width: 640px
+            }
+
+            .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
+                --w-outline-offset: -2px
+            }
+
+            .backdrop-blur {
+                -webkit-backdrop-filter: blur(4px);
+                backdrop-filter: blur(4px)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
+                background-position: center
+            }
+
+            .hover\\:bg-clip-padding:hover {
+                -webkit-background-clip: padding-box;
+                background-clip: padding-box
+            }
+
+            .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
+                background-color: transparent
+            }
+
+            .bg-\\[--w-black\\/25\\] {
+                background-color: rgba(var(--w-rgb-black), .25)
+            }
+
+            .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
+                background-color: rgba(var(--w-rgb-black), .7)
+            }
+
+            .bg-\\[--w-color-badge-info-background\\] {
+                background-color: var(--w-color-badge-info-background)
+            }
+
+            .bg-\\[--w-color-badge-negative-background\\] {
+                background-color: var(--w-color-badge-negative-background)
+            }
+
+            .bg-\\[--w-color-badge-neutral-background\\] {
+                background-color: var(--w-color-badge-neutral-background)
+            }
+
+            .bg-\\[--w-color-badge-positive-background\\] {
+                background-color: var(--w-color-badge-positive-background)
+            }
+
+            .bg-\\[--w-color-badge-sponsored-background\\] {
+                background-color: var(--w-color-badge-sponsored-background)
+            }
+
+            .bg-\\[--w-color-badge-warning-background\\] {
+                background-color: var(--w-color-badge-warning-background)
+            }
+
+            .bg-\\[--w-color-button-primary-background\\] {
+                background-color: var(--w-color-button-primary-background)
+            }
+
+            .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
+                background-color: var(--w-color-buttongroup-utility-background-selected)
+            }
+
+            .bg-\\[--w-color-callout-background\\] {
+                background-color: var(--w-color-callout-background)
+            }
+
+            .bg-\\[--w-color-pill-suggestion-background\\] {
+                background-color: var(--w-color-pill-suggestion-background)
+            }
+
+            .bg-\\[--w-color-switch-track-background\\] {
+                background-color: var(--w-color-switch-track-background)
+            }
+
+            .bg-\\[--w-s-color-surface-elevated-100\\] {
+                background-color: var(--w-s-color-surface-elevated-100)
+            }
+
+            .bg-\\[--w-s-color-surface-elevated-300\\] {
+                background-color: var(--w-s-color-surface-elevated-300)
+            }
+
+            .bg-\\[--w-s-icon-selected\\] {
+                background-color: var(--w-s-icon-selected)
+            }
+
+            .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
+                background-color: var(--w-color-switch-track-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
+                background-color: var(--w-color-button-pill-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
+                background-color: var(--w-color-button-primary-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
+                background-color: var(--w-color-buttongroup-utility-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
+                background-color: var(--w-color-pill-suggestion-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
+                background-color: var(--w-s-icon-subtle)
+            }
+
+            .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
+                background-color: rgba(var(--w-rgb-black), .85)
+            }
+
+            .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
+                background-color: var(--w-color-button-pill-background-active)
+            }
+
+            .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
+                background-color: var(--w-color-button-primary-background-active)
+            }
+
+            .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
+                background-color: var(--w-color-buttongroup-utility-background-selected)
+            }
+
+            .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
+                background-color: var(--w-color-pill-suggestion-background-active)
+            }
+
+            .active\\:bg-\\[var\\(--w-black\\)\\]:active {
+                background-color: var(--w-black)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
+                background-image: var(--w-icon-toggle-checked)
+            }
+
+            .appearance-none {
+                -moz-appearance: none;
+                appearance: none;
+                -webkit-appearance: none
+            }
+
+            .will-change-height {
+                will-change: height
+            }
+
+            .border, .border-1 {
+                border-width: 1px
+            }
+
+            .border-b {
+                border-bottom-width: 1px
+            }
+
+            .before\\:border:before {
+                border-width: 1px
+            }
+
+            .border-0 {
+                border-width: 0
+            }
+
+            .border-2 {
+                border-width: 2px
+            }
+
+            .border-b-0 {
+                border-bottom-width: 0
+            }
+
+            .border-b-4 {
+                border-bottom-width: 4px
+            }
+
+            .border-l-4 {
+                border-left-width: 4px
+            }
+
+            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
+                border-right-width: 0
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
+                border-width: .6rem
+            }
+
+            .border-transparent {
+                border-color: transparent
+            }
+
+            .border-\\[--w-color-buttongroup-utility-border\\] {
+                border-color: var(--w-color-buttongroup-utility-border)
+            }
+
+            .border-\\[--w-color-callout-border\\] {
+                border-color: var(--w-color-callout-border)
+            }
+
+            .border-\\[--w-s-color-background-inverted\\] {
+                border-color: var(--w-s-color-background-inverted)
+            }
+
+            .border-\\[--w-s-color-surface-elevated-300\\] {
+                border-color: var(--w-s-color-surface-elevated-300)
+            }
+
+            .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
+                border-color: var(--w-color-buttongroup-utility-border-selected)
+            }
+
+            .divide-x > * + * {
+                --w-divide-x-reverse: 0;
+                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
+                border-right-width: calc(1px * var(--w-divide-x-reverse))
+            }
+
+            .divide-y > * + * {
+                --w-divide-y-reverse: 0;
+                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
+                border-bottom-width: calc(1px * var(--w-divide-y-reverse))
+            }
+
+            .rounded-4 {
+                border-radius: 4px
+            }
+
+            .rounded-8 {
+                border-radius: 8px
+            }
+
+            .rounded-full {
+                border-radius: 9999px
+            }
+
+            .before\\:rounded-2:before {
+                border-radius: 2px
+            }
+
+            .before\\:rounded-full:before {
+                border-radius: 9999px
+            }
+
+            .rounded-b-0 {
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-bl-0 {
+                border-bottom-left-radius: 0
+            }
+
+            .rounded-br-0 {
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-l-0 {
+                border-top-left-radius: 0;
+                border-bottom-left-radius: 0
+            }
+
+            .rounded-l-full {
+                border-top-left-radius: 9999px;
+                border-bottom-left-radius: 9999px
+            }
+
+            .rounded-r-0 {
+                border-top-right-radius: 0;
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-r-full {
+                border-top-right-radius: 9999px;
+                border-bottom-right-radius: 9999px
+            }
+
+            .rounded-tl-0 {
+                border-top-left-radius: 0
+            }
+
+            .rounded-tl-4 {
+                border-top-left-radius: 4px
+            }
+
+            .rounded-tr-0 {
+                border-top-right-radius: 0
+            }
+
+            .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
+                border-bottom-left-radius: 8px
+            }
+
+            .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
+                border-top-left-radius: 8px
+            }
+
+            .first\\:rounded-lb-4:first-child {
+                border-bottom-left-radius: 4px
+            }
+
+            .first\\:rounded-lt-4:first-child {
+                border-top-left-radius: 4px
+            }
+
+            .first\\:rounded-rt-4:first-child {
+                border-top-right-radius: 4px
+            }
+
+            .group:last-of-type .group-last-of-type\\:rounded-br-8 {
+                border-bottom-right-radius: 8px
+            }
+
+            .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
+                border-top-right-radius: 8px
+            }
+
+            .last\\:rounded-lb-4:last-child {
+                border-bottom-left-radius: 4px
+            }
+
+            .last\\:rounded-rb-4:last-child {
+                border-bottom-right-radius: 4px
+            }
+
+            .last\\:rounded-rt-4:last-child {
+                border-top-right-radius: 4px
+            }
+
+            .caret-current {
+                caret-color: currentColor
+            }
+
+            .opacity-25 {
+                opacity: 25%
+            }
+
+            .block {
+                display: block
+            }
+
+            .before\\:block:before {
+                display: block
+            }
+
+            .inline-block {
+                display: inline-block
+            }
+
+            .inline {
+                display: inline
+            }
+
+            .flex, .open\\:flex[open] {
+                display: flex
+            }
+
+            .inline-flex {
+                display: inline-flex
+            }
+
+            .grid {
+                display: grid
+            }
+
+            .inline-grid {
+                display: inline-grid
+            }
+
+            .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
+                display: none
+            }
+
+            .before\\:hidden:before {
+                display: none
+            }
+
+            .hover\\:underline:hover {
+                text-decoration-line: underline
+            }
+
+            .focus\\:underline:focus {
+                text-decoration-line: underline
+            }
+
+            .focus-visible\\:underline:focus-visible {
+                text-decoration-line: underline
+            }
+
+            .active\\:underline:active {
+                text-decoration-line: underline
+            }
+
+            .hover\\:no-underline:hover {
+                text-decoration: none
+            }
+
+            .focus\\:no-underline:focus {
+                text-decoration: none
+            }
+
+            .active\\:no-underline:active {
+                text-decoration: none
+            }
+
+            .flex-1 {
+                flex: 1 1 0%
+            }
+
+            .shrink {
+                flex-shrink: 1
+            }
+
+            .shrink-0 {
+                flex-shrink: 0
+            }
+
+            .shrink-0\\! {
+                flex-shrink: 0 !important
+            }
+
+            .grow, .grow-1 {
+                flex-grow: 1
+            }
+
+            .basis-auto {
+                flex-basis: auto
+            }
+
+            .flex-col {
+                flex-direction: column
+            }
+
+            .focus-within\\:focusable:focus-within {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .focusable:focus, .focusable:focus-visible {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .focusable:not(:focus-visible) {
+                outline: none
+            }
+
+            .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
+                outline: none
+            }
+
+            .focusable-inset {
+                --w-outline-offset: -3px
+            }
+
+            .gap-12 {
+                gap: 1.2rem
+            }
+
+            .gap-8 {
+                gap: .8rem
+            }
+
+            .gap-x-16 {
+                column-gap: 1.6rem
+            }
+
+            .gap-y-16 {
+                row-gap: 1.6rem
+            }
+
+            .row-span-2 {
+                grid-row: span 2/span 2
+            }
+
+            .col-span-2 {
+                grid-column: span 2/span 2
+            }
+
+            .col-span-3 {
+                grid-column: span 3/span 3
+            }
+
+            .row-start-1 {
+                grid-row-start: 1
+            }
+
+            .row-start-2 {
+                grid-row-start: 2
+            }
+
+            .col-start-2 {
+                grid-column-start: 2
+            }
+
+            .auto-rows-auto {
+                grid-auto-rows: auto
+            }
+
+            .grid-flow-col {
+                grid-auto-flow: column
+            }
+
+            .grid-rows-\\[20px_auto\\] {
+                grid-template-rows:20px auto
+            }
+
+            .grid-rows-\\[auto_20px\\] {
+                grid-template-rows:auto 20px
+            }
+
+            .grid-cols-\\[1fr_20px_1fr\\] {
+                grid-template-columns:1fr 20px 1fr
+            }
+
+            .grid-cols-\\[1fr_20px\\] {
+                grid-template-columns:1fr 20px
+            }
+
+            .grid-cols-\\[20px_1fr\\] {
+                grid-template-columns:20px 1fr
+            }
+
+            .grid-cols-\\[auto_1fr_auto\\] {
+                grid-template-columns:auto 1fr auto
+            }
+
+            .grid-cols-1 {
+                grid-template-columns:repeat(1, minmax(0, 1fr))
+            }
+
+            .grid-cols-2 {
+                grid-template-columns:repeat(2, minmax(0, 1fr))
+            }
+
+            .grid-cols-3 {
+                grid-template-columns:repeat(3, minmax(0, 1fr))
+            }
+
+            .grid-cols-4 {
+                grid-template-columns:repeat(4, minmax(0, 1fr))
+            }
+
+            .grid-cols-5 {
+                grid-template-columns:repeat(5, minmax(0, 1fr))
+            }
+
+            .grid-cols-6 {
+                grid-template-columns:repeat(6, minmax(0, 1fr))
+            }
+
+            .grid-cols-7 {
+                grid-template-columns:repeat(7, minmax(0, 1fr))
+            }
+
+            .grid-cols-8 {
+                grid-template-columns:repeat(8, minmax(0, 1fr))
+            }
+
+            .grid-cols-9 {
+                grid-template-columns:repeat(9, minmax(0, 1fr))
+            }
+
+            .overflow-hidden {
+                overflow: hidden
+            }
+
+            .overflow-x-hidden {
+                overflow-x: hidden
+            }
+
+            .overflow-y-auto {
+                overflow-y: auto
+            }
+
+            .list-none {
+                list-style-type: none
+            }
+
+            .outline-\\[--w-s-color-border-negative\\]\\! {
+                outline-color: var(--w-s-color-border-negative) !important
+            }
+
+            .outline-none {
+                outline: 2px solid transparent;
+                outline-offset: 2px
+            }
+
+            .focus\\:outline-none:focus {
+                outline: 2px solid transparent;
+                outline-offset: 2px
+            }
+
+            .items-start {
+                align-items: flex-start
+            }
+
+            .items-end {
+                align-items: flex-end
+            }
+
+            .items-center {
+                align-items: center
+            }
+
+            .self-center {
+                align-self: center
+            }
+
+            .inset-0 {
+                top: 0rem;
+                right: 0rem;
+                bottom: 0rem;
+                left: 0rem
+            }
+
+            .-bottom-0 {
+                bottom: -0rem
+            }
+
+            .bottom-0 {
+                bottom: 0rem
+            }
+
+            .bottom-10 {
+                bottom: 1rem
+            }
+
+            .bottom-16 {
+                bottom: 1.6rem
+            }
+
+            .left-0 {
+                left: 0rem
+            }
+
+            .left-4 {
+                left: .4rem
+            }
+
+            .right-0 {
+                right: 0rem
+            }
+
+            .right-8 {
+                right: .8rem
+            }
+
+            .top-\\[1\\.92rem\\] {
+                top: 1.92rem
+            }
+
+            .top-0 {
+                top: 0rem
+            }
+
+            .top-20 {
+                top: 2rem
+            }
+
+            .top-4 {
+                top: .4rem
+            }
+
+            .top-8 {
+                top: .8rem
+            }
+
+            .before\\:bottom-0:before {
+                bottom: 0rem
+            }
+
+            .before\\:left-0:before {
+                left: 0rem
+            }
+
+            .before\\:right-0:before {
+                right: 0rem
+            }
+
+            .before\\:top-2:before {
+                top: .2rem
+            }
+
+            .-bottom-\\[8px\\] {
+                bottom: -8px
+            }
+
+            .-left-\\[8px\\] {
+                left: -8px
+            }
+
+            .-right-\\[8px\\] {
+                right: -8px
+            }
+
+            .-top-\\[8px\\] {
+                top: -8px
+            }
+
+            .top-\\[19px\\] {
+                top: 19px
+            }
+
+            .top-\\[30\\%\\] {
+                top: 30%
+            }
+
+            .justify-end {
+                justify-content: flex-end
+            }
+
+            .justify-center {
+                justify-content: center
+            }
+
+            .justify-between {
+                justify-content: space-between
+            }
+
+            .justify-items-center {
+                justify-items: center
+            }
+
+            .justify-self-start {
+                justify-self: start
+            }
+
+            .justify-self-end {
+                justify-self: end
+            }
+
+            .justify-self-center {
+                justify-self: center
+            }
+
+            .absolute {
+                position: absolute
+            }
+
+            .fixed {
+                position: fixed
+            }
+
+            .relative {
+                position: relative
+            }
+
+            .open\\:fixed[open] {
+                position: fixed
+            }
+
+            .before\\:absolute:before {
+                position: absolute
+            }
+
+            .z-10, .peer:checked ~ .peer-checked\\:z-10 {
+                z-index: 10
+            }
+
+            .z-30 {
+                z-index: 30
+            }
+
+            .z-50 {
+                z-index: 50
+            }
+
+            .hover\\:z-30:hover {
+                z-index: 30
+            }
+
+            .\\!s-bg-selected {
+                background-color: var(--w-s-color-background-selected) !important
+            }
+
+            .s-bg {
+                background-color: var(--w-s-color-background)
+            }
+
+            .s-bg-disabled {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .s-bg-disabled-subtle {
+                background-color: var(--w-s-color-background-disabled-subtle)
+            }
+
+            .s-bg-info-subtle {
+                background-color: var(--w-s-color-background-info-subtle)
+            }
+
+            .s-bg-inverted {
+                background-color: var(--w-s-color-background-inverted)
+            }
+
+            .s-bg-negative {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .s-bg-negative-subtle {
+                background-color: var(--w-s-color-background-negative-subtle)
+            }
+
+            .s-bg-positive-subtle {
+                background-color: var(--w-s-color-background-positive-subtle)
+            }
+
+            .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .s-bg-selected {
+                background-color: var(--w-s-color-background-selected)
+            }
+
+            .s-bg-subtle {
+                background-color: var(--w-s-color-background-subtle)
+            }
+
+            .s-bg-warning-subtle {
+                background-color: var(--w-s-color-background-warning-subtle)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .\\!hover\\:s-bg-selected-hover:hover {
+                background-color: var(--w-s-color-background-selected-hover) !important
+            }
+
+            .group:hover .group-hover\\:s-bg-primary-hover {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .hover\\:before\\:s-bg-hover:hover:before {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
+                background-color: var(--w-s-color-background-negative-subtle-hover)
+            }
+
+            .hover\\:s-bg-hover:hover {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .hover\\:s-bg-negative-hover:hover {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .hover\\:s-bg-negative-subtle-hover:hover {
+                background-color: var(--w-s-color-background-negative-subtle-hover)
+            }
+
+            .hover\\:s-bg-primary-hover:hover {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .hover\\:s-bg-selected-hover:hover {
+                background-color: var(--w-s-color-background-selected-hover)
+            }
+
+            .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
+                background-color: var(--w-s-color-background-negative-subtle)
+            }
+
+            .focus\\:s-bg-primary-hover:focus {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .\\!active\\:s-bg-selected-active:active {
+                background-color: var(--w-s-color-background-selected-active) !important
+            }
+
+            .active\\:s-bg-active:active {
+                background-color: var(--w-s-color-background-active)
+            }
+
+            .active\\:s-bg-negative-active:active {
+                background-color: var(--w-s-color-background-negative-active)
+            }
+
+            .active\\:s-bg-negative-subtle-active:active {
+                background-color: var(--w-s-color-background-negative-subtle-active)
+            }
+
+            .active\\:s-bg-primary-active:active {
+                background-color: var(--w-s-color-background-primary-active)
+            }
+
+            .active\\:s-bg-selected-active:active {
+                background-color: var(--w-s-color-background-selected-active)
+            }
+
+            .before\\:s-bg-disabled-subtle:before {
+                background-color: var(--w-s-color-background-disabled-subtle)
+            }
+
+            .before\\:s-bg:before {
+                background-color: var(--w-s-color-background)
+            }
+
+            .s-text {
+                color: var(--w-s-color-text)
+            }
+
+            .s-text-disabled {
+                color: var(--w-s-color-text-disabled)
+            }
+
+            .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
+                color: var(--w-s-color-text-inverted)
+            }
+
+            .s-text-inverted-static {
+                color: var(--w-s-color-text-inverted-static)
+            }
+
+            .s-text-link {
+                color: var(--w-s-color-text-link)
+            }
+
+            .s-text-negative {
+                color: var(--w-s-color-text-negative)
+            }
+
+            .s-text-subtle {
+                color: var(--w-s-color-text-subtle)
+            }
+
+            .hover\\:s-text-link:hover {
+                color: var(--w-s-color-text-link)
+            }
+
+            .active\\:s-text:active {
+                color: var(--w-s-color-text)
+            }
+
+            .placeholder\\:s-text-placeholder::placeholder {
+                color: var(--w-s-color-text-placeholder)
+            }
+
+            .s-icon {
+                color: var(--w-s-color-icon)
+            }
+
+            .s-icon-info {
+                color: var(--w-s-color-icon-info)
+            }
+
+            .s-icon-inverted {
+                color: var(--w-s-color-icon-inverted)
+            }
+
+            .s-icon-negative {
+                color: var(--w-s-color-icon-negative)
+            }
+
+            .s-icon-positive {
+                color: var(--w-s-color-icon-positive)
+            }
+
+            .s-icon-warning {
+                color: var(--w-s-color-icon-warning)
+            }
+
+            .hover\\:s-icon-hover:hover {
+                color: var(--w-s-color-icon-hover)
+            }
+
+            .active\\:s-icon-active:active {
+                color: var(--w-s-color-icon-active)
+            }
+
+            .before\\:s-icon-inverted:before {
+                color: var(--w-s-color-icon-inverted)
+            }
+
+            .s-border {
+                border-color: var(--w-s-color-border)
+            }
+
+            .s-border-disabled {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .s-border-info-subtle {
+                border-color: var(--w-s-color-border-info-subtle)
+            }
+
+            .s-border-l-info {
+                border-left-color: var(--w-s-color-border-info)
+            }
+
+            .s-border-l-negative {
+                border-left-color: var(--w-s-color-border-negative)
+            }
+
+            .s-border-l-positive {
+                border-left-color: var(--w-s-color-border-positive)
+            }
+
+            .s-border-l-warning {
+                border-left-color: var(--w-s-color-border-warning)
+            }
+
+            .s-border-negative {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .s-border-negative-subtle {
+                border-color: var(--w-s-color-border-negative-subtle)
+            }
+
+            .s-border-positive-subtle {
+                border-color: var(--w-s-color-border-positive-subtle)
+            }
+
+            .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .s-border-selected {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .s-border-warning-subtle {
+                border-color: var(--w-s-color-border-warning-subtle)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .group:hover .group-hover\\:s-border-selected-hover {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .hover\\:before\\:s-border-negative-hover:hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .hover\\:before\\:s-border-primary:hover:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .hover\\:s-border-disabled:hover {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .hover\\:s-border-hover:hover {
+                border-color: var(--w-s-color-border-hover)
+            }
+
+            .hover\\:s-border-negative-hover:hover {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .hover\\:s-border-primary-hover:hover {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .hover\\:s-border-primary:hover {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .hover\\:s-border-selected-hover:hover {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .focus\\:s-border-primary-hover:focus {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .active\\:s-border-active:active {
+                border-color: var(--w-s-color-border-active)
+            }
+
+            .active\\:s-border-disabled:active {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .active\\:s-border-primary-active:active {
+                border-color: var(--w-s-color-border-primary-active)
+            }
+
+            .active\\:s-border-selected-active:active {
+                border-color: var(--w-s-color-border-selected-active)
+            }
+
+            .active\\:s-border-selected:active {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .group:active .group-active\\:s-border-active {
+                border-color: var(--w-s-color-border-active)
+            }
+
+            .group:active .group-active\\:s-border-selected-active {
+                border-color: var(--w-s-color-border-selected-active)
+            }
+
+            .before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .s-surface-sunken {
+                background-color: var(--w-s-color-surface-sunken)
+            }
+
+            .s-surface-elevated-200 {
+                background-color: var(--w-s-color-surface-elevated-200);
+                box-shadow: var(--w-s-shadow-surface-elevated-200)
+            }
+
+            .hover\\:s-surface-elevated-200-hover:hover {
+                background-color: var(--w-s-color-surface-elevated-200-hover);
+                box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
+            }
+
+            .active\\:s-surface-elevated-200-active:active {
+                background-color: var(--w-s-color-surface-elevated-200-active);
+                box-shadow: var(--w-s-shadow-surface-elevated-200-active)
+            }
+
+            .drop-shadow-m {
+                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
+            }
+
+            .shadow-m {
+                box-shadow: var(--w-shadow-m)
+            }
+
+            .shadow-s {
+                box-shadow: var(--w-shadow-s)
+            }
+
+            .shadow-\\[--w-shadow-slider\\] {
+                box-shadow: var(--w-shadow-slider)
+            }
+
+            .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
+                box-shadow: var(--w-shadow-slider-handle-hover)
+            }
+
+            .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
+                box-shadow: var(--w-shadow-slider-handle-hover)
+            }
+
+            .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
+                box-shadow: var(--w-shadow-slider-handle-active)
+            }
+
+            .h-0 {
+                height: 0rem
+            }
+
+            .h-16 {
+                height: 1.6rem
+            }
+
+            .h-2 {
+                height: .2rem
+            }
+
+            .h-20 {
+                height: 2rem
+            }
+
+            .h-24 {
+                height: 2.4rem
+            }
+
+            .h-4 {
+                height: .4rem
+            }
+
+            .h-44 {
+                height: 4.4rem
+            }
+
+            .h-6 {
+                height: .6rem
+            }
+
+            .h-8 {
+                height: .8rem
+            }
+
+            .h-full {
+                height: 100%
+            }
+
+            .h-unset {
+                height: unset
+            }
+
+            .max-h-unset {
+                max-height: unset
+            }
+
+            .max-w-full {
+                max-width: 100%
+            }
+
+            .max-w-max {
+                max-width: max-content
+            }
+
+            .max-w-unset {
+                max-width: unset
+            }
+
+            .min-h-32 {
+                min-height: 3.2rem
+            }
+
+            .min-h-40 {
+                min-height: 4rem
+            }
+
+            .min-w-16 {
+                min-width: 1.6rem
+            }
+
+            .min-w-32 {
+                min-width: 3.2rem
+            }
+
+            .w-16 {
+                width: 1.6rem
+            }
+
+            .w-2 {
+                width: .2rem
+            }
+
+            .w-20 {
+                width: 2rem
+            }
+
+            .w-24 {
+                width: 2.4rem
+            }
+
+            .w-32 {
+                width: 3.2rem
+            }
+
+            .w-40 {
+                width: 4rem
+            }
+
+            .w-44 {
+                width: 4.4rem
+            }
+
+            .w-8 {
+                width: .8rem
+            }
+
+            .w-full {
+                width: 100%
+            }
+
+            .w-max {
+                width: max-content
+            }
+
+            .w-unset {
+                width: unset
+            }
+
+            .before\\:h-20:before {
+                height: 2rem
+            }
+
+            .before\\:h-full:before {
+                height: 100%
+            }
+
+            .before\\:w-20:before {
+                width: 2rem
+            }
+
+            .before\\:w-32:before {
+                width: 3.2rem
+            }
+
+            .h-\\[--w-modal-height\\] {
+                height: var(--w-modal-height)
+            }
+
+            .h-\\[14px\\] {
+                height: 14px
+            }
+
+            .h-\\[16px\\] {
+                height: 16px
+            }
+
+            .max-h-\\[--w-modal-max-height\\] {
+                max-height: var(--w-modal-max-height)
+            }
+
+            .min-h-\\[--w-modal-min-height\\] {
+                min-height: var(--w-modal-min-height)
+            }
+
+            .min-h-\\[32px\\] {
+                min-height: 32px
+            }
+
+            .min-h-\\[40px\\] {
+                min-height: 40px
+            }
+
+            .min-h-\\[42\\] {
+                min-height: 4.2rem
+            }
+
+            .min-h-\\[44px\\] {
+                min-height: 44px
+            }
+
+            .min-w-\\[32px\\] {
+                min-width: 32px
+            }
+
+            .min-w-\\[40px\\] {
+                min-width: 40px
+            }
+
+            .min-w-\\[44px\\] {
+                min-width: 44px
+            }
+
+            .w-\\[--w-modal-width\\] {
+                width: var(--w-modal-width)
+            }
+
+            .w-\\[14px\\] {
+                width: 14px
+            }
+
+            .w-\\[16px\\] {
+                width: 16px
+            }
+
+            .space-x-8 > :not([hidden]) ~ :not([hidden]) {
+                --w-space-x-reverse: 0;
+                margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
+                margin-right: calc(.8rem * var(--w-space-x-reverse))
+            }
+
+            .space-y-16 > :not([hidden]) ~ :not([hidden]) {
+                --w-space-y-reverse: 0;
+                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
+                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
+            }
+
+            .m-0 {
+                margin: 0rem
+            }
+
+            .m-auto {
+                margin: auto
+            }
+
+            .-mx-16 {
+                margin-left: -1.6rem;
+                margin-right: -1.6rem
+            }
+
+            .mx-0 {
+                margin-left: 0rem;
+                margin-right: 0rem
+            }
+
+            .mx-8 {
+                margin-left: .8rem;
+                margin-right: .8rem
+            }
+
+            .mx-auto {
+                margin-left: auto;
+                margin-right: auto
+            }
+
+            .-mb-1 {
+                margin-bottom: -.1rem
+            }
+
+            .-ml-8 {
+                margin-left: -.8rem
+            }
+
+            .-mr-1 {
+                margin-right: -.1rem
+            }
+
+            .-mr-8 {
+                margin-right: -.8rem
+            }
+
+            .-mt-2 {
+                margin-top: -.2rem
+            }
+
+            .-mt-4 {
+                margin-top: -.4rem
+            }
+
+            .last-child\\:mb-0 > :last-child, .mb-0 {
+                margin-bottom: 0rem
+            }
+
+            .mb-32 {
+                margin-bottom: 3.2rem
+            }
+
+            .ml-8 {
+                margin-left: .8rem
+            }
+
+            .ml-auto {
+                margin-left: auto
+            }
+
+            .mr-8 {
+                margin-right: .8rem
+            }
+
+            .mt-16 {
+                margin-top: 1.6rem
+            }
+
+            .mt-4 {
+                margin-top: .4rem
+            }
+
+            .group:not(:first-child) .group-not-first\\:-ml-2 {
+                margin-left: -.2rem
+            }
+
+            .last\\:mb-0:last-child {
+                margin-bottom: 0rem
+            }
+
+            .last\\:mr-0:last-child {
+                margin-right: 0rem
+            }
+
+            .m-\\[8px\\] {
+                margin: 8px
+            }
+
+            .p-0 {
+                padding: 0rem
+            }
+
+            .p-16 {
+                padding: 1.6rem
+            }
+
+            .p-4 {
+                padding: .4rem
+            }
+
+            .p-8 {
+                padding: .8rem
+            }
+
+            .px-0 {
+                padding-left: 0rem;
+                padding-right: 0rem
+            }
+
+            .px-1 {
+                padding-left: .1rem;
+                padding-right: .1rem
+            }
+
+            .px-12 {
+                padding-left: 1.2rem;
+                padding-right: 1.2rem
+            }
+
+            .px-14 {
+                padding-left: 1.4rem;
+                padding-right: 1.4rem
+            }
+
+            .px-16 {
+                padding-left: 1.6rem;
+                padding-right: 1.6rem
+            }
+
+            .px-8 {
+                padding-left: .8rem;
+                padding-right: .8rem
+            }
+
+            .py-0 {
+                padding-top: 0rem;
+                padding-bottom: 0rem
+            }
+
+            .py-1 {
+                padding-top: .1rem;
+                padding-bottom: .1rem
+            }
+
+            .py-10 {
+                padding-top: 1rem;
+                padding-bottom: 1rem
+            }
+
+            .py-12 {
+                padding-top: 1.2rem;
+                padding-bottom: 1.2rem
+            }
+
+            .py-2 {
+                padding-top: .2rem;
+                padding-bottom: .2rem
+            }
+
+            .py-4 {
+                padding-top: .4rem;
+                padding-bottom: .4rem
+            }
+
+            .py-6 {
+                padding-top: .6rem;
+                padding-bottom: .6rem
+            }
+
+            .py-8 {
+                padding-top: .8rem;
+                padding-bottom: .8rem
+            }
+
+            .pb-0 {
+                padding-bottom: 0rem
+            }
+
+            .pb-32 {
+                padding-bottom: 3.2rem
+            }
+
+            .pb-4 {
+                padding-bottom: .4rem
+            }
+
+            .pb-8 {
+                padding-bottom: .8rem
+            }
+
+            .pl-0 {
+                padding-left: 0rem
+            }
+
+            .pl-1 {
+                padding-left: .1rem
+            }
+
+            .pl-12 {
+                padding-left: 1.2rem
+            }
+
+            .pl-28 {
+                padding-left: 2.8rem
+            }
+
+            .pl-4 {
+                padding-left: .4rem
+            }
+
+            .pl-8 {
+                padding-left: .8rem
+            }
+
+            .pr-12 {
+                padding-right: 1.2rem
+            }
+
+            .pr-14 {
+                padding-right: 1.4rem
+            }
+
+            .pr-2 {
+                padding-right: .2rem
+            }
+
+            .pr-32 {
+                padding-right: 3.2rem
+            }
+
+            .pr-40 {
+                padding-right: 4rem
+            }
+
+            .pt-0 {
+                padding-top: 0rem
+            }
+
+            .pt-1 {
+                padding-top: .1rem
+            }
+
+            .pt-16 {
+                padding-top: 1.6rem
+            }
+
+            .pt-24 {
+                padding-top: 2.4rem
+            }
+
+            .pt-8 {
+                padding-top: .8rem
+            }
+
+            .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
+                padding-bottom: 0rem
+            }
+
+            .last\\:pb-1:last-child {
+                padding-bottom: .1rem
+            }
+
+            .last\\:pr-1:last-child {
+                padding-right: .1rem
+            }
+
+            .p-\\[8px\\] {
+                padding: 8px
+            }
+
+            .px-\\[15px\\] {
+                padding-left: 15px;
+                padding-right: 15px
+            }
+
+            .px-\\[8px\\] {
+                padding-left: 8px;
+                padding-right: 8px
+            }
+
+            .py-\\[11px\\] {
+                padding-top: 11px;
+                padding-bottom: 11px
+            }
+
+            .py-\\[5px\\] {
+                padding-top: 5px;
+                padding-bottom: 5px
+            }
+
+            .py-\\[7px\\] {
+                padding-top: 7px;
+                padding-bottom: 7px
+            }
+
+            .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
+                padding-left: var(--w-prefix-width, 40px)
+            }
+
+            .invisible {
+                visibility: hidden
+            }
+
+            .backface-hidden {
+                backface-visibility: hidden
+            }
+
+            .break-words {
+                overflow-wrap: break-word
+            }
+
+            .before\\:content-\\[\\"–\\"\\]:before {
+                content: "–"
+            }
+
+            .before\\:content-\\[\\"\\"\\]:before {
+                content: ""
+            }
+
+            .cursor-default {
+                cursor: default
+            }
+
+            .cursor-pointer {
+                cursor: pointer
+            }
+
+            .antialiased {
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+                font-smoothing: grayscale
+            }
+
+            .font-bold {
+                font-weight: 700
+            }
+
+            .before\\:font-bold:before {
+                font-weight: 700
+            }
+
+            .font-normal {
+                font-weight: 400
+            }
+
+            .pointer-events-auto {
+                pointer-events: auto
+            }
+
+            .pointer-events-none {
+                pointer-events: none
+            }
+
+            .before\\:pointer-events-none:before {
+                pointer-events: none
+            }
+
+            .pb-safe-\\[32\\] {
+                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
+            }
+
+            .sr-only {
+                position: absolute;
+                width: 1px;
+                height: 1px;
+                padding: 0;
+                margin: -1px;
+                overflow: hidden;
+                clip: rect(0, 0, 0, 0);
+                white-space: nowrap;
+                border-width: 0
+            }
+
+            .touch-pan-y {
+                touch-action: pan-y
+            }
+
+            .select-none {
+                -webkit-user-select: none;
+                user-select: none
+            }
+
+            .translate-x-20 {
+                --w-translate-x: 2rem;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .translate-z-0 {
+                --w-translate-z: 0rem;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: -180deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: 180deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .rotate-90 {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: 90deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {
+                transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
+                transition-property: transform;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-300 {
+                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .3s
+            }
+
+            .transition-all {
+                transition-property: all;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-colors {
+                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-shadow {
+                transition-property: box-shadow;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .before\\:transition-all:before {
+                transition-property: all;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .duration-300 {
+                transition-duration: .3s
+            }
+
+            .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part) {
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
+            }
+
+            .text-m {
+                font-size: var(--w-font-size-m);
+                line-height: var(--w-line-height-m)
+            }
+
+            .text-s {
+                font-size: var(--w-font-size-s);
+                line-height: var(--w-line-height-s)
+            }
+
+            .text-xs {
+                font-size: var(--w-font-size-xs);
+                line-height: var(--w-line-height-xs)
+            }
+
+            .leading-m {
+                line-height: var(--w-line-height-m)
+            }
+
+            .before\\:leading-xs:before {
+                line-height: var(--w-line-height-xs)
+            }
+
+            .leading-\\[24\\] {
+                line-height: 2.4rem
+            }
+
+            @media (max-width: 479.9px) {
+                .lt-sm\\:rounded-b-0 {
+                    border-bottom-left-radius: 0;
+                    border-bottom-right-radius: 0
+                }
+            }
+            @media (min-width: 480px) {
+                .sm\\:border-b-0 {
+                    border-bottom-width: 0
+                }
+
+                .sm\\:rounded-8 {
+                    border-radius: 8px
+                }
+
+                .sm\\:rounded-b-8 {
+                    border-bottom-left-radius: 8px;
+                    border-bottom-right-radius: 8px
+                }
+
+                .sm\\:gap-16 {
+                    gap: 1.6rem
+                }
+
+                .sm\\:place-content-center {
+                    place-content: center
+                }
+
+                .sm\\:place-items-center {
+                    place-items: center
+                }
+
+                .sm\\:h-24 {
+                    height: 2.4rem
+                }
+
+                .sm\\:min-h-48 {
+                    min-height: 4.8rem
+                }
+
+                .sm\\:w-24 {
+                    width: 2.4rem
+                }
+
+                .sm\\:min-h-\\[32px\\] {
+                    min-height: 32px
+                }
+
+                .sm\\:min-h-\\[44px\\] {
+                    min-height: 44px
+                }
+
+                .sm\\:min-h-\\[45\\] {
+                    min-height: 4.5rem
+                }
+
+                .sm\\:min-w-\\[32px\\] {
+                    min-width: 32px
+                }
+
+                .sm\\:min-w-\\[44px\\] {
+                    min-width: 44px
+                }
+
+                .sm\\:mx-0 {
+                    margin-left: 0rem;
+                    margin-right: 0rem
+                }
+
+                .sm\\:mx-16 {
+                    margin-left: 1.6rem;
+                    margin-right: 1.6rem
+                }
+
+                .sm\\:-ml-12 {
+                    margin-left: -1.2rem
+                }
+
+                .sm\\:-mr-12 {
+                    margin-right: -1.2rem
+                }
+
+                .sm\\:-mt-8 {
+                    margin-top: -.8rem
+                }
+
+                .sm\\:px-32 {
+                    padding-left: 3.2rem;
+                    padding-right: 3.2rem
+                }
+
+                .sm\\:py-0 {
+                    padding-top: 0rem;
+                    padding-bottom: 0rem
+                }
+
+                .sm\\:pb-32 {
+                    padding-bottom: 3.2rem
+                }
+
+                .sm\\:pt-24 {
+                    padding-top: 2.4rem
+                }
+
+                .sm\\:pt-32 {
+                    padding-top: 3.2rem
+                }
+            }
+            @media (min-width: 768px) {
+                .md\\:block {
+                    display: block
+                }
+
+                .md\\:hidden {
+                    display: none
+                }
+            }
+        `;var yr=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var kr=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var _r=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var $r=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Ar=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');var Sr=T`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var g={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},w=class extends v{constructor(){super(),wr(kr,$r,_r,yr,Ar),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=f._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=f._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return oe([g.button,g.label,this.suggestion?g.suggestion:g.filter,this.canClose?g.labelWithClose:g.labelWithoutClose])}get _closeClasses(){return oe([g.button,g.close,this.suggestion?g.suggestion:g.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return J`
+      <div class="${g.wrapper}">
+        <button type="button" class="${this._labelClasses}" @click="${this._onClick}">
+          <span class="${g.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
+          <slot></slot>
+        </button>
+        ${this.canClose?J` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
+              <span class="${g.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
+              <w-icon-close-16 class="${g.closeIcon}"></w-icon-close-16>
+            </button>`:null}
+      </div>
+    `}};w.styles=[xr,Sr],E([A({attribute:"can-close",type:Boolean})],w.prototype,"canClose",2),E([A({attribute:"suggestion",type:Boolean})],w.prototype,"suggestion",2),E([A({attribute:"open-sr-label",type:String})],w.prototype,"openSrLabel",2),E([A({attribute:"open-aria-label",type:String})],w.prototype,"openAriaLabel",2),E([A({attribute:"close-sr-label",type:String})],w.prototype,"closeSrLabel",2),E([A({attribute:"close-aria-label",type:String})],w.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",w);export{w as WarpPill,g as pillStyles};
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/static.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
 //# sourceMappingURL=index.js.map