@zanichelli/albe-web-components 19.2.12-rc3 → 19.2.12

package/www/build/p-DALRZVXG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-DALRZVXG.js","sources":["node_modules/tabbable/dist/index.esm.js","src/utils/utils.ts"],"sourcesContent":["/*!\n* tabbable 6.4.0\n* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE\n*/\n// NOTE: separate `:not()` selectors has broader browser support than the newer\n//  `:not([inert], [inert] *)` (Feb 2023)\nvar candidateSelectors = ['input:not([inert]):not([inert] *)', 'select:not([inert]):not([inert] *)', 'textarea:not([inert]):not([inert] *)', 'a[href]:not([inert]):not([inert] *)', 'button:not([inert]):not([inert] *)', '[tabindex]:not(slot):not([inert]):not([inert] *)', 'audio[controls]:not([inert]):not([inert] *)', 'video[controls]:not([inert]):not([inert] *)', '[contenteditable]:not([contenteditable=\"false\"]):not([inert]):not([inert] *)', 'details>summary:first-of-type:not([inert]):not([inert] *)', 'details:not([inert]):not([inert] *)'];\nvar candidateSelector = /* #__PURE__ */candidateSelectors.join(',');\nvar NoElement = typeof Element === 'undefined';\nvar matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\nvar getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {\n  var _element$getRootNode;\n  return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);\n} : function (element) {\n  return element === null || element === void 0 ? void 0 : element.ownerDocument;\n};\n\n/**\n * Determines if a node is inert or in an inert ancestor.\n * @param {Node} [node]\n * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to\n *  see if any of them are inert. If false, only `node` itself is considered.\n * @returns {boolean} True if inert itself or by way of being in an inert ancestor.\n *  False if `node` is falsy.\n */\nvar _isInert = function isInert(node, lookUp) {\n  var _node$getAttribute;\n  if (lookUp === void 0) {\n    lookUp = true;\n  }\n  // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`\n  //  JS API property; we have to check the attribute, which can either be empty or 'true';\n  //  if it's `null` (not specified) or 'false', it's an active element\n  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');\n  var inert = inertAtt === '' || inertAtt === 'true';\n\n  // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`\n  //  if it weren't for `matches()` not being a function on shadow roots; the following\n  //  code works for any kind of node\n  var result = inert || lookUp && node && (\n  // closest does not exist on shadow roots, so we fall back to a manual\n  // lookup upward, in case it is not defined.\n  typeof node.closest === 'function' ? node.closest('[inert]') : _isInert(node.parentNode));\n  return result;\n};\n\n/**\n * Determines if a node's content is editable.\n * @param {Element} [node]\n * @returns True if it's content-editable; false if it's not or `node` is falsy.\n */\nvar isContentEditable = function isContentEditable(node) {\n  var _node$getAttribute2;\n  // CAREFUL: JSDom does not support the `HTMLElement.isContentEditable` API so we have\n  //  to use the attribute directly to check for this, which can either be empty or 'true';\n  //  if it's `null` (not specified) or 'false', it's a non-editable element\n  var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, 'contenteditable');\n  return attValue === '' || attValue === 'true';\n};\n\n/**\n * @param {Element} el container to check in\n * @param {boolean} includeContainer add container to check\n * @param {(node: Element) => boolean} filter filter candidates\n * @returns {Element[]}\n */\nvar getCandidates = function getCandidates(el, includeContainer, filter) {\n  // even if `includeContainer=false`, we still have to check it for inertness because\n  //  if it's inert (either by itself or via its parent), then all its children are inert\n  if (_isInert(el)) {\n    return [];\n  }\n  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));\n  if (includeContainer && matches.call(el, candidateSelector)) {\n    candidates.unshift(el);\n  }\n  candidates = candidates.filter(filter);\n  return candidates;\n};\n\n/**\n * @callback GetShadowRoot\n * @param {Element} element to check for shadow root\n * @returns {ShadowRoot|boolean} ShadowRoot if available or boolean indicating if a shadowRoot is attached but not available.\n */\n\n/**\n * @callback ShadowRootFilter\n * @param {Element} shadowHostNode the element which contains shadow content\n * @returns {boolean} true if a shadow root could potentially contain valid candidates.\n */\n\n/**\n * @typedef {Object} CandidateScope\n * @property {Element} scopeParent contains inner candidates\n * @property {Element[]} candidates list of candidates found in the scope parent\n */\n\n/**\n * @typedef {Object} IterativeOptions\n * @property {GetShadowRoot|boolean} getShadowRoot true if shadow support is enabled; falsy if not;\n *  if a function, implies shadow support is enabled and either returns the shadow root of an element\n *  or a boolean stating if it has an undisclosed shadow root\n * @property {(node: Element) => boolean} filter filter candidates\n * @property {boolean} flatten if true then result will flatten any CandidateScope into the returned list\n * @property {ShadowRootFilter} shadowRootFilter filter shadow roots;\n */\n\n/**\n * @param {Element[]} elements list of element containers to match candidates from\n * @param {boolean} includeContainer add container list to check\n * @param {IterativeOptions} options\n * @returns {Array.<Element|CandidateScope>}\n */\nvar _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {\n  var candidates = [];\n  var elementsToCheck = Array.from(elements);\n  while (elementsToCheck.length) {\n    var element = elementsToCheck.shift();\n    if (_isInert(element, false)) {\n      // no need to look up since we're drilling down\n      // anything inside this container will also be inert\n      continue;\n    }\n    if (element.tagName === 'SLOT') {\n      // add shadow dom slot scope (slot itself cannot be focusable)\n      var assigned = element.assignedElements();\n      var content = assigned.length ? assigned : element.children;\n      var nestedCandidates = _getCandidatesIteratively(content, true, options);\n      if (options.flatten) {\n        candidates.push.apply(candidates, nestedCandidates);\n      } else {\n        candidates.push({\n          scopeParent: element,\n          candidates: nestedCandidates\n        });\n      }\n    } else {\n      // check candidate element\n      var validCandidate = matches.call(element, candidateSelector);\n      if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {\n        candidates.push(element);\n      }\n\n      // iterate over shadow content if possible\n      var shadowRoot = element.shadowRoot ||\n      // check for an undisclosed shadow\n      typeof options.getShadowRoot === 'function' && options.getShadowRoot(element);\n\n      // no inert look up because we're already drilling down and checking for inertness\n      //  on the way down, so all containers to this root node should have already been\n      //  vetted as non-inert\n      var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));\n      if (shadowRoot && validShadowRoot) {\n        // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed\n        //  shadow exists, so look at light dom children as fallback BUT create a scope for any\n        //  child candidates found because they're likely slotted elements (elements that are\n        //  children of the web component element (which has the shadow), in the light dom, but\n        //  slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,\n        //  _after_ we return from this recursive call\n        var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);\n        if (options.flatten) {\n          candidates.push.apply(candidates, _nestedCandidates);\n        } else {\n          candidates.push({\n            scopeParent: element,\n            candidates: _nestedCandidates\n          });\n        }\n      } else {\n        // there's not shadow so just dig into the element's (light dom) children\n        //  __without__ giving the element special scope treatment\n        elementsToCheck.unshift.apply(elementsToCheck, element.children);\n      }\n    }\n  }\n  return candidates;\n};\n\n/**\n * @private\n * Determines if the node has an explicitly specified `tabindex` attribute.\n * @param {HTMLElement} node\n * @returns {boolean} True if so; false if not.\n */\nvar hasTabIndex = function hasTabIndex(node) {\n  return !isNaN(parseInt(node.getAttribute('tabindex'), 10));\n};\n\n/**\n * Determine the tab index of a given node.\n * @param {HTMLElement} node\n * @returns {number} Tab order (negative, 0, or positive number).\n * @throws {Error} If `node` is falsy.\n */\nvar getTabIndex = function getTabIndex(node) {\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (node.tabIndex < 0) {\n    // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default\n    // `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n    // yet they are still part of the regular tab order; in FF, they get a default\n    // `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n    // order, consider their tab index to be 0.\n    // Also browsers do not return `tabIndex` correctly for contentEditable nodes;\n    // so if they don't have a tabindex attribute specifically set, assume it's 0.\n    if ((/^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || isContentEditable(node)) && !hasTabIndex(node)) {\n      return 0;\n    }\n  }\n  return node.tabIndex;\n};\n\n/**\n * Determine the tab index of a given node __for sort order purposes__.\n * @param {HTMLElement} node\n * @param {boolean} [isScope] True for a custom element with shadow root or slot that, by default,\n *  has tabIndex -1, but needs to be sorted by document order in order for its content to be\n *  inserted into the correct sort position.\n * @returns {number} Tab order (negative, 0, or positive number).\n */\nvar getSortOrderTabIndex = function getSortOrderTabIndex(node, isScope) {\n  var tabIndex = getTabIndex(node);\n  if (tabIndex < 0 && isScope && !hasTabIndex(node)) {\n    return 0;\n  }\n  return tabIndex;\n};\nvar sortOrderedTabbables = function sortOrderedTabbables(a, b) {\n  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;\n};\nvar isInput = function isInput(node) {\n  return node.tagName === 'INPUT';\n};\nvar isHiddenInput = function isHiddenInput(node) {\n  return isInput(node) && node.type === 'hidden';\n};\nvar isDetailsWithSummary = function isDetailsWithSummary(node) {\n  var r = node.tagName === 'DETAILS' && Array.prototype.slice.apply(node.children).some(function (child) {\n    return child.tagName === 'SUMMARY';\n  });\n  return r;\n};\nvar getCheckedRadio = function getCheckedRadio(nodes, form) {\n  for (var i = 0; i < nodes.length; i++) {\n    if (nodes[i].checked && nodes[i].form === form) {\n      return nodes[i];\n    }\n  }\n};\nvar isTabbableRadio = function isTabbableRadio(node) {\n  if (!node.name) {\n    return true;\n  }\n  var radioScope = node.form || getRootNode(node);\n  var queryRadios = function queryRadios(name) {\n    return radioScope.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');\n  };\n  var radioSet;\n  if (typeof window !== 'undefined' && typeof window.CSS !== 'undefined' && typeof window.CSS.escape === 'function') {\n    radioSet = queryRadios(window.CSS.escape(node.name));\n  } else {\n    try {\n      radioSet = queryRadios(node.name);\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error('Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s', err.message);\n      return false;\n    }\n  }\n  var checked = getCheckedRadio(radioSet, node.form);\n  return !checked || checked === node;\n};\nvar isRadio = function isRadio(node) {\n  return isInput(node) && node.type === 'radio';\n};\nvar isNonTabbableRadio = function isNonTabbableRadio(node) {\n  return isRadio(node) && !isTabbableRadio(node);\n};\n\n// determines if a node is ultimately attached to the window's document\nvar isNodeAttached = function isNodeAttached(node) {\n  var _nodeRoot;\n  // The root node is the shadow root if the node is in a shadow DOM; some document otherwise\n  //  (but NOT _the_ document; see second 'If' comment below for more).\n  // If rootNode is shadow root, it'll have a host, which is the element to which the shadow\n  //  is attached, and the one we need to check if it's in the document or not (because the\n  //  shadow, and all nodes it contains, is never considered in the document since shadows\n  //  behave like self-contained DOMs; but if the shadow's HOST, which is part of the document,\n  //  is hidden, or is not in the document itself but is detached, it will affect the shadow's\n  //  visibility, including all the nodes it contains). The host could be any normal node,\n  //  or a custom element (i.e. web component). Either way, that's the one that is considered\n  //  part of the document, not the shadow root, nor any of its children (i.e. the node being\n  //  tested).\n  // To further complicate things, we have to look all the way up until we find a shadow HOST\n  //  that is attached (or find none) because the node might be in nested shadows...\n  // If rootNode is not a shadow root, it won't have a host, and so rootNode should be the\n  //  document (per the docs) and while it's a Document-type object, that document does not\n  //  appear to be the same as the node's `ownerDocument` for some reason, so it's safer\n  //  to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,\n  //  using `rootNode.contains(node)` will _always_ be true we'll get false-positives when\n  //  node is actually detached.\n  // NOTE: If `nodeRootHost` or `node` happens to be the `document` itself (which is possible\n  //  if a tabbable/focusable node was quickly added to the DOM, focused, and then removed\n  //  from the DOM as in https://github.com/focus-trap/focus-trap-react/issues/905), then\n  //  `ownerDocument` will be `null`, hence the optional chaining on it.\n  var nodeRoot = node && getRootNode(node);\n  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;\n\n  // in some cases, a detached node will return itself as the root instead of a document or\n  //  shadow root object, in which case, we shouldn't try to look further up the host chain\n  var attached = false;\n  if (nodeRoot && nodeRoot !== node) {\n    var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;\n    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));\n    while (!attached && nodeRootHost) {\n      var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;\n      // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,\n      //  which means we need to get the host's host and check if that parent host is contained\n      //  in (i.e. attached to) the document\n      nodeRoot = getRootNode(nodeRootHost);\n      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;\n      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));\n    }\n  }\n  return attached;\n};\nvar isZeroArea = function isZeroArea(node) {\n  var _node$getBoundingClie = node.getBoundingClientRect(),\n    width = _node$getBoundingClie.width,\n    height = _node$getBoundingClie.height;\n  return width === 0 && height === 0;\n};\nvar isHidden = function isHidden(node, _ref) {\n  var displayCheck = _ref.displayCheck,\n    getShadowRoot = _ref.getShadowRoot;\n  if (displayCheck === 'full-native') {\n    if ('checkVisibility' in node) {\n      // Chrome >= 105, Edge >= 105, Firefox >= 106, Safari >= 17.4\n      // @see https://developer.mozilla.org/en-US/docs/Web/API/Element/checkVisibility#browser_compatibility\n      var visible = node.checkVisibility({\n        // Checking opacity might be desirable for some use cases, but natively,\n        // opacity zero elements _are_ focusable and tabbable.\n        checkOpacity: false,\n        opacityProperty: false,\n        contentVisibilityAuto: true,\n        visibilityProperty: true,\n        // This is an alias for `visibilityProperty`. Contemporary browsers\n        // support both. However, this alias has wider browser support (Chrome\n        // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so\n        // we include it anyway.\n        checkVisibilityCSS: true\n      });\n      return !visible;\n    }\n    // Fall through to manual visibility checks\n  }\n\n  // NOTE: visibility will be `undefined` if node is detached from the document\n  //  (see notes about this further down), which means we will consider it visible\n  //  (this is legacy behavior from a very long way back)\n  // NOTE: we check this regardless of `displayCheck=\"none\"` because this is a\n  //  _visibility_ check, not a _display_ check\n  if (getComputedStyle(node).visibility === 'hidden') {\n    return true;\n  }\n  var isDirectSummary = matches.call(node, 'details>summary:first-of-type');\n  var nodeUnderDetails = isDirectSummary ? node.parentElement : node;\n  if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {\n    return true;\n  }\n  if (!displayCheck || displayCheck === 'full' ||\n  // full-native can run this branch when it falls through in case\n  // Element#checkVisibility is unsupported\n  displayCheck === 'full-native' || displayCheck === 'legacy-full') {\n    if (typeof getShadowRoot === 'function') {\n      // figure out if we should consider the node to be in an undisclosed shadow and use the\n      //  'non-zero-area' fallback\n      var originalNode = node;\n      while (node) {\n        var parentElement = node.parentElement;\n        var rootNode = getRootNode(node);\n        if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true // check if there's an undisclosed shadow\n        ) {\n          // node has an undisclosed shadow which means we can only treat it as a black box, so we\n          //  fall back to a non-zero-area test\n          return isZeroArea(node);\n        } else if (node.assignedSlot) {\n          // iterate up slot\n          node = node.assignedSlot;\n        } else if (!parentElement && rootNode !== node.ownerDocument) {\n          // cross shadow boundary\n          node = rootNode.host;\n        } else {\n          // iterate up normal dom\n          node = parentElement;\n        }\n      }\n      node = originalNode;\n    }\n    // else, `getShadowRoot` might be true, but all that does is enable shadow DOM support\n    //  (i.e. it does not also presume that all nodes might have undisclosed shadows); or\n    //  it might be a falsy value, which means shadow DOM support is disabled\n\n    // Since we didn't find it sitting in an undisclosed shadow (or shadows are disabled)\n    //  now we can just test to see if it would normally be visible or not, provided it's\n    //  attached to the main document.\n    // NOTE: We must consider case where node is inside a shadow DOM and given directly to\n    //  `isTabbable()` or `isFocusable()` -- regardless of `getShadowRoot` option setting.\n\n    if (isNodeAttached(node)) {\n      // this works wherever the node is: if there's at least one client rect, it's\n      //  somehow displayed; it also covers the CSS 'display: contents' case where the\n      //  node itself is hidden in place of its contents; and there's no need to search\n      //  up the hierarchy either\n      return !node.getClientRects().length;\n    }\n\n    // Else, the node isn't attached to the document, which means the `getClientRects()`\n    //  API will __always__ return zero rects (this can happen, for example, if React\n    //  is used to render nodes onto a detached tree, as confirmed in this thread:\n    //  https://github.com/facebook/react/issues/9117#issuecomment-284228870)\n    //\n    // It also means that even window.getComputedStyle(node).display will return `undefined`\n    //  because styles are only computed for nodes that are in the document.\n    //\n    // NOTE: THIS HAS BEEN THE CASE FOR YEARS. It is not new, nor is it caused by tabbable\n    //  somehow. Though it was never stated officially, anyone who has ever used tabbable\n    //  APIs on nodes in detached containers has actually implicitly used tabbable in what\n    //  was later (as of v5.2.0 on Apr 9, 2021) called `displayCheck=\"none\"` mode -- essentially\n    //  considering __everything__ to be visible because of the innability to determine styles.\n    //\n    // v6.0.0: As of this major release, the default 'full' option __no longer treats detached\n    //  nodes as visible with the 'none' fallback.__\n    if (displayCheck !== 'legacy-full') {\n      return true; // hidden\n    }\n    // else, fallback to 'none' mode and consider the node visible\n  } else if (displayCheck === 'non-zero-area') {\n    // NOTE: Even though this tests that the node's client rect is non-zero to determine\n    //  whether it's displayed, and that a detached node will __always__ have a zero-area\n    //  client rect, we don't special-case for whether the node is attached or not. In\n    //  this mode, we do want to consider nodes that have a zero area to be hidden at all\n    //  times, and that includes attached or not.\n    return isZeroArea(node);\n  }\n\n  // visible, as far as we can tell, or per current `displayCheck=none` mode, we assume\n  //  it's visible\n  return false;\n};\n\n// form fields (nested) inside a disabled fieldset are not focusable/tabbable\n//  unless they are in the _first_ <legend> element of the top-most disabled\n//  fieldset\nvar isDisabledFromFieldset = function isDisabledFromFieldset(node) {\n  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) {\n    var parentNode = node.parentElement;\n    // check if `node` is contained in a disabled <fieldset>\n    while (parentNode) {\n      if (parentNode.tagName === 'FIELDSET' && parentNode.disabled) {\n        // look for the first <legend> among the children of the disabled <fieldset>\n        for (var i = 0; i < parentNode.children.length; i++) {\n          var child = parentNode.children.item(i);\n          // when the first <legend> (in document order) is found\n          if (child.tagName === 'LEGEND') {\n            // if its parent <fieldset> is not nested in another disabled <fieldset>,\n            // return whether `node` is a descendant of its first <legend>\n            return matches.call(parentNode, 'fieldset[disabled] *') ? true : !child.contains(node);\n          }\n        }\n        // the disabled <fieldset> containing `node` has no <legend>\n        return true;\n      }\n      parentNode = parentNode.parentElement;\n    }\n  }\n\n  // else, node's tabbable/focusable state should not be affected by a fieldset's\n  //  enabled/disabled state\n  return false;\n};\nvar isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {\n  if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||\n  // For a details element with a summary, the summary element gets the focus\n  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {\n    return false;\n  }\n  return true;\n};\nvar isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(options, node) {\n  if (isNonTabbableRadio(node) || getTabIndex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) {\n    return false;\n  }\n  return true;\n};\nvar isShadowRootTabbable = function isShadowRootTabbable(shadowHostNode) {\n  var tabIndex = parseInt(shadowHostNode.getAttribute('tabindex'), 10);\n  if (isNaN(tabIndex) || tabIndex >= 0) {\n    return true;\n  }\n  // If a custom element has an explicit negative tabindex,\n  // browsers will not allow tab targeting said element's children.\n  return false;\n};\n\n/**\n * @param {Array.<Element|CandidateScope>} candidates\n * @returns Element[]\n */\nvar _sortByOrder = function sortByOrder(candidates) {\n  var regularTabbables = [];\n  var orderedTabbables = [];\n  candidates.forEach(function (item, i) {\n    var isScope = !!item.scopeParent;\n    var element = isScope ? item.scopeParent : item;\n    var candidateTabindex = getSortOrderTabIndex(element, isScope);\n    var elements = isScope ? _sortByOrder(item.candidates) : element;\n    if (candidateTabindex === 0) {\n      isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);\n    } else {\n      orderedTabbables.push({\n        documentOrder: i,\n        tabIndex: candidateTabindex,\n        item: item,\n        isScope: isScope,\n        content: elements\n      });\n    }\n  });\n  return orderedTabbables.sort(sortOrderedTabbables).reduce(function (acc, sortable) {\n    sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content);\n    return acc;\n  }, []).concat(regularTabbables);\n};\nvar tabbable = function tabbable(container, options) {\n  options = options || {};\n  var candidates;\n  if (options.getShadowRoot) {\n    candidates = _getCandidatesIteratively([container], options.includeContainer, {\n      filter: isNodeMatchingSelectorTabbable.bind(null, options),\n      flatten: false,\n      getShadowRoot: options.getShadowRoot,\n      shadowRootFilter: isShadowRootTabbable\n    });\n  } else {\n    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));\n  }\n  return _sortByOrder(candidates);\n};\nvar focusable = function focusable(container, options) {\n  options = options || {};\n  var candidates;\n  if (options.getShadowRoot) {\n    candidates = _getCandidatesIteratively([container], options.includeContainer, {\n      filter: isNodeMatchingSelectorFocusable.bind(null, options),\n      flatten: true,\n      getShadowRoot: options.getShadowRoot\n    });\n  } else {\n    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options));\n  }\n  return candidates;\n};\nvar isTabbable = function isTabbable(node, options) {\n  options = options || {};\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (matches.call(node, candidateSelector) === false) {\n    return false;\n  }\n  return isNodeMatchingSelectorTabbable(options, node);\n};\nvar focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe:not([inert]):not([inert] *)').join(',');\nvar isFocusable = function isFocusable(node, options) {\n  options = options || {};\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (matches.call(node, focusableCandidateSelector) === false) {\n    return false;\n  }\n  return isNodeMatchingSelectorFocusable(options, node);\n};\n\nexport { focusable, getTabIndex, isFocusable, isTabbable, tabbable };\n//# sourceMappingURL=index.esm.js.map\n","import {ChildNode} from \"@stencil/core\";\nimport {tabbable} from \"tabbable\";\nimport {Device, KeyboardCode} from \"../beans/index\";\nimport {Breakpoints} from \"../constants/breakpoints\";\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\n/**\n * Get the current device type based on the window width.\n * @returns {Device} - The current device type\n */\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= Breakpoints.MOBILE:\n      return Device.MOBILE;\n    case window.innerWidth <= Breakpoints.TABLET:\n      return Device.TABLET;\n    case window.innerWidth <= Breakpoints.DESKTOP:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Check if the passed CSS selector is valid.\n * @param selector CSS selector to validate\n */\nexport function isSelectorValid(selector: string): boolean {\n  try {\n    document.createDocumentFragment().querySelector(selector);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Check if an element contains another element, checking both light and shadow DOM recursively.\n * This function also checks slot assignments, so it correctly handles nested slots across components.\n * @param ancestor Ancestor element\n * @param descendant Descendant element\n */\nexport function containsElement(ancestor: HTMLElement, descendant: Node): boolean {\n  if (ancestor.contains(descendant) || ancestor.shadowRoot?.contains(descendant)) {\n    return true;\n  }\n\n  const checkRecursive = (node: Node): boolean => {\n    if (node === descendant) {\n      return true;\n    }\n\n    const shadowRoot = (node as HTMLElement).shadowRoot;\n    if (!shadowRoot) {\n      // Check light DOM children only\n      return Array.from(node.childNodes).some(checkRecursive);\n    }\n\n    if (shadowRoot.contains(descendant)) {\n      return true;\n    }\n\n    // Check slot assigned nodes\n    const hasDescendantInAssignedNodes = Array.from(shadowRoot.querySelectorAll(\"slot\")).some((slot) =>\n      (slot as HTMLSlotElement)\n        .assignedNodes({flatten: true})\n        .some((assigned) => (assigned as HTMLElement).contains?.(descendant) || checkRecursive(assigned))\n    );\n    if (hasDescendantInAssignedNodes) {\n      return true;\n    }\n\n    // Check shadow and light DOM children\n    return Array.from(shadowRoot.children).some(checkRecursive) || Array.from(node.childNodes).some(checkRecursive);\n  };\n\n  return checkRecursive(ancestor);\n}\n\n/**\n * Get the currently active element, descending into open shadow roots.\n * @param root Document or ShadowRoot to start from.\n */\nexport function getDeepActiveElement(root: Document | ShadowRoot = document): Element | null {\n  let activeElement: Element | null = root.activeElement;\n\n  while (activeElement instanceof HTMLElement && activeElement.shadowRoot?.activeElement) {\n    activeElement = activeElement.shadowRoot.activeElement;\n  }\n\n  return activeElement;\n}\n\n/** Get the parent of passed element, accounting for shadow DOM.\n * @param element The element whose parent is to be found.\n */\nexport function getParentElement(element: Element): Element | null {\n  // If the element is slotted, the direct rendered parent is the target slot in shadow DOM.\n  if (element.assignedSlot) {\n    return element.assignedSlot;\n  }\n\n  // If the element is in a shadow root, the parent is the shadow host.\n  if (element.parentNode instanceof ShadowRoot) {\n    return element.parentNode.host;\n  }\n\n  // Otherwise fall back to standard light DOM parent.\n  return element.parentElement;\n}\n\n/**\n * Check if the `element` is visible within the `container` or in the viewport.\n * @param element The element to check.\n * @param container The container to check against, which must be the nearest scrollable ancestor.\n */\nexport function isElementVisibleInContainer(element: HTMLElement, container: HTMLElement): boolean {\n  const elemRect = element.getBoundingClientRect();\n  const documentWidth = element.ownerDocument.documentElement.clientWidth;\n  const documentHeight = element.ownerDocument.documentElement.clientHeight;\n\n  // Check if element is visible in viewport\n  const isVisibleInViewport =\n    elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;\n\n  // If container is the document element, only check viewport visibility\n  if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {\n    return isVisibleInViewport;\n  }\n\n  // For other containers, check both container and viewport visibility\n  const containerRect = container.getBoundingClientRect();\n  const isVisibleInContainer =\n    elemRect.bottom > containerRect.top &&\n    elemRect.top < containerRect.bottom &&\n    elemRect.right > containerRect.left &&\n    elemRect.left < containerRect.right;\n\n  return isVisibleInViewport && isVisibleInContainer;\n}\n\n/**\n * Get tabbable elements in the passed root element, including descendants inside shadow roots.\n * Returned list is sorted by light DOM order first and by shadow DOM order inside each host.\n */\nexport function getTabbableElements(root: HTMLElement): HTMLElement[] {\n  const hostElements = [root, ...Array.from(root.querySelectorAll<HTMLElement>(\"*\"))];\n  const seen = new Set<HTMLElement>();\n  const mergedEntries: {element: HTMLElement; lightIndex: number; shadowIndex: number}[] = [];\n\n  const addElement = (element: HTMLElement, lightIndex: number, shadowIndex: number): void => {\n    if (seen.has(element)) {\n      return;\n    }\n\n    seen.add(element);\n    mergedEntries.push({element, lightIndex, shadowIndex});\n  };\n\n  tabbable(root, {getShadowRoot: false}).forEach((element) => {\n    if (!(element instanceof HTMLElement)) {\n      return;\n    }\n\n    addElement(element, hostElements.indexOf(element), -1);\n  });\n\n  hostElements.forEach((hostElement, index) => {\n    if (!hostElement.shadowRoot) {\n      return;\n    }\n\n    tabbable(hostElement, {\n      getShadowRoot: (node) => {\n        if (node === hostElement) {\n          return hostElement.shadowRoot;\n        }\n      },\n    }).forEach((element, shadowIndex) => {\n      if (element instanceof HTMLElement) {\n        addElement(element, index, shadowIndex);\n      }\n    });\n  });\n\n  mergedEntries.sort((a, b) => {\n    if (a.lightIndex !== b.lightIndex) {\n      return a.lightIndex - b.lightIndex;\n    }\n\n    return a.shadowIndex - b.shadowIndex;\n  });\n\n  return mergedEntries.map((entry) => entry.element);\n}\n\n/**\n * Find the nearest containing block ancestor of an element.\n * The containing block is determined based on the element's `position` value:\n * - `static`, `sticky` or `relative`: nearest block container or root\n * - `absolute`: nearest ancestor with `position` != `static`\n * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).\n * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block\n * @param element The element for which to find the containing block\n * @returns The containing block element if any, or the `documentElement`\n */\nexport function findContainingBlockAncestor(element: HTMLElement): HTMLElement {\n  let parent = getParentElement(element);\n  const elementPosition = window.getComputedStyle(element).position;\n  while (parent && parent !== element.ownerDocument.documentElement) {\n    const parentStyle = window.getComputedStyle(parent);\n\n    switch (elementPosition) {\n      case \"fixed\": {\n        const affectingProperties = [\n          \"filter\",\n          \"transform\",\n          \"translate\",\n          \"perspective\",\n          \"scale\",\n          \"rotate\",\n          \"backdrop-filter\",\n        ];\n        if (\n          affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== \"none\") ||\n          affectingProperties.some((property) => parentStyle.getPropertyValue(\"will-change\").includes(property))\n        ) {\n          return parent as HTMLElement;\n        }\n        break;\n      }\n      case \"absolute\":\n        if (parentStyle.position !== \"static\") {\n          return parent as HTMLElement;\n        }\n        break;\n      // Handle position: static, relative, sticky (they all look for the nearest block container or root)\n      case \"relative\":\n      case \"sticky\":\n      case \"static\": {\n        const display = window.getComputedStyle(parent).display;\n\n        // Block containers: block, flex, grid, table, flow-root\n        if (\n          display === \"block\" ||\n          display === \"flex\" ||\n          display === \"grid\" ||\n          display === \"table\" ||\n          display === \"flow-root\" ||\n          display === \"inline-block\" ||\n          display === \"inline-flex\" ||\n          display === \"inline-grid\"\n        ) {\n          return parent as HTMLElement;\n        }\n\n        break;\n      }\n    }\n\n    parent = getParentElement(parent);\n  }\n\n  return element.ownerDocument.documentElement;\n}\n\n/** Convert HTML to plain text */\nexport const getPlainText = (html: string): string => {\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\n\n  return doc.body.textContent || \"\";\n};\n\n/** Convert string to hex */\nexport const encodeString = (string: string): string =>\n  string\n    .split(\"\")\n    .map((c) => c.charCodeAt(0).toString(16))\n    .join(\"\");\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/www/build/p-DPdXlnVe.js

@@ -1,2 +1,3 @@
-const n=()=>{},e='@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n:root {\n  --gray950: #121212;\n  --gray900: #292929;\n  --gray800: #3d3d3d;\n  --gray700: #525252;\n  --gray600: #666;\n  --gray500: #9b9b9b;\n  --gray400: #adadad;\n  --gray300: #c2c2c2;\n  --gray200: #d6d6d6;\n  --gray100: #ebebeb;\n  --gray50: #f6f6f6;\n  --gray25: #fafafa;\n}\n\n:root {\n  --blue950: #001229;\n  --blue900: #001f46;\n  --blue800: #002c63;\n  --blue700: #003981;\n  --blue600: #0047a0;\n  --blue500: #0056c1;\n  --blue400: #2e76ce;\n  --blue300: #5893db;\n  --blue200: #82b0e7;\n  --blue100: #accdf3;\n  --blue50: #d6eaff;\n  --blue25: #ebf5ff;\n}\n\n:root {\n  --green950: #19200a;\n  --green900: #22330a;\n  --green800: #2b4808;\n  --green700: #355d06;\n  --green600: #407305;\n  --green500: #568818;\n  --green400: #6f9d2f;\n  --green300: #8ab14a;\n  --green200: #a6c66b;\n  --green100: #c3da92;\n  --green50: #effce0;\n  --green25: #f5fdec;\n}\n\n:root {\n  --yellow950: #33280f;\n  --yellow900: #5c4615;\n  --yellow800: #85641a;\n  --yellow700: #ab8125;\n  --yellow600: #d09e30;\n  --yellow500: #f6bb3b;\n  --yellow400: #f9c852;\n  --yellow300: #fbd468;\n  --yellow200: #fee17f;\n  --yellow150: #ffde72;\n  --yellow100: #ffea91;\n  --yellow50: #fbf4e6;\n  --yellow25: #fcf7ed;\n}\n\n:root {\n  --red950: #2a0005;\n  --red900: #4c0009;\n  --red800: #6f000d;\n  --red700: #940111;\n  --red600: #ba0115;\n  --red500: #e4011c;\n  --red400: #ec5163;\n  --red300: #f07a88;\n  --red200: #f49fa9;\n  --red100: #f8bfc4;\n  --red50: #fdeeed;\n  --red25: #fef6f6;\n}\n\n:root {\n  --avatar-C01: #99005b;\n  --avatar-C02: #b01300;\n  --avatar-C03: #e62200;\n  --avatar-C04: #7c4000;\n  --avatar-C05: #c25600;\n  --avatar-C06: #6e6d6d;\n  --avatar-C07: #667d00;\n  --avatar-C08: #008741;\n  --avatar-C09: #00612f;\n  --avatar-C10: #007d8a;\n  --avatar-C11: #007db3;\n  --avatar-C12: #00548c;\n  --avatar-C13: #0028b1;\n  --avatar-C14: #00019c;\n  --avatar-C15: #6400ee;\n  --avatar-C16: #5f3fff;\n  --avatar-C17: #8b00a5;\n  --avatar-C18: #b200ff;\n  --avatar-C19: #c700d6;\n}\n\n:root {\n  --subject-art: #7b7b06;\n  --subject-art_image: #7b7b06;\n  --subject-biology: #438454;\n  --subject-chemistry: #ba5191;\n  --subject-civics: #000080;\n  --subject-communication: #1777d5;\n  --subject-computer_science: #10893e;\n  --subject-earth_science: #8d3eb2;\n  --subject-economic: #004080;\n  --subject-english: #c25353;\n  --subject-food_science: #38846b;\n  --subject-french: #c25353;\n  --subject-geography: #378092;\n  --subject-german: #c25353;\n  --subject-grammar: #be5926;\n  --subject-graphic: #8e7406;\n  --subject-greek: #37818a;\n  --subject-history: #8b572a;\n  --subject-law: #b90000;\n  --subject-latin: #8b4513;\n  --subject-math: #266997;\n  --subject-natural_science: #318473;\n  --subject-philosophy: #5a189a;\n  --subject-physics: #4a7ba4;\n  --subject-science_middle_school: #3a7922;\n  --subject-spanish: #c25353;\n  --subject-technology: #138473;\n  --subject-topography: #ac6604;\n  --subject-technique: #752771;\n}\n\n\n\n:root {\n  --color-black: #000;\n  --color-white: #fff;\n}\n\n:root {\n  /* font-family */\n  --font-family-sans: "IBM Plex Sans", sans-serif;\n  --font-family-serif: "IBM Plex Serif", serif;\n\n  /* font-weight */\n  --font-lt: 300;\n  --font-rg: 400;\n  --font-sb: 600;\n  --font-bd: 700;\n\n  /* font-size type scale */\n  --font-size-1: 0.75rem; /* 12px */\n  --font-size-2: 0.875rem; /* 14px */\n  --font-size-3: 1rem; /* assuming 16px */\n  --font-size-4: 1.125rem; /* 18px */\n  --font-size-5: 1.25rem; /* 20px */\n  --font-size-6: 1.5rem; /* 24px */\n  --font-size-7: 1.75rem; /* 28px */\n  --font-size-8: 2rem; /* 32px */\n  --font-size-9: 2.25rem; /* 36px */\n  --font-size-10: 2.625rem; /* 42px */\n  --font-size-11: 3rem; /* 48px */\n  --font-size-12: 3.375rem; /* 54px */\n  --font-size-13: 3.75rem; /* 60px */\n  --font-size-14: 4.25rem; /* 68px */\n  --font-size-15: 4.75rem; /* 76px */\n  --font-size-16: 5.25rem; /* 84px */\n  --font-size-17: 5.75rem; /* 92px */\n\n  /* cssprops to use with `font` shorthand property */\n  --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n  --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n  --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n  --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n  --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n  --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n  font-size: var(--font-size-7);\n  font-weight: var(--font-rg);\n  line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n  font-size: var(--font-size-1);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n  font: var(--section-title-1);\n}\n\n.section-title-2 {\n  font: var(--section-title-2);\n}\n\n.section-title-3 {\n  font: var(--section-title-3);\n}\n\n.section-title-4 {\n  font: var(--section-title-4);\n}\n\n.section-title-5 {\n  font: var(--section-title-5);\n}\n\n.section-title-6 {\n  font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n  .heading-1,\n  .heading-1-sb,\n  .heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .heading-2,\n  .heading-2-sb,\n  .heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n  .mobile-heading-1,\n  .mobile-heading-1-sb,\n  .mobile-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .mobile-heading-2,\n  .mobile-heading-2-sb,\n  .mobile-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-3,\n  .mobile-heading-3-sb,\n  .mobile-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-4,\n  .mobile-heading-4-sb,\n  .mobile-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-1,\n  .mobile-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-2,\n  .mobile-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-3,\n  .mobile-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-4,\n  .mobile-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-body-5,\n  .mobile-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-interactive-1,\n  .mobile-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-interactive-2,\n  .mobile-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-interactive-3,\n  .mobile-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .mobile-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .mobile-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .mobile-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .mobile-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .mobile-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .mobile-heading-1-lt,\n  .mobile-heading-2-lt,\n  .mobile-heading-3-lt,\n  .mobile-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .mobile-heading-1-sb,\n  .mobile-heading-2-sb,\n  .mobile-heading-3-sb,\n  .mobile-heading-4-sb,\n  .mobile-body-1-sb,\n  .mobile-body-2-sb,\n  .mobile-body-3-sb,\n  .mobile-body-4-sb,\n  .mobile-body-5-sb,\n  .mobile-interactive-1-sb,\n  .mobile-interactive-2-sb,\n  .mobile-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  .tablet-heading-1,\n  .tablet-heading-1-sb,\n  .tablet-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .tablet-heading-2,\n  .tablet-heading-2-sb,\n  .tablet-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-3,\n  .tablet-heading-3-sb,\n  .tablet-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-4,\n  .tablet-heading-4-sb,\n  .tablet-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-1,\n  .tablet-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-2,\n  .tablet-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-3,\n  .tablet-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-4,\n  .tablet-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-body-5,\n  .tablet-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-interactive-1,\n  .tablet-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-interactive-2,\n  .tablet-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-interactive-3,\n  .tablet-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .tablet-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .tablet-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .tablet-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .tablet-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .tablet-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .tablet-heading-1-lt,\n  .tablet-heading-2-lt,\n  .tablet-heading-3-lt,\n  .tablet-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .tablet-heading-1-sb,\n  .tablet-heading-2-sb,\n  .tablet-heading-3-sb,\n  .tablet-heading-4-sb,\n  .tablet-body-1-sb,\n  .tablet-body-2-sb,\n  .tablet-body-3-sb,\n  .tablet-body-4-sb,\n  .tablet-body-5-sb,\n  .tablet-interactive-1-sb,\n  .tablet-interactive-2-sb,\n  .tablet-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  .desktop-heading-1,\n  .desktop-heading-1-sb,\n  .desktop-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .desktop-heading-2,\n  .desktop-heading-2-sb,\n  .desktop-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .desktop-heading-3,\n  .desktop-heading-3-sb,\n  .desktop-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .desktop-heading-4,\n  .desktop-heading-4-sb,\n  .desktop-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-1,\n  .desktop-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-2,\n  .desktop-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-3,\n  .desktop-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-4,\n  .desktop-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-body-5,\n  .desktop-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-interactive-1,\n  .desktop-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-interactive-2,\n  .desktop-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-interactive-3,\n  .desktop-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .desktop-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .desktop-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .desktop-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .desktop-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .desktop-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .desktop-heading-1-lt,\n  .desktop-heading-2-lt,\n  .desktop-heading-3-lt,\n  .desktop-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .desktop-heading-1-sb,\n  .desktop-heading-2-sb,\n  .desktop-heading-3-sb,\n  .desktop-heading-4-sb,\n  .desktop-body-1-sb,\n  .desktop-body-2-sb,\n  .desktop-body-3-sb,\n  .desktop-body-4-sb,\n  .desktop-body-5-sb,\n  .desktop-interactive-1-sb,\n  .desktop-interactive-2-sb,\n  .desktop-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .wide-heading-2,\n  .wide-heading-2-sb,\n  .wide-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .wide-heading-3,\n  .wide-heading-3-sb,\n  .wide-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .wide-heading-4,\n  .wide-heading-4-sb,\n  .wide-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-1,\n  .wide-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-2,\n  .wide-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-3,\n  .wide-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-4,\n  .wide-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-body-5,\n  .wide-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-interactive-1,\n  .wide-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-interactive-2,\n  .wide-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-interactive-3,\n  .wide-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .wide-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .wide-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .wide-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .wide-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .wide-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .wide-heading-1-lt,\n  .wide-heading-2-lt,\n  .wide-heading-3-lt,\n  .wide-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .wide-heading-1-sb,\n  .wide-heading-2-sb,\n  .wide-heading-3-sb,\n  .wide-heading-4-sb,\n  .wide-body-1-sb,\n  .wide-body-2-sb,\n  .wide-body-3-sb,\n  .wide-body-4-sb,\n  .wide-body-5-sb,\n  .wide-interactive-1-sb,\n  .wide-interactive-2-sb,\n  .wide-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n  font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n  font-weight: var(--font-sb);\n}\n\n:root {\n  --space-unit: 8px;\n}\n\n:root {\n  --shadow-color-base: rgb(61 61 61 / 35%);\n  --shadow-inset-2: inset 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-inset-4: inset 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-0: 0 0 0 0 var(--shadow-color-base);\n  --shadow-1: 0 1px 2px 0 var(--shadow-color-base);\n  --shadow-2: 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-3: 0 3px 6px 0 var(--shadow-color-base);\n  --shadow-4: 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-6: 0 6px 12px 0 var(--shadow-color-base);\n  --shadow-8: 0 8px 16px 0 var(--shadow-color-base);\n  --shadow-12: 0 12px 24px 0 var(--shadow-color-base);\n  --shadow-16: 0 16px 32px 0 var(--shadow-color-base);\n  --shadow-24: 0 24px 48px 0 var(--shadow-color-base);\n}\n\n:root {\n  --border-no-radius: 0;\n  --border-size-small: 1px;\n  --border-size-medium: 2px;\n  --border-size-large: 4px;\n  --border-radius-small: 2px;\n  --border-radius: 4px;\n}\n\n:root {\n  --grid-mobile-viewport: 768px;\n  --grid-mobile-column: 4;\n  --grid-mobile-margin: 16px;\n  --grid-mobile-gutter: 16px;\n  --grid-tablet-viewport: 768px;\n  --grid-tablet-column: 8;\n  --grid-tablet-margin: 24px;\n  --grid-tablet-gutter: 24px;\n  --grid-desktop-viewport: 1152px;\n  --grid-desktop-column: 12;\n  --grid-desktop-margin: 24px;\n  --grid-desktop-gutter: 24px;\n  --grid-wide-viewport: 1366px;\n  --grid-wide-column: 12;\n  --grid-wide-margin: 32px;\n  --grid-wide-gutter: 32px;\n  --page-max-width: 1366px;\n\n  /* These variables automatically adapt to the viewport size,\n    that apps don\'t have to worry about updating the value manually. */\n  --grid-margin: var(--grid-mobile-margin);\n  --grid-gutter: var(--grid-mobile-gutter);\n  --grid-columns: var(--grid-mobile-column);\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  :root {\n    --grid-margin: var(--grid-tablet-margin);\n    --grid-gutter: var(--grid-tablet-gutter);\n    --grid-columns: var(--grid-tablet-column);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  :root {\n    --grid-margin: var(--grid-desktop-margin);\n    --grid-gutter: var(--grid-desktop-gutter);\n    --grid-columns: var(--grid-desktop-column);\n  }\n}\n\n@media (min-width: 1366px) {\n  :root {\n    --grid-margin: var(--grid-wide-margin);\n    --grid-gutter: var(--grid-wide-gutter);\n    --grid-columns: var(--grid-wide-column);\n  }\n}\n\n.z-grid {\n  display: grid;\n  width: 100%;\n  column-gap: var(--grid-gutter);\n  grid-template-columns: repeat(var(--grid-columns), 1fr);\n\n  .col-full {\n    grid-column: 1 / -1;\n  }\n\n  .col-1 {\n    grid-column: span 1;\n  }\n\n  .col-2 {\n    grid-column: span 2;\n  }\n\n  .col-3 {\n    grid-column: span 3;\n  }\n\n  .col-4,\n  .col-5,\n  .col-6,\n  .col-7,\n  .col-8,\n  .col-9,\n  .col-10,\n  .col-11,\n  .col-12 {\n    grid-column: span 4;\n  }\n\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n\n  .col-start-3 {\n    grid-column-start: 3;\n  }\n\n  .col-start-4,\n  .col-start-5,\n  .col-start-6,\n  .col-start-7,\n  .col-start-8,\n  .col-start-9,\n  .col-start-10,\n  .col-start-11,\n  .col-start-12 {\n    grid-column-start: 4;\n  }\n\n  /*\n  .-col-start-1 is intentionally left out\n*/\n\n  .-col-start-2 {\n    grid-column-start: -2;\n  }\n\n  .-col-start-3 {\n    grid-column-start: -3;\n  }\n\n  .-col-start-4 {\n    grid-column-start: -4;\n  }\n\n  .-col-start-5,\n  .-col-start-6,\n  .-col-start-7,\n  .-col-start-8,\n  .-col-start-9,\n  .-col-start-10,\n  .-col-start-11,\n  .-col-start-12,\n  .-col-start-13 {\n    grid-column-start: -5;\n  }\n\n  .col-end-last {\n    grid-column-end: -1;\n  }\n\n  /*\n  .col-end-1 is intentionally left out\n*/\n\n  .col-end-2 {\n    grid-column-end: 2;\n  }\n\n  .col-end-3 {\n    grid-column-end: 3;\n  }\n\n  .col-end-4 {\n    grid-column-end: 4;\n  }\n\n  /*\n  This means "end this column where column 5 start",\n  which is the same as saying "end this column where column 4 end"\n*/\n  .col-end-5,\n  .col-end-6,\n  .col-end-7,\n  .col-end-8,\n  .col-end-9,\n  .col-end-10,\n  .col-end-11,\n  .col-end-12,\n  .col-end-13 {\n    grid-column-end: 5;\n  }\n\n  .-col-end-1 {\n    grid-column-end: -1;\n  }\n\n  .-col-end-2 {\n    grid-column-end: -2;\n  }\n\n  .-col-end-3 {\n    grid-column-end: -3;\n  }\n\n  .-col-end-4,\n  .-col-end-5,\n  .-col-end-6,\n  .-col-end-7,\n  .-col-end-8,\n  .-col-end-9,\n  .-col-end-10,\n  .-col-end-11,\n  .-col-end-12 {\n    grid-column-end: -4;\n  }\n\n  @media (max-width: 767px) {\n    .mobile-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .mobile-col-1 {\n      grid-column: span 1;\n    }\n\n    .mobile-col-2 {\n      grid-column: span 2;\n    }\n\n    .mobile-col-3 {\n      grid-column: span 3;\n    }\n\n    .mobile-col-4 {\n      grid-column: span 4;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .col-5 {\n      grid-column: span 5;\n    }\n\n    .col-6 {\n      grid-column: span 6;\n    }\n\n    .col-7 {\n      grid-column: span 7;\n    }\n\n    .col-8,\n    .col-9,\n    .col-10,\n    .col-11,\n    .col-12 {\n      grid-column: span 8;\n    }\n\n    .col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .col-start-8,\n    .col-start-9,\n    .col-start-10,\n    .col-start-11,\n    .col-start-12 {\n      grid-column-start: 8;\n    }\n\n    .-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-col-start-9,\n    .-col-start-10,\n    .-col-start-11,\n    .-col-start-12,\n    .-col-start-13 {\n      grid-column-start: -9;\n    }\n\n    .col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .col-end-9,\n    .col-end-10,\n    .col-end-11,\n    .col-end-12,\n    .col-end-13 {\n      grid-column-end: 9;\n    }\n\n    .-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-col-end-8,\n    .-col-end-9,\n    .-col-end-10,\n    .-col-end-11,\n    .-col-end-12 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1151px) {\n    .tablet-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .tablet-col-1 {\n      grid-column: span 1;\n    }\n\n    .tablet-col-2 {\n      grid-column: span 2;\n    }\n\n    .tablet-col-3 {\n      grid-column: span 3;\n    }\n\n    .tablet-col-4 {\n      grid-column: span 4;\n    }\n\n    .tablet-col-5 {\n      grid-column: span 5;\n    }\n\n    .tablet-col-6 {\n      grid-column: span 6;\n    }\n\n    .tablet-col-7 {\n      grid-column: span 7;\n    }\n\n    .tablet-col-8 {\n      grid-column: span 8;\n    }\n\n    .tablet-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .tablet-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .tablet-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .tablet-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .tablet-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .tablet-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .tablet-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .tablet-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .-tablet-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-tablet-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-tablet-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-tablet-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-tablet-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-tablet-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-tablet-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .tablet-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .tablet-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .tablet-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .tablet-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .tablet-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .tablet-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .tablet-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-tablet-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-tablet-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-tablet-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-tablet-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-tablet-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-tablet-col-end-8 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 1152px) {\n    .col-9 {\n      grid-column: span 9;\n    }\n\n    .col-10 {\n      grid-column: span 10;\n    }\n\n    .col-11 {\n      grid-column: span 11;\n    }\n\n    .col-12 {\n      grid-column: span 12;\n    }\n\n    .col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .-col-start-13 {\n      grid-column-start: -13;\n    }\n\n    .col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .col-end-13 {\n      grid-column-end: 13;\n    }\n\n    .-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1152px) and (max-width: 1365px) {\n    .desktop-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .desktop-col-1 {\n      grid-column: span 1;\n    }\n\n    .desktop-col-2 {\n      grid-column: span 2;\n    }\n\n    .desktop-col-3 {\n      grid-column: span 3;\n    }\n\n    .desktop-col-4 {\n      grid-column: span 4;\n    }\n\n    .desktop-col-5 {\n      grid-column: span 5;\n    }\n\n    .desktop-col-6 {\n      grid-column: span 6;\n    }\n\n    .desktop-col-7 {\n      grid-column: span 7;\n    }\n\n    .desktop-col-8 {\n      grid-column: span 8;\n    }\n\n    .desktop-col-9 {\n      grid-column: span 9;\n    }\n\n    .desktop-col-10 {\n      grid-column: span 10;\n    }\n\n    .desktop-col-11 {\n      grid-column: span 11;\n    }\n\n    .desktop-col-12 {\n      grid-column: span 12;\n    }\n\n    .desktop-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .desktop-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .desktop-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .desktop-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .desktop-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .desktop-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .desktop-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .desktop-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .desktop-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .desktop-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .desktop-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .desktop-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-desktop-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-desktop-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-desktop-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-desktop-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-desktop-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-desktop-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-desktop-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-desktop-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-desktop-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-desktop-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-desktop-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .desktop-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .desktop-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .desktop-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .desktop-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .desktop-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .desktop-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .desktop-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .desktop-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .desktop-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .desktop-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .desktop-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-desktop-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-desktop-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-desktop-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-desktop-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-desktop-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-desktop-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-desktop-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-desktop-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-desktop-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-desktop-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1366px) {\n    .wide-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .wide-col-1 {\n      grid-column: span 1;\n    }\n\n    .wide-col-2 {\n      grid-column: span 2;\n    }\n\n    .wide-col-3 {\n      grid-column: span 3;\n    }\n\n    .wide-col-4 {\n      grid-column: span 4;\n    }\n\n    .wide-col-5 {\n      grid-column: span 5;\n    }\n\n    .wide-col-6 {\n      grid-column: span 6;\n    }\n\n    .wide-col-7 {\n      grid-column: span 7;\n    }\n\n    .wide-col-8 {\n      grid-column: span 8;\n    }\n\n    .wide-col-9 {\n      grid-column: span 9;\n    }\n\n    .wide-col-10 {\n      grid-column: span 10;\n    }\n\n    .wide-col-11 {\n      grid-column: span 11;\n    }\n\n    .wide-col-12 {\n      grid-column: span 12;\n    }\n\n    .wide-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .wide-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .wide-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .wide-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .wide-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .wide-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .wide-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .wide-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .wide-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .wide-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .wide-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .wide-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-wide-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-wide-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-wide-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-wide-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-wide-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-wide-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-wide-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-wide-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-wide-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-wide-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-wide-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .wide-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .wide-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .wide-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .wide-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .wide-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .wide-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .wide-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .wide-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .wide-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .wide-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .wide-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-wide-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-wide-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-wide-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-wide-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-wide-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-wide-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-wide-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-wide-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-wide-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-wide-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n}\n\n/* Default size: big. Default color variant: primary01 */\n.z-fab {\n  --z-fab-right-offset: var(--grid-margin);\n  --z-fab-bottom-offset: var(--grid-margin);\n  --z-fab-icon-size: 20px;\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  position: fixed;\n  z-index: 1;\n  right: var(--z-fab-right-offset);\n  bottom: var(--z-fab-bottom-offset);\n  display: flex;\n  max-width: 48px;\n  box-sizing: border-box;\n  align-items: center;\n  padding: 14px;\n  background-color: var(--color-primary01);\n  border-radius: 24px;\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: 0;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.25;\n  transition: all 0.2s ease-in-out;\n}\n\n.z-fab:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton.z-fab {\n  border: none;\n}\n\na.z-fab {\n  text-decoration: none;\n}\n\n.z-fab.z-fab-small {\n  --z-fab-icon-size: 18px;\n\n  max-width: 42px;\n  padding: 12px;\n  border-radius: 21px;\n  font-size: var(--font-size-2);\n  line-height: 1.285;\n}\n\n.z-fab.z-fab-x-small {\n  --z-fab-icon-size: 16px;\n\n  max-width: 36px;\n  padding: 10px;\n  border-radius: 18px;\n  font-size: var(--font-size-1);\n  line-height: 1.333;\n}\n\n.z-fab.z-fab-extended {\n  max-width: 100%;\n  column-gap: var(--space-unit);\n}\n\n.z-fab.z-fab-extended.z-fab-x-small {\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n.z-fab.z-fab-extended > *:not(z-icon) {\n  opacity: 1;\n}\n\n/* color variants */\n.z-fab.z-fab-primary03 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-primary03);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface01 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-surface01);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface02 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-background);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface04 {\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  background-color: var(--color-surface04);\n  color: var(--color-text-inverse);\n}\n\n.z-fab z-icon {\n  --z-icon-width: var(--z-fab-icon-size);\n  --z-icon-height: var(--z-fab-icon-size);\n\n  fill: var(--z-fab-icon-fill);\n}\n\n.z-fab > *:not(z-icon) {\n  overflow: hidden;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  white-space: nowrap;\n}\n\n.z-fab.z-fab-extended > *:not(z-icon:first-child) {\n  opacity: 1;\n}\n\n@media (hover: hover) {\n  .z-fab.z-fab-extendable:hover {\n    max-width: 100%;\n    column-gap: var(--space-unit);\n  }\n\n  .z-fab.z-fab-extendable:hover > *:not(z-icon:first-child) {\n    opacity: 1;\n  }\n\n  .z-fab.z-fab-x-small.z-fab-extendable:hover {\n    column-gap: calc(var(--space-unit) / 2);\n  }\n}\n\n.z-label {\n  display: block;\n  padding-bottom: var(--space-unit);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-align: left;\n  text-transform: uppercase;\n}\n\nbutton.z-link {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n}\n\na.z-link,\nbutton.z-link {\n  display: inline-flex;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  line-height: inherit;\n  text-decoration: none;\n}\n\na.z-link.z-link-icon,\nbutton.z-link.z-link-icon {\n  --z-icon-width: 1.125em;\n  --z-icon-height: 1.125em;\n\n  align-items: center;\n  column-gap: 0.5em;\n}\n\na.z-link.z-link-sb,\nbutton.z-link.z-link-sb {\n  font-weight: var(--font-sb);\n}\n\na.z-link.z-link-underline,\nbutton.z-link.z-link-underline {\n  text-decoration: underline;\n}\n\na.z-link:hover,\nbutton.z-link:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link:active,\nbutton.z-link:active {\n  text-decoration: underline;\n}\n\na.z-link:focus-visible,\nbutton.z-link:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na.z-link.z-link-disabled,\nbutton.z-link.z-link-disabled {\n  box-shadow: none;\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  outline: none;\n  pointer-events: none;\n  text-decoration: none;\n}\n\na.z-link,\nbutton.z-link,\na.z-link.z-link-active,\nbutton.z-link.z-link-active,\na.z-link:hover,\nbutton.z-link:hover,\na.z-link.z-link-active:hover,\nbutton.z-link.z-link-active:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link.z-link-active:focus-visible,\nbutton.z-link.z-link-active:focus-visible,\na.z-link:active,\nbutton.z-link:active,\na.z-link.z-link-active:active,\nbutton.z-link.z-link-active:active,\na.z-link:visited,\nbutton.z-link:visited,\na.z-link.z-link-active:visited,\nbutton.z-link.z-link-active:visited {\n  color: var(--color-text-link-default);\n  fill: var(--color-text-link-default);\n}\n\na.z-link.z-link-blue,\nbutton.z-link.z-link-blue,\na.z-link.z-link-blue.z-link-active,\nbutton.z-link.z-link-blue.z-link-active {\n  color: var(--color-text-link-blue);\n  fill: var(--color-text-link-blue);\n}\n\na.z-link.z-link-red,\nbutton.z-link.z-link-red,\na.z-link.z-link-red.z-link-active,\nbutton.z-link.z-link-red.z-link-active {\n  color: var(--color-text-link-red);\n  fill: var(--color-text-link-red);\n}\n\na.z-link.z-link-inverse,\nbutton.z-link.z-link-inverse,\na.z-link.z-link-inverse.z-link-active,\nbutton.z-link.z-link-inverse.z-link-active {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:hover,\nbutton.z-link.z-link-blue:hover {\n  color: var(--color-text-link-blue-hover);\n  fill: var(--color-text-link-blue-hover);\n}\n\na.z-link.z-link-red:hover,\nbutton.z-link.z-link-red:hover {\n  color: var(--color-text-link-red-hover);\n  fill: var(--color-text-link-red-hover);\n}\n\na.z-link.z-link-inverse:hover,\nbutton.z-link.z-link-inverse:hover {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:active,\nbutton.z-link.z-link-blue:active,\na.z-link.z-link-blue:focus-visible,\nbutton.z-link.z-link-blue:focus-visible {\n  color: var(--color-text-link-blue-active);\n  fill: var(--color-text-link-blue-active);\n}\n\na.z-link.z-link-red:active,\nbutton.z-link.z-link-red:active,\na.z-link.z-link-red:focus-visible,\nbutton.z-link.z-link-red:focus-visible {\n  color: var(--color-text-link-red-active);\n  fill: var(--color-text-link-red-active);\n}\n\na.z-link.z-link-inverse:active,\nbutton.z-link.z-link-inverse:active,\na.z-link.z-link-inverse:focus-visible,\nbutton.z-link.z-link-inverse:focus-visible {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:visited,\nbutton.z-link.z-link-blue:visited {\n  color: var(--color-text-link-blue-visited);\n  fill: var(--color-text-link-blue-visited);\n}\n\na.z-link.z-link-red:visited,\nbutton.z-link.z-link-red:visited {\n  color: var(--color-text-link-red-visited);\n  fill: var(--color-text-link-red-visited);\n}\n\na.z-link.z-link-inverse:visited,\nbutton.z-link.z-link-inverse:visited {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\n/* Webkit Scrollbar */\n.z-scrollbar::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n:host([theme="dark"]) .z-scrollbar,\n.z-scrollbar--dark {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray600) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray600);\n  --z-scrollbar-thumb-color: var(--color-primary03);\n  --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n  --z-scrollbar-corner-color: transparent;\n}\n\n/* Firefox scrollbar */\n@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {\n  .z-scrollbar {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n\n  :host([theme="dark"]) .z-scrollbar,\n  .z-scrollbar--dark {\n    scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))\n      var(--z-scrollbar-track-color, var(--gray600));\n  }\n}\n\n\n\n:root,\n.theme-default {\n  --color-background: var(--gray50);\n  --shadow-focus-primary: 0 0 0 2px var(--color-white), 0 0 2px 5px var(--blue800);\n\n  /* primary */\n  --color-active-primary: var(--blue400);\n  --color-hover-primary: var(--blue800);\n  --color-pressed-primary: var(--blue400);\n  --color-primary01: var(--blue500);\n  --color-primary02: var(--blue25);\n  --color-primary03: var(--blue50);\n\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n  --color-button-secondary: var(--color-surface01);\n\n  /* surface */\n  --color-surface01: var(--color-white);\n  --color-surface02: var(--gray100);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray700);\n  --color-surface05: var(--gray900);\n\n  /* text */\n  --color-default-text: var(--gray900);\n  --color-hover-text: var(--gray800);\n  --color-pressed-text: var(--gray700);\n  --color-text-inverse: var(--color-white);\n  --color-text02: var(--gray100);\n  --color-text03: var(--gray300);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray300);\n  --color-disabled02: var(--gray100);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--blue400);\n  --color-default-icon: var(--gray900);\n  --color-disabled01-icon: var(--gray300);\n  --color-disabled02-icon: var(--gray100);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--color-black);\n  --color-hover-primary-icon: var(--blue800);\n  --color-inverse-icon: var(--color-white);\n  --color-pressed-icon: var(--gray700);\n  --color-primary01-icon: var(--blue500);\n\n  /* alert */\n  --color-default-error: var(--red500);\n  --color-default-success: var(--green500);\n  --color-default-warning: var(--yellow500);\n  --color-hover-error: var(--red800);\n  --color-hover-success: var(--green800);\n  --color-hover-warning: var(--yellow800);\n  --color-inverse-error: var(--red50);\n  --color-inverse-hover-error: var(--red500);\n  --color-inverse-hover-success: var(--green500);\n  --color-inverse-hover-warning: var(--yellow500);\n  --color-inverse-success: var(--green50);\n  --color-inverse-warning: var(--yellow50);\n\n  /* forms */\n  --color-form-active-primary: var(--blue400);\n  --color-form-background: var(--color-white);\n  --color-form-default-icon: var(--gray900);\n  --color-form-default-text: var(--gray900);\n  --color-form-disabled-text: var(--gray500);\n  --color-form-disabled01-icon: var(--gray500);\n  --color-form-disabled03: var(--gray500);\n  --color-form-hover-error: var(--red800);\n  --color-form-hover-primary: var(--blue800);\n  --color-form-hover-success: var(--green800);\n  --color-form-hover-warning: var(--yellow800);\n  --color-form-inverse-error: var(--red50);\n  --color-form-inverse-success: var(--green50);\n  --color-form-inverse-warning: var(--yellow50);\n  --color-form-placeholder-text: var(--gray600);\n  --color-form-success01: var(--green500);\n  --color-form-surface03: var(--gray200);\n  --color-form-surface04: var(--gray600);\n  --color-form-warning01: var(--yellow500);\n\n  /* links */\n  --color-text-link-blue: var(--blue500);\n  --color-text-link-blue-hover: var(--blue800);\n  --color-text-link-blue-active: var(--blue800);\n  --color-text-link-blue-visited: var(--blue800);\n  --color-text-link-blue-pressed: var(--blue400);\n  --color-text-link-red: var(--red500);\n  --color-text-link-red-hover: var(--red800);\n  --color-text-link-red-active: var(--red800);\n  --color-text-link-red-visited: var(--red800);\n  --color-text-link-red-pressed: var(--red400);\n  --color-text-link-inverse: var(--color-white);\n  --color-text-link-default: var(--gray900);\n}\n\n.theme-black {\n  /* primary */\n  --color-active-primary: var(--gray600);\n  --color-hover-primary: var(--gray700);\n  --color-pressed-primary: var(--gray600);\n  --color-primary01: var(--gray950);\n  --color-primary02: var(--gray100);\n  --color-primary03: var(--gray200);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray700);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray800);\n  --color-secondary02: var(--gray800);\n  --color-secondary03: var(--gray100);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray600);\n  --color-hover-primary-icon: var(--gray700);\n  --color-primary01-icon: var(--gray950);\n\n  /* forms */\n  --color-form-active-primary: var(--gray600);\n  --color-form-hover-primary: var(--gray700);\n}\n\n/* --- Black theme variants --- Use them in combination with `theme-black` css class: `<div class="theme-black theme-black--red">` */\n\n.theme-black.theme-black--red {\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n}\n\n.theme-black.theme-black--yellow {\n  /* secondary */\n  --color-active-secondary: var(--yellow400);\n  --color-hover-secondary: var(--yellow800);\n  --color-pressed-secondary: var(--yellow400);\n  --color-secondary01: var(--yellow500);\n  --color-secondary02: var(--yellow25);\n  --color-secondary03: var(--yellow50);\n}\n\n.theme-dark {\n  --color-background: var(--gray900);\n  --shadow-focus-primary: 0 0 0 2px var(--gray900), 0 0 2px 5px var(--blue25);\n\n  /* primary */\n  --color-active-primary: var(--gray25);\n  --color-hover-primary: var(--gray100);\n  --color-pressed-primary: var(--gray25);\n  --color-primary01: var(--color-white);\n  --color-primary02: var(--gray800);\n  --color-primary03: var(--gray700);\n\n  /* secondary */\n  --color-hover-secondary: var(--red200);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red900);\n  --color-secondary03: var(--red800);\n  --color-button-secondary: transparent;\n\n  /* surface */\n  --color-surface01: var(--gray900);\n  --color-surface02: var(--gray700);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray100);\n  --color-surface05: var(--color-white);\n\n  /* text */\n  --color-default-text: var(--gray100);\n  --color-hover-text: var(--gray300);\n  --color-pressed-text: var(--gray300);\n  --color-text-inverse: var(--gray900);\n  --color-text02: var(--gray900);\n  --color-text03: var(--gray700);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray700);\n  --color-disabled02: var(--gray900);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray300);\n  --color-default-icon: var(--gray100);\n  --color-disabled01-icon: var(--gray700);\n  --color-disabled02-icon: var(--gray900);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--gray300);\n  --color-hover-primary-icon: var(--gray300);\n  --color-inverse-icon: var(--gray900);\n  --color-pressed-icon: var(--gray300);\n  --color-primary01-icon: var(--color-white);\n\n  /* alert */\n  --color-default-error: var(--red200);\n  --color-default-success: var(--green200);\n  --color-default-warning: var(--yellow200);\n  --color-hover-error: var(--red50);\n  --color-hover-success: var(--green50);\n  --color-hover-warning: var(--yellow50);\n  --color-inverse-error: var(--red800);\n  --color-inverse-hover-error: var(--red200);\n  --color-inverse-hover-success: var(--green200);\n  --color-inverse-hover-warning: var(--yellow200);\n  --color-inverse-success: var(--green800);\n  --color-inverse-warning: var(--yellow800);\n\n  /* forms */\n  --color-form-active-primary: var(--gray800);\n  --color-form-hover-primary: var(--gray800);\n\n  /* links */\n  --color-text-link-blue-active: var(--color-white);\n  --color-text-link-blue-hover: var(--color-white);\n  --color-text-link-blue-pressed: var(--color-white);\n  --color-text-link-blue-visited: var(--color-white);\n  --color-text-link-blue: var(--color-white);\n  --color-text-link-default: var(--color-white);\n  --color-text-link-inverse: var(--gray900);\n  --color-text-link-red-active: var(--color-white);\n  --color-text-link-red-hover: var(--color-white);\n  --color-text-link-red-pressed: var(--color-white);\n  --color-text-link-red-visited: var(--color-white);\n  --color-text-link-red: var(--color-white);\n}\n\n.theme-red {\n  /* primary */\n  --color-active-primary: var(--red400);\n  --color-hover-primary: var(--red800);\n  --color-pressed-primary: var(--red400);\n  --color-primary01: var(--red500);\n  --color-primary02: var(--red25);\n  --color-primary03: var(--red50);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray800);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray500);\n  --color-secondary02: var(--gray25);\n  --color-secondary03: var(--gray50);\n\n  /* icons */\n  --color-active-primary-icon: var(--red400);\n  --color-hover-primary-icon: var(--red800);\n  --color-primary01-icon: var(--red500);\n\n  /* forms */\n  --color-form-active-primary: var(--red400);\n  --color-form-hover-primary: var(--red800);\n}\n\n\n/* Styles for stacked z-accordions */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\n/* all z-accordions with some sibling z-accordion */\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary)::before,\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content)::before {\n  border-radius: 0;\n}\n\n/* first z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:first-of-type:not(:only-of-type),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(content),\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(content)::before {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* last z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:last-of-type:not(:only-of-type),\nz-accordion[variant="background"]:last-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(content)::before {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n';function t(n,e,t){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;n&&n!==o;){const o=Object.getOwnPropertyDescriptor(n,e);if(o&&(!t||o.get))return o;n=Object.getPrototypeOf(n)}}var o,r=(n,e)=>{var o;Object.entries(null!=(o=e.o.t)?o:{}).map((([o,[r]])=>{if(31&r||32&r){const r=n[o],i=t(Object.getPrototypeOf(n),o,!0)||Object.getOwnPropertyDescriptor(n,o);i&&Object.defineProperty(n,o,{get(){return i.get.call(this)},set(n){i.set.call(this,n)},configurable:!0,enumerable:!0}),e.i.has(o)?n[o]=e.i.get(o):void 0!==r&&(n[o]=r)}}))},i=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},l=(n,e)=>{e&&(n.__stencil__getHostRef=()=>e,e.l=n,512&e.o.v&&r(n,e))},a=(n,e)=>e in n,c=(n,e)=>(0,console.error)(n,e),s=new Map,d=new Map,f="slot-fb{display:contents}slot-fb[hidden]{display:none}",g="http://www.w3.org/1999/xlink",v="undefined"!=typeof window?window:{},b=v.HTMLElement||class{},u={v:0,u:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,o)=>n.addEventListener(e,t,o),rel:(n,e,t,o)=>n.removeEventListener(e,t,o),ce:(n,e)=>new CustomEvent(n,e)},h=n=>Promise.resolve(n),m=(()=>{try{return!!v.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(n){}return!1})(),p=!!m&&(()=>!!v.document&&Object.getOwnPropertyDescriptor(v.document.adoptedStyleSheets,"length").writable)(),y=!1,z=[],w=[],k=(n,e)=>t=>{n.push(t),y||(y=!0,e&&4&u.v?$(j):u.raf(j))},x=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(n){c(n)}n.length=0},j=()=>{x(z),x(w),(y=z.length>0)&&u.raf(j)},$=n=>h().then(n),S=k(w,!0);function C(){var n;const t=this.attachShadow({mode:"open"});if(void 0===o&&(o=null!=(n=function(n){if(!m)return;const e=new CSSStyleSheet;return e.replaceSync(n),e}(e))?n:null),o)p?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o];else if(!m){const n=document.createElement("style");n.innerHTML=e,t.prepend(n)}}var O=n=>{const e=U(n,"childNodes");n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&"SLOT-FB"!==n.tagName&&E(e,n.tagName).forEach((n=>{1===n.nodeType&&"SLOT-FB"===n.tagName&&(n.hidden=!!M(n,_(n),!1).length)}));let t=0;for(t=0;t<e.length;t++){const n=e[t];1===n.nodeType&&U(n,"childNodes").length&&O(n)}},N=n=>{const e=[];for(let t=0;t<n.length;t++){const o=n[t]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e};function E(n,e,t){let o,r=0,i=[];for(;r<n.length;r++){if(o=n[r],o["s-sr"]&&(!e||o["s-hn"]===e)&&(void 0===t||_(o)===t)&&(i.push(o),void 0!==t))return i;i=[...i,...E(o.childNodes,e,t)]}return i}var M=(n,e,t=!0)=>{const o=[];(t&&n["s-sr"]||!n["s-sr"])&&o.push(n);let r=n;for(;r=r.nextSibling;)_(r)!==e||!t&&r["s-sr"]||o.push(r);return o},T=(n,e)=>1===n.nodeType?null===n.getAttribute("slot")&&""===e||n.getAttribute("slot")===e:n["s-sn"]===e||""===e,_=n=>"string"==typeof n["s-sn"]?n["s-sn"]:1===n.nodeType&&n.getAttribute("slot")||void 0;function P(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function L(n,e){var t;if(!(e=e||(null==(t=n["s-ol"])?void 0:t.parentElement)))return{slotNode:null,slotName:""};const o=n["s-sn"]=_(n)||"";return{slotNode:E(U(e,"childNodes"),e.tagName,o)[0],slotName:o}}var R=n=>{if(n.__cloneNode)return;const e=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const t=this.shadowRoot&&true,o=e.call(this,!!t&&n);if(!t&&n){let n,e,t=0;const r=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],i=this.__childNodes||this.childNodes;for(;t<i.length;t++)n=i[t]["s-nr"],e=r.every((n=>!i[t][n])),n&&(o.__appendChild?o.__appendChild(n.cloneNode(!0)):o.appendChild(n.cloneNode(!0))),e&&o.appendChild(i[t].cloneNode(!0))}return o}},A=n=>{n.__appendChild||(n.__appendChild=n.appendChild,n.appendChild=function(n){const{slotName:e,slotNode:t}=L(n,this);if(t){((n,e)=>{if(n["s-ol"]&&n["s-ol"].isConnected)return;const t=document.createTextNode("");if(t["s-nr"]=n,!e["s-cr"]||!e["s-cr"].parentNode)return;const o=e["s-cr"].parentNode;U(o,"appendChild").call(o,t),n["s-ol"]=t,n["s-sh"]=e["s-hn"]})(n,t);const o=M(t,e),r=o[o.length-1],i=U(r,"parentNode"),l=U(i,"insertBefore")(n,r.nextSibling);return P(t),O(this),l}return this.__appendChild(n)})},B=n=>{class e extends Array{item(n){return this[n]}}H("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>1===n.nodeType))}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),H("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),H("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),H("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new e;return n.push(...N(this.__childNodes)),n}})},F=["children","nextElementSibling","previousElementSibling"],D=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function H(n,e){if(!globalThis.Node||!globalThis.Element)return;let t;F.includes(n)?t=Object.getOwnPropertyDescriptor(Element.prototype,n):D.includes(n)&&(t=Object.getOwnPropertyDescriptor(Node.prototype,n)),t||(t=Object.getOwnPropertyDescriptor(e,n)),t&&Object.defineProperty(e,"__"+n,t)}function U(n,e){if("__"+e in n){const t=n["__"+e];return"function"!=typeof t?t:t.bind(n)}return"function"!=typeof n[e]?n[e]:n[e].bind(n)}function I(n){var e,t,o;return null!=(o=null==(t=null==(e=n.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?o:void 0}var W,q,V,Y=new WeakMap,G=n=>"sc-"+n.h,Z=n=>"object"==(n=typeof n)||"function"===n,J=(n,e,...t)=>{let o=null,r=null,i=null,l=!1,a=!1;const c=[],s=e=>{for(let t=0;t<e.length;t++)o=e[t],Array.isArray(o)?s(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof n&&!Z(o))&&(o+=""),l&&a?c[c.length-1].m+=o:c.push(l?K(null,o):o),a=l)};if(s(t),e){e.key&&(r=e.key),e.name&&(i=e.name);{const n=e.className||e.class;n&&(e.class="object"!=typeof n?n:Object.keys(n).filter((e=>n[e])).join(" "))}}if("function"==typeof n)return n(null===e?{}:e,c,X);const d=K(n,null);return d.p=e,c.length>0&&(d.k=c),d.j=r,d.$=i,d},K=(n,e)=>({v:0,S:n,m:null!=e?e:null,C:null,k:null,p:null,j:null,$:null}),Q={},X={forEach:(n,e)=>n.map(nn).forEach(e),map:(n,e)=>n.map(nn).map(e).map(en)},nn=n=>({vattrs:n.p,vchildren:n.k,vkey:n.j,vname:n.$,vtag:n.S,vtext:n.m}),en=n=>{if("function"==typeof n.vtag){const e={...n.vattrs};return n.vkey&&(e.key=n.vkey),n.vname&&(e.name=n.vname),J(n.vtag,e,...n.vchildren||[])}const e=K(n.vtag,n.vtext);return e.p=n.vattrs,e.k=n.vchildren,e.j=n.vkey,e.$=n.vname,e},tn=(n,e)=>null==n||Z(n)?n:4&e?"false"!==n&&(""===n||!!n):2&e?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:1&e?n+"":n,on=n=>{var e;return null==(e=i(n))?void 0:e.$hostElement$},rn=(n,e,t)=>{const o=on(n);return{emit:n=>ln(o,e,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:n})}},ln=(n,e,t)=>{const o=u.ce(e,t);return n.dispatchEvent(o),o},an=(n,e,t,o,r,l)=>{if(t===o)return;let c=a(n,e),s=e.toLowerCase();if("class"===e){const e=n.classList,r=sn(t);let i=sn(o);e.remove(...r.filter((n=>n&&!i.includes(n)))),e.add(...i.filter((n=>n&&!r.includes(n))))}else if("style"===e){for(const e in t)o&&null!=o[e]||(e.includes("-")?n.style.removeProperty(e):n.style[e]="");for(const e in o)t&&o[e]===t[e]||(e.includes("-")?n.style.setProperty(e,o[e]):n.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&Mn(o,n);else if(c||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const t=e.slice(5);let r;{const e=i(n);if(e&&e.o&&e.o.t){const n=e.o.t[t];n&&n[1]&&(r=n[1])}}return r||(r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==n.getAttribute(r)||n.removeAttribute(r):n.setAttribute(r,!0===o?"":o))}if("p"===e[0]&&e.startsWith("prop:")){const t=e.slice(5);try{n[t]=o}catch(n){}return}{const i=Z(o);if((c||i&&null!==o)&&!r)try{if(n.tagName.includes("-"))n[e]!==o&&(n[e]=o);else{const r=null==o?"":o;"list"===e?c=!1:null!=t&&n[e]===r||("function"==typeof n.__lookupSetter__(e)?n[e]=r:n.setAttribute(e,r))}}catch(n){}let a=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(e=s,a=!0),null==o||!1===o?!1===o&&""!==n.getAttribute(e)||(a?n.removeAttributeNS(g,e):n.removeAttribute(e)):(!c||4&l||r)&&!i&&1===n.nodeType&&(o=!0===o?"":o,a?n.setAttributeNS(g,e,o):n.setAttribute(e,o))}}else if(e="-"===e[2]?e.slice(3):a(v,s)?s.slice(2):s[2]+e.slice(3),t||o){const r=e.endsWith(dn);e=e.replace(fn,""),t&&u.rel(n,e,t,r),o&&u.ael(n,e,o,r)}},cn=/\s/,sn=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(cn):[]),dn="Capture",fn=RegExp(dn+"$"),gn=(n,e,t)=>{const o=11===e.C.nodeType&&e.C.host?e.C.host:e.C,r=n&&n.p||{},i=e.p||{};for(const n of vn(Object.keys(r)))n in i||an(o,n,r[n],void 0,t,e.v);for(const n of vn(Object.keys(i)))an(o,n,r[n],i[n],t,e.v)};function vn(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var bn=!1,un=!1,hn=!1,mn=!1,pn=[],yn=[],zn=(n,e,t)=>{var o;const r=e.k[t];let i,l,a,c=0;if(bn||(hn=!0,"slot"===r.S&&(r.v|=r.k?2:1)),null!=r.m)i=r.C=v.document.createTextNode(r.m);else if(1&r.v)i=r.C=v.document.createTextNode(""),gn(null,r,mn);else{if(mn||(mn="svg"===r.S),!v.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.C=v.document.createElementNS(mn?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!bn&&2&r.v?"slot-fb":r.S),mn&&"foreignObject"===r.S&&(mn=!1),gn(null,r,mn),null!=W&&void 0!==W&&i["s-si"]!==W&&i.classList.add(i["s-si"]=W),r.k){const e="template"===r.S?i.content:i;for(c=0;c<r.k.length;++c)l=zn(n,r,c),l&&e.appendChild(l)}"svg"===r.S?mn=!1:"foreignObject"===i.tagName&&(mn=!0)}return i["s-hn"]=V,3&r.v&&(i["s-sr"]=!0,i["s-cr"]=q,i["s-sn"]=r.$||"",i["s-rf"]=null==(o=r.p)?void 0:o.ref,function(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const e=e=>function(n){const t=[],o=this["s-sn"];(null==n?void 0:n.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:N(r.childNodes)).forEach((n=>{o===_(n)&&t.push(n)})),e?t.filter((n=>1===n.nodeType)):t}.bind(n);n.assignedElements=e(!0),n.assignedNodes=e(!1)}(i),a=n&&n.k&&n.k[t],a&&a.S===r.S&&n.C&&wn(n.C),_n(q,i,e.C,null==n?void 0:n.C)),i},wn=n=>{u.v|=1;const e=n.closest(V.toLowerCase());if(null!=e){const t=Array.from(e.__childNodes||e.childNodes).find((n=>n["s-cr"])),o=Array.from(n.__childNodes||n.childNodes);for(const n of t?o.reverse():o)null!=n["s-sh"]&&(Tn(e,n,null!=t?t:null),n["s-sh"]=void 0,hn=!0)}u.v&=-2},kn=(n,e)=>{u.v|=1;const t=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let e=n;for(;e=e.nextSibling;)e&&e["s-sn"]===n["s-sn"]&&e["s-sh"]===V&&t.push(e)}for(let n=t.length-1;n>=0;n--){const o=t[n];o["s-hn"]!==V&&o["s-ol"]&&(Tn(Sn(o).parentNode,o,Sn(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,hn=!0),e&&kn(o,e)}u.v&=-2},xn=(n,e,t,o,r,i)=>{let l,a=n["s-cr"]&&n["s-cr"].parentNode||n;for(a.shadowRoot&&a.tagName===V&&(a=a.shadowRoot),"template"===t.S&&(a=a.content);r<=i;++r)o[r]&&(l=zn(null,t,r),l&&(o[r].C=l,Tn(a,l,Sn(e))))},jn=(n,e,t)=>{for(let o=e;o<=t;++o){const e=n[o];if(e){const n=e.C;En(e),n&&(un=!0,n["s-ol"]?n["s-ol"].remove():kn(n,!0),n.remove())}}},$n=(n,e,t=!1)=>n.S===e.S&&("slot"===n.S?n.$===e.$:t?(t&&!n.j&&e.j&&(n.j=e.j),!0):n.j===e.j),Sn=n=>n&&n["s-ol"]||n,Cn=(n,e,t=!1)=>{const o=e.C=n.C,r=n.k,i=e.k,l=e.S,a=e.m;let c;null==a?(mn="svg"===l||"foreignObject"!==l&&mn,"slot"!==l||bn||n.$!==e.$&&(e.C["s-sn"]=e.$||"",wn(e.C.parentElement)),gn(n,e,mn),null!==r&&null!==i?((n,e,t,o,r=!1)=>{let i,l,a=0,c=0,s=0,d=0,f=e.length-1,g=e[0],v=e[f],b=o.length-1,u=o[0],h=o[b];const m="template"===t.S?n.content:n;for(;a<=f&&c<=b;)if(null==g)g=e[++a];else if(null==v)v=e[--f];else if(null==u)u=o[++c];else if(null==h)h=o[--b];else if($n(g,u,r))Cn(g,u,r),g=e[++a],u=o[++c];else if($n(v,h,r))Cn(v,h,r),v=e[--f],h=o[--b];else if($n(g,h,r))"slot"!==g.S&&"slot"!==h.S||kn(g.C.parentNode,!1),Cn(g,h,r),Tn(m,g.C,v.C.nextSibling),g=e[++a],h=o[--b];else if($n(v,u,r))"slot"!==g.S&&"slot"!==h.S||kn(v.C.parentNode,!1),Cn(v,u,r),Tn(m,v.C,g.C),v=e[--f],u=o[++c];else{for(s=-1,d=a;d<=f;++d)if(e[d]&&null!==e[d].j&&e[d].j===u.j){s=d;break}s>=0?(l=e[s],l.S!==u.S?i=zn(e&&e[c],t,s):(Cn(l,u,r),e[s]=void 0,i=l.C),u=o[++c]):(i=zn(e&&e[c],t,c),u=o[++c]),i&&Tn(Sn(g.C).parentNode,i,Sn(g.C))}a>f?xn(n,null==o[b+1]?null:o[b+1].C,t,o,c,b):c>b&&jn(e,a,f)})(o,r,e,i,t):null!==i?(null!==n.m&&(o.textContent=""),xn(o,null,e,i,0,i.length-1)):!t&&null!==r&&jn(r,0,r.length-1),mn&&"svg"===l&&(mn=!1)):(c=o["s-cr"])?c.parentNode.textContent=a:n.m!==a&&(o.data=a)},On=[],Nn=n=>{let e,t,o;const r=n.__childNodes||n.childNodes;for(const n of r){if(n["s-sr"]&&(e=n["s-cr"])&&e.parentNode){t=e.parentNode.__childNodes||e.parentNode.childNodes;const r=n["s-sn"];for(o=t.length-1;o>=0;o--)if(e=t[o],!(e["s-cn"]||e["s-nr"]||e["s-hn"]===n["s-hn"]||e["s-sh"]&&e["s-sh"]===n["s-hn"]))if(T(e,r)){let t=On.find((n=>n.O===e));un=!0,e["s-sn"]=e["s-sn"]||r,t?(t.O["s-sh"]=n["s-hn"],t.N=n):(e["s-sh"]=n["s-hn"],On.push({N:n,O:e})),e["s-sr"]&&On.map((n=>{T(n.O,e["s-sn"])&&(t=On.find((n=>n.O===e)),t&&!n.N&&(n.N=t.N))}))}else On.some((n=>n.O===e))||On.push({O:e})}1===n.nodeType&&Nn(n)}},En=n=>{n.p&&n.p.ref&&pn.push((()=>n.p.ref(null))),n.k&&n.k.map(En)},Mn=(n,e)=>{yn.push((()=>n(e)))},Tn=(n,e,t,o)=>{if("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"])_n(e["s-cr"],e,n,e.parentElement);else if("string"==typeof e["s-sn"]){n.insertBefore(e,t);const{slotNode:r}=L(e);return r&&!o&&P(r),e}return n.__insertBefore?n.__insertBefore(e,t):null==n?void 0:n.insertBefore(e,t)};function _n(n,e,t,o){var r,i;let l;if(n&&"string"==typeof e["s-sn"]&&e["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(l=e["s-si"]||n.parentNode["s-sc"])){const n=e["s-sn"],a=e["s-hn"];if(null==(r=t.classList)||r.add(l+"-s"),o&&(null==(i=o.classList)?void 0:i.contains(l+"-s"))){let e=(o.__childNodes||o.childNodes)[0],t=!1;for(;e;){if(e["s-sn"]!==n&&e["s-hn"]===a&&e["s-sr"]){t=!0;break}e=e.nextSibling}t||o.classList.remove(l+"-s")}}}var Pn=(n,e)=>{if(e&&!n.M&&e["s-p"]){const t=e["s-p"].push(new Promise((o=>n.M=()=>{e["s-p"].splice(t-1,1),o()})))}},Ln=(n,e)=>{if(n.v|=16,4&n.v)return void(n.v|=512);Pn(n,n.T);const t=()=>Rn(n,e);if(!e)return S(t);queueMicrotask((()=>{t()}))},Rn=(n,e)=>{const t=n.$hostElement$,o=n.l;if(!o)throw Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return e?(n._&&(n._=!1,In(o,"connectedCallback",void 0,t)),n.v|=256,n.P&&(n.P.map((([n,e])=>In(o,n,e,t))),n.P=void 0),n.L.length&&n.L.forEach((n=>n(t))),r=In(o,"componentWillLoad",void 0,t)):r=In(o,"componentWillUpdate",void 0,t),r=An(r,(()=>In(o,"componentWillRender",void 0,t))),An(r,(()=>Fn(n,o,e)))},An=(n,e)=>Bn(n)?n.then(e).catch((n=>{console.error(n),e()})):e(),Bn=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,Fn=async(n,e,t)=>{var o;const r=n.$hostElement$,i=r["s-rc"];t&&(n=>{const e=n.o,t=n.$hostElement$,o=e.v,r=((n,e)=>{var t,o,r;const i=G(e),l=d.get(i);if(!v.document)return i;if(n=11===n.nodeType?n:v.document,l)if("string"==typeof l){let r,a=Y.get(n=n.head||n);if(a||Y.set(n,a=new Set),!a.has(i)){r=v.document.createElement("style"),r.textContent=l;const c=null!=(t=u.R)?t:I(v.document);if(null!=c&&r.setAttribute("nonce",c),!(1&e.v))if("HEAD"===n.nodeName){const e=n.querySelectorAll("link[rel=preconnect]"),t=e.length>0?e[e.length-1].nextSibling:n.querySelector("style");n.insertBefore(r,(null==t?void 0:t.parentNode)===n?t:null)}else if("host"in n)if(m){const e=new(null!=(o=n.defaultView)?o:n.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(l),p?n.adoptedStyleSheets.unshift(e):n.adoptedStyleSheets=[e,...n.adoptedStyleSheets]}else{const e=n.querySelector("style");e?e.textContent=l+e.textContent:n.prepend(r)}else n.append(r);1&e.v&&n.insertBefore(r,null),4&e.v&&(r.textContent+=f),a&&a.add(i)}}else{let e=Y.get(n);if(e||Y.set(n,e=new Set),!e.has(i)){const t=null!=(r=n.defaultView)?r:n.ownerDocument.defaultView;let o;if(l.constructor===t.CSSStyleSheet)o=l;else{o=new t.CSSStyleSheet;for(let n=0;n<l.cssRules.length;n++)o.insertRule(l.cssRules[n].cssText,n)}p?n.adoptedStyleSheets.push(o):n.adoptedStyleSheets=[...n.adoptedStyleSheets,o],e.add(i)}}return i})(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);10&o&&(t["s-sc"]=r,t.classList.add(r+"-h"))})(n);Dn(n,e,r,t),i&&(i.map((n=>n())),r["s-rc"]=void 0);{const e=null!=(o=r["s-p"])?o:[],t=()=>Hn(n);0===e.length?t():(Promise.all(e).then(t).catch(t),n.v|=4,e.length=0)}},Dn=(n,e,t,o)=>{try{e=e.render(),n.v&=-17,n.v|=2,((n,e,t=!1)=>{var o,r,i,l,a;const c=n.$hostElement$,s=n.o,d=n.A||K(null,null),f=(n=>n&&n.S===Q)(e)?e:J(null,null,e);if(V=c.tagName,s.B&&(f.p=f.p||{},s.B.forEach((([n,e])=>{f.p[e]=c[n]}))),t&&f.p)for(const n of Object.keys(f.p))c.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(f.p[n]=c[n]);if(f.S=null,f.v|=4,n.A=f,f.C=d.C=c.shadowRoot||c,W=c["s-sc"],bn=!(!(1&s.v)||128&s.v),q=c["s-cr"],un=!1,Cn(d,f,t),u.v|=1,hn){Nn(f.C);for(const n of On){const e=n.O;if(!e["s-ol"]&&v.document){const n=v.document.createTextNode("");n["s-nr"]=e,Tn(e.parentNode,e["s-ol"]=n,e,t)}}for(const n of On){const e=n.O,a=n.N;if(1===e.nodeType&&t&&(e["s-ih"]=null!=(o=e.hidden)&&o),a){const n=a.parentNode;let o=a.nextSibling;if(o&&1===o.nodeType){let t=null==(r=e["s-ol"])?void 0:r.previousSibling;for(;t;){let r=null!=(i=t["s-nr"])?i:null;if(r&&r["s-sn"]===e["s-sn"]&&n===(r.__parentNode||r.parentNode)){for(r=r.nextSibling;r===e||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}t=t.previousSibling}}if((!o&&n!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==o)&&e!==o){if(Tn(n,e,o,t),8===e.nodeType&&e.nodeValue.startsWith("s-nt-")){const n=v.document.createTextNode(e.nodeValue.replace(/^s-nt-/,""));n["s-hn"]=e["s-hn"],n["s-sn"]=e["s-sn"],n["s-sh"]=e["s-sh"],n["s-sr"]=e["s-sr"],n["s-ol"]=e["s-ol"],n["s-ol"]["s-nr"]=n,Tn(e.parentNode,n,e,t),e.parentNode.removeChild(e)}1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(l=e["s-ih"])&&l)}e&&"function"==typeof a["s-rf"]&&a["s-rf"](a)}else 1===e.nodeType&&(e.hidden=!0)}}if(un&&O(f.C),u.v&=-2,On.length=0,!bn&&!(1&s.v)&&c["s-cr"]){const n=f.C.__childNodes||f.C.childNodes;for(const e of n)if(e["s-hn"]!==V&&!e["s-sh"])if(t&&null==e["s-ih"]&&(e["s-ih"]=null!=(a=e.hidden)&&a),1===e.nodeType)e.hidden=!0;else if(3===e.nodeType&&e.nodeValue.trim()){const n=v.document.createComment("s-nt-"+e.nodeValue);n["s-sn"]=e["s-sn"],Tn(e.parentNode,n,e,t),e.parentNode.removeChild(e)}}q=void 0,pn.forEach((n=>n())),pn.length=0,yn.forEach((n=>n())),yn.length=0})(n,e,o)}catch(e){c(e,n.$hostElement$)}return null},Hn=n=>{const e=n.$hostElement$,t=n.l,o=n.T;In(t,"componentDidRender",void 0,e),64&n.v?In(t,"componentDidUpdate",void 0,e):(n.v|=64,Wn(e),In(t,"componentDidLoad",void 0,e),n.F(e),o||Un()),n.D(e),n.M&&(n.M(),n.M=void 0),512&n.v&&$((()=>Ln(n,!1))),n.v&=-517},Un=()=>{$((()=>ln(v,"appload",{detail:{namespace:"web-components-library"}})))},In=(n,e,t,o)=>{if(n&&n[e])try{return n[e](t)}catch(n){c(n,o)}},Wn=n=>n.classList.add("hydrated"),qn=(n,e,t,o)=>{const r=i(n);if(!r)return;if(!r)throw Error(`Couldn't find host element for "${o.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=r.$hostElement$,a=r.i.get(e),s=r.v,d=r.l;if(t=tn(t,o.t[e][0]),!(8&s&&void 0!==a||t===a||Number.isNaN(a)&&Number.isNaN(t))){if(r.i.set(e,t),o.H){const n=o.H[e];n&&n.map((n=>{try{const[[o,i]]=Object.entries(n);(128&s||1&i)&&(d?d[o](t,a,e):r.L.push((()=>{r.l[o](t,a,e)})))}catch(n){c(n,l)}}))}if(2&s){if(d.componentShouldUpdate&&!1===d.componentShouldUpdate(t,a,e)&&!(16&s))return;16&s||Ln(r,!1)}}},Vn=(n,e,o)=>{var r,l;const a=n.prototype;{n.watchers&&!e.H&&(e.H=n.watchers),n.deserializers&&!e.U&&(e.U=n.deserializers),n.serializers&&!e.I&&(e.I=n.serializers);const c=Object.entries(null!=(r=e.t)?r:{});if(c.map((([n,[r]])=>{if(31&r||2&o&&32&r){const{get:l,set:c}=t(a,n)||{};l&&(e.t[n][0]|=2048),c&&(e.t[n][0]|=4096),(1&o||!l)&&Object.defineProperty(a,n,{get(){{if(!(2048&e.t[n][0]))return((n,e)=>i(this).i.get(e))(0,n);const t=i(this),o=t?t.l:a;if(!o)return;return o[n]}},configurable:!0,enumerable:!0}),Object.defineProperty(a,n,{set(t){const l=i(this);if(l){if(c)return void 0===(32&r?this[n]:l.$hostElement$[n])&&l.i.get(n)&&(t=l.i.get(n)),c.call(this,tn(t,r)),void qn(this,n,t=32&r?this[n]:l.$hostElement$[n],e);{if(!(1&o&&4096&e.t[n][0]))return qn(this,n,t,e),void(1&o&&!l.l&&l.L.push((()=>{4096&e.t[n][0]&&l.l[n]!==l.i.get(n)&&(l.l[n]=t)})));const i=()=>{const o=l.l[n];!l.i.get(n)&&o&&l.i.set(n,o),l.l[n]=tn(t,r),qn(this,n,l.l[n],e)};l.l?i():l.L.push((()=>{i()}))}}}})}else 1&o&&64&r&&Object.defineProperty(a,n,{value(...e){var t;const o=i(this);return null==(t=null==o?void 0:o.W)?void 0:t.then((()=>{var t;return null==(t=o.l)?void 0:t[n](...e)}))}})})),1&o){const t=new Map;a.attributeChangedCallback=function(n,o,r){u.jmp((()=>{var l;const s=t.get(n),d=i(this);if(this.hasOwnProperty(s)&&(r=this[s],delete this[s]),a.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==r)return;if(null==s){const t=null==d?void 0:d.v;if(d&&t&&!(8&t)&&r!==o){const i=d.l,a=null==(l=e.H)?void 0:l[n];null==a||a.forEach((e=>{const[[l,a]]=Object.entries(e);null!=i[l]&&(128&t||1&a)&&i[l].call(i,r,o,n)}))}return}const f=c.find((([n])=>n===s));f&&4&f[1][0]&&(r=null!==r&&"false"!==r);const g=Object.getOwnPropertyDescriptor(a,s);r==this[s]||g.get&&!g.set||(this[s]=r)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.H)?l:{}),...c.filter((([n,e])=>31&e[0])).map((([n,o])=>{var r;const i=o[1]||n;return t.set(i,n),512&o[0]&&(null==(r=e.B)||r.push([n,i])),i}))]))}}return n},Yn=(n,e)=>{In(n,"connectedCallback",void 0,e)},Gn=(n,e)=>{In(n,"disconnectedCallback",void 0,e||n)},Zn=(n,e={})=>{var t;if(!v.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],r=e.exclude||[],l=v.customElements,a=v.document.head,g=a.querySelector("meta[charset]"),b=v.document.createElement("style"),h=[];let p,y=!0;Object.assign(u,e),u.u=new URL(e.resourcesUrl||"./",v.document.baseURI).href;let z=!1;if(n.map((n=>{n[1].map((e=>{var t,a,f;const g={v:e[0],h:e[1],t:e[2],q:e[3]};4&g.v&&(z=!0),g.t=e[2],g.q=e[3],g.B=[],g.H=null!=(t=e[4])?t:{},g.I=null!=(a=e[5])?a:{},g.U=null!=(f=e[6])?f:{};const b=g.h,w=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(n){if(super(n),((n,e)=>{const t={v:0,$hostElement$:n,o:e,i:new Map,V:new Map};t.W=new Promise((n=>t.D=n)),t.Y=new Promise((n=>t.F=n)),n["s-p"]=[],n["s-rc"]=[],t.L=[];const o=t;n.__stencil__getHostRef=()=>o})(n=this,g),1&g.v)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${g.h}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else C.call(n,g)}connectedCallback(){const n=i(this);n&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Kn(this,n,g.q)),p&&(clearTimeout(p),p=null),y?h.push(this):u.jmp((()=>(n=>{if(!(1&u.v)){const e=i(n);if(!e)return;const t=e.o,o=()=>{};if(1&e.v)Kn(n,e,t.q),(null==e?void 0:e.l)?Yn(e.l,n):(null==e?void 0:e.Y)&&e.Y.then((()=>Yn(e.l,n)));else{e.v|=1,12&t.v&&(n=>{if(!v.document)return;const e=n["s-cr"]=v.document.createComment("");e["s-cn"]=!0,Tn(n,e,n.firstChild)})(n);{let t=n;for(;t=t.parentNode||t.host;)if(t["s-p"]){Pn(e,e.T=t);break}}t.t&&Object.entries(t.t).map((([e,[t]])=>{if(31&t&&Object.prototype.hasOwnProperty.call(n,e)){const t=n[e];delete n[e],n[e]=t}})),(async(n,e,t)=>{let o;try{if(!(32&e.v)){if(e.v|=32,t.G){const r=((n,e)=>{const t=n.h.replace(/-/g,"_"),o=n.G;if(!o)return;const r=s.get(o);return r?r[t]:import(`./${o}.entry.js`).then((n=>(s.set(o,n),n[t])),(n=>{c(n,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(t,e);if(r&&"then"in r){const n=()=>{};o=await r,n()}else o=r;if(!o)throw Error(`Constructor for "${t.h}#${e.Z}" was not found`);o.isProxied||(t.H=o.watchers,t.I=o.serializers,t.U=o.deserializers,Vn(o,t,2),o.isProxied=!0);const i=()=>{};e.v|=8;try{new o(e)}catch(e){c(e,n)}e.v&=-9,e.v|=128,i(),4&t.v?e._=!0:Yn(e.l,n)}else o=n.constructor,customElements.whenDefined(n.localName).then((()=>e.v|=128));if(o&&o.style){let n;"string"==typeof o.style&&(n=o.style);const e=G(t);if(!d.has(e)){const o=()=>{};((n,e,t)=>{let o=d.get(n);m&&t?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,d.set(n,o)})(e,n,!!(1&t.v)),o()}}}const r=e.T,i=()=>Ln(e,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(t){c(t,n),e.M&&(e.M(),e.M=void 0),e.F&&e.F(n)}})(n,e,t)}o()}})(this))))}disconnectedCallback(){u.jmp((()=>(async n=>{if(!(1&u.v)){const e=i(n);(null==e?void 0:e.J)&&(e.J.map((n=>n())),e.J=void 0),(null==e?void 0:e.l)?Gn(e.l,n):(null==e?void 0:e.Y)&&e.Y.then((()=>Gn(e.l,n)))}Y.has(n)&&Y.delete(n),n.shadowRoot&&Y.has(n.shadowRoot)&&Y.delete(n.shadowRoot)})(this))),u.raf((()=>{var n;const e=i(this);if(!e)return;const t=h.findIndex((n=>n===this));t>-1&&h.splice(t,1),(null==(n=null==e?void 0:e.A)?void 0:n.C)instanceof Node&&!e.A.C.isConnected&&delete e.A.C}))}componentOnReady(){var n;return null==(n=i(this))?void 0:n.Y}};!(1&g.v)&&256&g.v?(B(w.prototype),R(w.prototype),A(w.prototype)):R(w.prototype),g.G=n[0],r.includes(b)||l.get(b)||(o.push(b),l.define(b,Vn(w,g,1)))}))})),o.length>0&&(z&&(b.textContent+=f),b.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const n=null!=(t=u.R)?t:I(v.document);null!=n&&b.setAttribute("nonce",n),a.insertBefore(b,g?g.nextSibling:a.firstChild)}y=!1,h.length?h.map((n=>n.connectedCallback())):u.jmp((()=>p=setTimeout(Un,30)))},Jn=(n,e)=>e,Kn=(n,e,t)=>{t&&v.document&&t.map((([t,o,r])=>{const i=Xn(v.document,n,t),l=Qn(e,r),a=ne(t);u.ael(i,o,l,a),(e.J=e.J||[]).push((()=>u.rel(i,o,l,a)))}))},Qn=(n,e)=>t=>{var o;try{256&n.v?null==(o=n.l)||o[e](t):(n.P=n.P||[]).push([e,t])}catch(e){c(e,n.$hostElement$)}},Xn=(n,e,t)=>4&t?n:8&t?v:16&t?n.body:e,ne=n=>({passive:!!(1&n),capture:!!(2&n)}),ee=n=>u.R=n;export{Jn as F,Q as H,b as a,Zn as b,rn as c,on as d,n as g,J as h,h as p,l as r,ee as s}
+const n="web-components-library";const e={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,shadowDom:true,slotRelocation:true,state:true,updatable:true};const t=()=>{};const o='@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n:root {\n  --gray950: #121212;\n  --gray900: #292929;\n  --gray800: #3d3d3d;\n  --gray700: #525252;\n  --gray600: #666;\n  --gray500: #9b9b9b;\n  --gray400: #adadad;\n  --gray300: #c2c2c2;\n  --gray200: #d6d6d6;\n  --gray100: #ebebeb;\n  --gray50: #f6f6f6;\n  --gray25: #fafafa;\n}\n\n:root {\n  --blue950: #001229;\n  --blue900: #001f46;\n  --blue800: #002c63;\n  --blue700: #003981;\n  --blue600: #0047a0;\n  --blue500: #0056c1;\n  --blue400: #2e76ce;\n  --blue300: #5893db;\n  --blue200: #82b0e7;\n  --blue100: #accdf3;\n  --blue50: #d6eaff;\n  --blue25: #ebf5ff;\n}\n\n:root {\n  --green950: #19200a;\n  --green900: #22330a;\n  --green800: #2b4808;\n  --green700: #355d06;\n  --green600: #407305;\n  --green500: #568818;\n  --green400: #6f9d2f;\n  --green300: #8ab14a;\n  --green200: #a6c66b;\n  --green100: #c3da92;\n  --green50: #effce0;\n  --green25: #f5fdec;\n}\n\n:root {\n  --yellow950: #33280f;\n  --yellow900: #5c4615;\n  --yellow800: #85641a;\n  --yellow700: #ab8125;\n  --yellow600: #d09e30;\n  --yellow500: #f6bb3b;\n  --yellow400: #f9c852;\n  --yellow300: #fbd468;\n  --yellow200: #fee17f;\n  --yellow150: #ffde72;\n  --yellow100: #ffea91;\n  --yellow50: #fbf4e6;\n  --yellow25: #fcf7ed;\n}\n\n:root {\n  --red950: #2a0005;\n  --red900: #4c0009;\n  --red800: #6f000d;\n  --red700: #940111;\n  --red600: #ba0115;\n  --red500: #e4011c;\n  --red400: #ec5163;\n  --red300: #f07a88;\n  --red200: #f49fa9;\n  --red100: #f8bfc4;\n  --red50: #fdeeed;\n  --red25: #fef6f6;\n}\n\n:root {\n  --avatar-C01: #99005b;\n  --avatar-C02: #b01300;\n  --avatar-C03: #e62200;\n  --avatar-C04: #7c4000;\n  --avatar-C05: #c25600;\n  --avatar-C06: #6e6d6d;\n  --avatar-C07: #667d00;\n  --avatar-C08: #008741;\n  --avatar-C09: #00612f;\n  --avatar-C10: #007d8a;\n  --avatar-C11: #007db3;\n  --avatar-C12: #00548c;\n  --avatar-C13: #0028b1;\n  --avatar-C14: #00019c;\n  --avatar-C15: #6400ee;\n  --avatar-C16: #5f3fff;\n  --avatar-C17: #8b00a5;\n  --avatar-C18: #b200ff;\n  --avatar-C19: #c700d6;\n}\n\n:root {\n  --subject-art: #7b7b06;\n  --subject-art_image: #7b7b06;\n  --subject-biology: #438454;\n  --subject-chemistry: #ba5191;\n  --subject-civics: #000080;\n  --subject-communication: #1777d5;\n  --subject-computer_science: #10893e;\n  --subject-earth_science: #8d3eb2;\n  --subject-economic: #004080;\n  --subject-english: #c25353;\n  --subject-food_science: #38846b;\n  --subject-french: #c25353;\n  --subject-geography: #378092;\n  --subject-german: #c25353;\n  --subject-grammar: #be5926;\n  --subject-graphic: #8e7406;\n  --subject-greek: #37818a;\n  --subject-history: #8b572a;\n  --subject-law: #b90000;\n  --subject-latin: #8b4513;\n  --subject-math: #266997;\n  --subject-natural_science: #318473;\n  --subject-philosophy: #5a189a;\n  --subject-physics: #4a7ba4;\n  --subject-science_middle_school: #3a7922;\n  --subject-spanish: #c25353;\n  --subject-technology: #138473;\n  --subject-topography: #ac6604;\n  --subject-technique: #752771;\n}\n\n\n\n:root {\n  --color-black: #000;\n  --color-white: #fff;\n}\n\n:root {\n  /* font-family */\n  --font-family-sans: "IBM Plex Sans", sans-serif;\n  --font-family-serif: "IBM Plex Serif", serif;\n\n  /* font-weight */\n  --font-lt: 300;\n  --font-rg: 400;\n  --font-sb: 600;\n  --font-bd: 700;\n\n  /* font-size type scale */\n  --font-size-1: 0.75rem; /* 12px */\n  --font-size-2: 0.875rem; /* 14px */\n  --font-size-3: 1rem; /* assuming 16px */\n  --font-size-4: 1.125rem; /* 18px */\n  --font-size-5: 1.25rem; /* 20px */\n  --font-size-6: 1.5rem; /* 24px */\n  --font-size-7: 1.75rem; /* 28px */\n  --font-size-8: 2rem; /* 32px */\n  --font-size-9: 2.25rem; /* 36px */\n  --font-size-10: 2.625rem; /* 42px */\n  --font-size-11: 3rem; /* 48px */\n  --font-size-12: 3.375rem; /* 54px */\n  --font-size-13: 3.75rem; /* 60px */\n  --font-size-14: 4.25rem; /* 68px */\n  --font-size-15: 4.75rem; /* 76px */\n  --font-size-16: 5.25rem; /* 84px */\n  --font-size-17: 5.75rem; /* 92px */\n\n  /* cssprops to use with `font` shorthand property */\n  --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n  --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n  --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n  --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n  --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n  --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n  font-size: var(--font-size-7);\n  font-weight: var(--font-rg);\n  line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n  font-size: var(--font-size-1);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n  font: var(--section-title-1);\n}\n\n.section-title-2 {\n  font: var(--section-title-2);\n}\n\n.section-title-3 {\n  font: var(--section-title-3);\n}\n\n.section-title-4 {\n  font: var(--section-title-4);\n}\n\n.section-title-5 {\n  font: var(--section-title-5);\n}\n\n.section-title-6 {\n  font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n  .heading-1,\n  .heading-1-sb,\n  .heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .heading-2,\n  .heading-2-sb,\n  .heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n  .mobile-heading-1,\n  .mobile-heading-1-sb,\n  .mobile-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .mobile-heading-2,\n  .mobile-heading-2-sb,\n  .mobile-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-3,\n  .mobile-heading-3-sb,\n  .mobile-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-4,\n  .mobile-heading-4-sb,\n  .mobile-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-1,\n  .mobile-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-2,\n  .mobile-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-3,\n  .mobile-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-4,\n  .mobile-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-body-5,\n  .mobile-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-interactive-1,\n  .mobile-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-interactive-2,\n  .mobile-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-interactive-3,\n  .mobile-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .mobile-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .mobile-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .mobile-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .mobile-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .mobile-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .mobile-heading-1-lt,\n  .mobile-heading-2-lt,\n  .mobile-heading-3-lt,\n  .mobile-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .mobile-heading-1-sb,\n  .mobile-heading-2-sb,\n  .mobile-heading-3-sb,\n  .mobile-heading-4-sb,\n  .mobile-body-1-sb,\n  .mobile-body-2-sb,\n  .mobile-body-3-sb,\n  .mobile-body-4-sb,\n  .mobile-body-5-sb,\n  .mobile-interactive-1-sb,\n  .mobile-interactive-2-sb,\n  .mobile-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  .tablet-heading-1,\n  .tablet-heading-1-sb,\n  .tablet-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .tablet-heading-2,\n  .tablet-heading-2-sb,\n  .tablet-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-3,\n  .tablet-heading-3-sb,\n  .tablet-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-4,\n  .tablet-heading-4-sb,\n  .tablet-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-1,\n  .tablet-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-2,\n  .tablet-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-3,\n  .tablet-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-4,\n  .tablet-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-body-5,\n  .tablet-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-interactive-1,\n  .tablet-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-interactive-2,\n  .tablet-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-interactive-3,\n  .tablet-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .tablet-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .tablet-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .tablet-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .tablet-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .tablet-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .tablet-heading-1-lt,\n  .tablet-heading-2-lt,\n  .tablet-heading-3-lt,\n  .tablet-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .tablet-heading-1-sb,\n  .tablet-heading-2-sb,\n  .tablet-heading-3-sb,\n  .tablet-heading-4-sb,\n  .tablet-body-1-sb,\n  .tablet-body-2-sb,\n  .tablet-body-3-sb,\n  .tablet-body-4-sb,\n  .tablet-body-5-sb,\n  .tablet-interactive-1-sb,\n  .tablet-interactive-2-sb,\n  .tablet-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  .desktop-heading-1,\n  .desktop-heading-1-sb,\n  .desktop-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .desktop-heading-2,\n  .desktop-heading-2-sb,\n  .desktop-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .desktop-heading-3,\n  .desktop-heading-3-sb,\n  .desktop-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .desktop-heading-4,\n  .desktop-heading-4-sb,\n  .desktop-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-1,\n  .desktop-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-2,\n  .desktop-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-3,\n  .desktop-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-4,\n  .desktop-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-body-5,\n  .desktop-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-interactive-1,\n  .desktop-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-interactive-2,\n  .desktop-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-interactive-3,\n  .desktop-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .desktop-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .desktop-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .desktop-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .desktop-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .desktop-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .desktop-heading-1-lt,\n  .desktop-heading-2-lt,\n  .desktop-heading-3-lt,\n  .desktop-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .desktop-heading-1-sb,\n  .desktop-heading-2-sb,\n  .desktop-heading-3-sb,\n  .desktop-heading-4-sb,\n  .desktop-body-1-sb,\n  .desktop-body-2-sb,\n  .desktop-body-3-sb,\n  .desktop-body-4-sb,\n  .desktop-body-5-sb,\n  .desktop-interactive-1-sb,\n  .desktop-interactive-2-sb,\n  .desktop-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .wide-heading-2,\n  .wide-heading-2-sb,\n  .wide-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .wide-heading-3,\n  .wide-heading-3-sb,\n  .wide-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .wide-heading-4,\n  .wide-heading-4-sb,\n  .wide-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-1,\n  .wide-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-2,\n  .wide-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-3,\n  .wide-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-4,\n  .wide-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-body-5,\n  .wide-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-interactive-1,\n  .wide-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-interactive-2,\n  .wide-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-interactive-3,\n  .wide-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .wide-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .wide-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .wide-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .wide-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .wide-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .wide-heading-1-lt,\n  .wide-heading-2-lt,\n  .wide-heading-3-lt,\n  .wide-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .wide-heading-1-sb,\n  .wide-heading-2-sb,\n  .wide-heading-3-sb,\n  .wide-heading-4-sb,\n  .wide-body-1-sb,\n  .wide-body-2-sb,\n  .wide-body-3-sb,\n  .wide-body-4-sb,\n  .wide-body-5-sb,\n  .wide-interactive-1-sb,\n  .wide-interactive-2-sb,\n  .wide-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n  font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n  font-weight: var(--font-sb);\n}\n\n:root {\n  --space-unit: 8px;\n}\n\n:root {\n  --shadow-color-base: rgb(61 61 61 / 35%);\n  --shadow-inset-2: inset 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-inset-4: inset 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-0: 0 0 0 0 var(--shadow-color-base);\n  --shadow-1: 0 1px 2px 0 var(--shadow-color-base);\n  --shadow-2: 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-3: 0 3px 6px 0 var(--shadow-color-base);\n  --shadow-4: 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-6: 0 6px 12px 0 var(--shadow-color-base);\n  --shadow-8: 0 8px 16px 0 var(--shadow-color-base);\n  --shadow-12: 0 12px 24px 0 var(--shadow-color-base);\n  --shadow-16: 0 16px 32px 0 var(--shadow-color-base);\n  --shadow-24: 0 24px 48px 0 var(--shadow-color-base);\n}\n\n:root {\n  --border-no-radius: 0;\n  --border-size-small: 1px;\n  --border-size-medium: 2px;\n  --border-size-large: 4px;\n  --border-radius-small: 2px;\n  --border-radius: 4px;\n}\n\n:root {\n  --grid-mobile-viewport: 768px;\n  --grid-mobile-column: 4;\n  --grid-mobile-margin: 16px;\n  --grid-mobile-gutter: 16px;\n  --grid-tablet-viewport: 768px;\n  --grid-tablet-column: 8;\n  --grid-tablet-margin: 24px;\n  --grid-tablet-gutter: 24px;\n  --grid-desktop-viewport: 1152px;\n  --grid-desktop-column: 12;\n  --grid-desktop-margin: 24px;\n  --grid-desktop-gutter: 24px;\n  --grid-wide-viewport: 1366px;\n  --grid-wide-column: 12;\n  --grid-wide-margin: 32px;\n  --grid-wide-gutter: 32px;\n  --page-max-width: 1366px;\n\n  /* These variables automatically adapt to the viewport size,\n    that apps don\'t have to worry about updating the value manually. */\n  --grid-margin: var(--grid-mobile-margin);\n  --grid-gutter: var(--grid-mobile-gutter);\n  --grid-columns: var(--grid-mobile-column);\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  :root {\n    --grid-margin: var(--grid-tablet-margin);\n    --grid-gutter: var(--grid-tablet-gutter);\n    --grid-columns: var(--grid-tablet-column);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  :root {\n    --grid-margin: var(--grid-desktop-margin);\n    --grid-gutter: var(--grid-desktop-gutter);\n    --grid-columns: var(--grid-desktop-column);\n  }\n}\n\n@media (min-width: 1366px) {\n  :root {\n    --grid-margin: var(--grid-wide-margin);\n    --grid-gutter: var(--grid-wide-gutter);\n    --grid-columns: var(--grid-wide-column);\n  }\n}\n\n.z-grid {\n  display: grid;\n  width: 100%;\n  column-gap: var(--grid-gutter);\n  grid-template-columns: repeat(var(--grid-columns), 1fr);\n\n  .col-full {\n    grid-column: 1 / -1;\n  }\n\n  .col-1 {\n    grid-column: span 1;\n  }\n\n  .col-2 {\n    grid-column: span 2;\n  }\n\n  .col-3 {\n    grid-column: span 3;\n  }\n\n  .col-4,\n  .col-5,\n  .col-6,\n  .col-7,\n  .col-8,\n  .col-9,\n  .col-10,\n  .col-11,\n  .col-12 {\n    grid-column: span 4;\n  }\n\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n\n  .col-start-3 {\n    grid-column-start: 3;\n  }\n\n  .col-start-4,\n  .col-start-5,\n  .col-start-6,\n  .col-start-7,\n  .col-start-8,\n  .col-start-9,\n  .col-start-10,\n  .col-start-11,\n  .col-start-12 {\n    grid-column-start: 4;\n  }\n\n  /*\n  .-col-start-1 is intentionally left out\n*/\n\n  .-col-start-2 {\n    grid-column-start: -2;\n  }\n\n  .-col-start-3 {\n    grid-column-start: -3;\n  }\n\n  .-col-start-4 {\n    grid-column-start: -4;\n  }\n\n  .-col-start-5,\n  .-col-start-6,\n  .-col-start-7,\n  .-col-start-8,\n  .-col-start-9,\n  .-col-start-10,\n  .-col-start-11,\n  .-col-start-12,\n  .-col-start-13 {\n    grid-column-start: -5;\n  }\n\n  .col-end-last {\n    grid-column-end: -1;\n  }\n\n  /*\n  .col-end-1 is intentionally left out\n*/\n\n  .col-end-2 {\n    grid-column-end: 2;\n  }\n\n  .col-end-3 {\n    grid-column-end: 3;\n  }\n\n  .col-end-4 {\n    grid-column-end: 4;\n  }\n\n  /*\n  This means "end this column where column 5 start",\n  which is the same as saying "end this column where column 4 end"\n*/\n  .col-end-5,\n  .col-end-6,\n  .col-end-7,\n  .col-end-8,\n  .col-end-9,\n  .col-end-10,\n  .col-end-11,\n  .col-end-12,\n  .col-end-13 {\n    grid-column-end: 5;\n  }\n\n  .-col-end-1 {\n    grid-column-end: -1;\n  }\n\n  .-col-end-2 {\n    grid-column-end: -2;\n  }\n\n  .-col-end-3 {\n    grid-column-end: -3;\n  }\n\n  .-col-end-4,\n  .-col-end-5,\n  .-col-end-6,\n  .-col-end-7,\n  .-col-end-8,\n  .-col-end-9,\n  .-col-end-10,\n  .-col-end-11,\n  .-col-end-12 {\n    grid-column-end: -4;\n  }\n\n  @media (max-width: 767px) {\n    .mobile-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .mobile-col-1 {\n      grid-column: span 1;\n    }\n\n    .mobile-col-2 {\n      grid-column: span 2;\n    }\n\n    .mobile-col-3 {\n      grid-column: span 3;\n    }\n\n    .mobile-col-4 {\n      grid-column: span 4;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .col-5 {\n      grid-column: span 5;\n    }\n\n    .col-6 {\n      grid-column: span 6;\n    }\n\n    .col-7 {\n      grid-column: span 7;\n    }\n\n    .col-8,\n    .col-9,\n    .col-10,\n    .col-11,\n    .col-12 {\n      grid-column: span 8;\n    }\n\n    .col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .col-start-8,\n    .col-start-9,\n    .col-start-10,\n    .col-start-11,\n    .col-start-12 {\n      grid-column-start: 8;\n    }\n\n    .-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-col-start-9,\n    .-col-start-10,\n    .-col-start-11,\n    .-col-start-12,\n    .-col-start-13 {\n      grid-column-start: -9;\n    }\n\n    .col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .col-end-9,\n    .col-end-10,\n    .col-end-11,\n    .col-end-12,\n    .col-end-13 {\n      grid-column-end: 9;\n    }\n\n    .-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-col-end-8,\n    .-col-end-9,\n    .-col-end-10,\n    .-col-end-11,\n    .-col-end-12 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1151px) {\n    .tablet-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .tablet-col-1 {\n      grid-column: span 1;\n    }\n\n    .tablet-col-2 {\n      grid-column: span 2;\n    }\n\n    .tablet-col-3 {\n      grid-column: span 3;\n    }\n\n    .tablet-col-4 {\n      grid-column: span 4;\n    }\n\n    .tablet-col-5 {\n      grid-column: span 5;\n    }\n\n    .tablet-col-6 {\n      grid-column: span 6;\n    }\n\n    .tablet-col-7 {\n      grid-column: span 7;\n    }\n\n    .tablet-col-8 {\n      grid-column: span 8;\n    }\n\n    .tablet-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .tablet-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .tablet-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .tablet-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .tablet-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .tablet-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .tablet-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .tablet-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .-tablet-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-tablet-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-tablet-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-tablet-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-tablet-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-tablet-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-tablet-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .tablet-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .tablet-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .tablet-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .tablet-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .tablet-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .tablet-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .tablet-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-tablet-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-tablet-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-tablet-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-tablet-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-tablet-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-tablet-col-end-8 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 1152px) {\n    .col-9 {\n      grid-column: span 9;\n    }\n\n    .col-10 {\n      grid-column: span 10;\n    }\n\n    .col-11 {\n      grid-column: span 11;\n    }\n\n    .col-12 {\n      grid-column: span 12;\n    }\n\n    .col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .-col-start-13 {\n      grid-column-start: -13;\n    }\n\n    .col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .col-end-13 {\n      grid-column-end: 13;\n    }\n\n    .-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1152px) and (max-width: 1365px) {\n    .desktop-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .desktop-col-1 {\n      grid-column: span 1;\n    }\n\n    .desktop-col-2 {\n      grid-column: span 2;\n    }\n\n    .desktop-col-3 {\n      grid-column: span 3;\n    }\n\n    .desktop-col-4 {\n      grid-column: span 4;\n    }\n\n    .desktop-col-5 {\n      grid-column: span 5;\n    }\n\n    .desktop-col-6 {\n      grid-column: span 6;\n    }\n\n    .desktop-col-7 {\n      grid-column: span 7;\n    }\n\n    .desktop-col-8 {\n      grid-column: span 8;\n    }\n\n    .desktop-col-9 {\n      grid-column: span 9;\n    }\n\n    .desktop-col-10 {\n      grid-column: span 10;\n    }\n\n    .desktop-col-11 {\n      grid-column: span 11;\n    }\n\n    .desktop-col-12 {\n      grid-column: span 12;\n    }\n\n    .desktop-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .desktop-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .desktop-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .desktop-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .desktop-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .desktop-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .desktop-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .desktop-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .desktop-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .desktop-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .desktop-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .desktop-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-desktop-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-desktop-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-desktop-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-desktop-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-desktop-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-desktop-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-desktop-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-desktop-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-desktop-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-desktop-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-desktop-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .desktop-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .desktop-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .desktop-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .desktop-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .desktop-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .desktop-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .desktop-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .desktop-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .desktop-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .desktop-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .desktop-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-desktop-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-desktop-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-desktop-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-desktop-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-desktop-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-desktop-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-desktop-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-desktop-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-desktop-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-desktop-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1366px) {\n    .wide-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .wide-col-1 {\n      grid-column: span 1;\n    }\n\n    .wide-col-2 {\n      grid-column: span 2;\n    }\n\n    .wide-col-3 {\n      grid-column: span 3;\n    }\n\n    .wide-col-4 {\n      grid-column: span 4;\n    }\n\n    .wide-col-5 {\n      grid-column: span 5;\n    }\n\n    .wide-col-6 {\n      grid-column: span 6;\n    }\n\n    .wide-col-7 {\n      grid-column: span 7;\n    }\n\n    .wide-col-8 {\n      grid-column: span 8;\n    }\n\n    .wide-col-9 {\n      grid-column: span 9;\n    }\n\n    .wide-col-10 {\n      grid-column: span 10;\n    }\n\n    .wide-col-11 {\n      grid-column: span 11;\n    }\n\n    .wide-col-12 {\n      grid-column: span 12;\n    }\n\n    .wide-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .wide-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .wide-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .wide-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .wide-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .wide-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .wide-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .wide-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .wide-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .wide-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .wide-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .wide-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-wide-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-wide-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-wide-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-wide-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-wide-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-wide-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-wide-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-wide-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-wide-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-wide-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-wide-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .wide-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .wide-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .wide-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .wide-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .wide-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .wide-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .wide-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .wide-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .wide-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .wide-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .wide-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-wide-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-wide-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-wide-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-wide-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-wide-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-wide-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-wide-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-wide-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-wide-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-wide-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n}\n\n/* Default size: big. Default color variant: primary01 */\n.z-fab {\n  --z-fab-right-offset: var(--grid-margin);\n  --z-fab-bottom-offset: var(--grid-margin);\n  --z-fab-icon-size: 20px;\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  position: fixed;\n  z-index: 1;\n  right: var(--z-fab-right-offset);\n  bottom: var(--z-fab-bottom-offset);\n  display: flex;\n  max-width: 48px;\n  box-sizing: border-box;\n  align-items: center;\n  padding: 14px;\n  background-color: var(--color-primary01);\n  border-radius: 24px;\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: 0;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.25;\n  transition: all 0.2s ease-in-out;\n}\n\n.z-fab:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton.z-fab {\n  border: none;\n}\n\na.z-fab {\n  text-decoration: none;\n}\n\n.z-fab.z-fab-small {\n  --z-fab-icon-size: 18px;\n\n  max-width: 42px;\n  padding: 12px;\n  border-radius: 21px;\n  font-size: var(--font-size-2);\n  line-height: 1.285;\n}\n\n.z-fab.z-fab-x-small {\n  --z-fab-icon-size: 16px;\n\n  max-width: 36px;\n  padding: 10px;\n  border-radius: 18px;\n  font-size: var(--font-size-1);\n  line-height: 1.333;\n}\n\n.z-fab.z-fab-extended {\n  max-width: 100%;\n  column-gap: var(--space-unit);\n}\n\n.z-fab.z-fab-extended.z-fab-x-small {\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n.z-fab.z-fab-extended > *:not(z-icon) {\n  opacity: 1;\n}\n\n/* color variants */\n.z-fab.z-fab-primary03 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-primary03);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface01 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-surface01);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface02 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-background);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface04 {\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  background-color: var(--color-surface04);\n  color: var(--color-text-inverse);\n}\n\n.z-fab z-icon {\n  --z-icon-width: var(--z-fab-icon-size);\n  --z-icon-height: var(--z-fab-icon-size);\n\n  fill: var(--z-fab-icon-fill);\n}\n\n.z-fab > *:not(z-icon) {\n  overflow: hidden;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  white-space: nowrap;\n}\n\n.z-fab.z-fab-extended > *:not(z-icon:first-child) {\n  opacity: 1;\n}\n\n@media (hover: hover) {\n  .z-fab.z-fab-extendable:hover {\n    max-width: 100%;\n    column-gap: var(--space-unit);\n  }\n\n  .z-fab.z-fab-extendable:hover > *:not(z-icon:first-child) {\n    opacity: 1;\n  }\n\n  .z-fab.z-fab-x-small.z-fab-extendable:hover {\n    column-gap: calc(var(--space-unit) / 2);\n  }\n}\n\n.z-label {\n  display: block;\n  padding-bottom: var(--space-unit);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-align: left;\n  text-transform: uppercase;\n}\n\nbutton.z-link {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n}\n\na.z-link,\nbutton.z-link {\n  display: inline-flex;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  line-height: inherit;\n  text-decoration: none;\n}\n\na.z-link.z-link-icon,\nbutton.z-link.z-link-icon {\n  --z-icon-width: 1.125em;\n  --z-icon-height: 1.125em;\n\n  align-items: center;\n  column-gap: 0.5em;\n}\n\na.z-link.z-link-sb,\nbutton.z-link.z-link-sb {\n  font-weight: var(--font-sb);\n}\n\na.z-link.z-link-underline,\nbutton.z-link.z-link-underline {\n  text-decoration: underline;\n}\n\na.z-link:hover,\nbutton.z-link:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link:active,\nbutton.z-link:active {\n  text-decoration: underline;\n}\n\na.z-link:focus-visible,\nbutton.z-link:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na.z-link.z-link-disabled,\nbutton.z-link.z-link-disabled {\n  box-shadow: none;\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  outline: none;\n  pointer-events: none;\n  text-decoration: none;\n}\n\na.z-link,\nbutton.z-link,\na.z-link.z-link-active,\nbutton.z-link.z-link-active,\na.z-link:hover,\nbutton.z-link:hover,\na.z-link.z-link-active:hover,\nbutton.z-link.z-link-active:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link.z-link-active:focus-visible,\nbutton.z-link.z-link-active:focus-visible,\na.z-link:active,\nbutton.z-link:active,\na.z-link.z-link-active:active,\nbutton.z-link.z-link-active:active,\na.z-link:visited,\nbutton.z-link:visited,\na.z-link.z-link-active:visited,\nbutton.z-link.z-link-active:visited {\n  color: var(--color-text-link-default);\n  fill: var(--color-text-link-default);\n}\n\na.z-link.z-link-blue,\nbutton.z-link.z-link-blue,\na.z-link.z-link-blue.z-link-active,\nbutton.z-link.z-link-blue.z-link-active {\n  color: var(--color-text-link-blue);\n  fill: var(--color-text-link-blue);\n}\n\na.z-link.z-link-red,\nbutton.z-link.z-link-red,\na.z-link.z-link-red.z-link-active,\nbutton.z-link.z-link-red.z-link-active {\n  color: var(--color-text-link-red);\n  fill: var(--color-text-link-red);\n}\n\na.z-link.z-link-inverse,\nbutton.z-link.z-link-inverse,\na.z-link.z-link-inverse.z-link-active,\nbutton.z-link.z-link-inverse.z-link-active {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:hover,\nbutton.z-link.z-link-blue:hover {\n  color: var(--color-text-link-blue-hover);\n  fill: var(--color-text-link-blue-hover);\n}\n\na.z-link.z-link-red:hover,\nbutton.z-link.z-link-red:hover {\n  color: var(--color-text-link-red-hover);\n  fill: var(--color-text-link-red-hover);\n}\n\na.z-link.z-link-inverse:hover,\nbutton.z-link.z-link-inverse:hover {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:active,\nbutton.z-link.z-link-blue:active,\na.z-link.z-link-blue:focus-visible,\nbutton.z-link.z-link-blue:focus-visible {\n  color: var(--color-text-link-blue-active);\n  fill: var(--color-text-link-blue-active);\n}\n\na.z-link.z-link-red:active,\nbutton.z-link.z-link-red:active,\na.z-link.z-link-red:focus-visible,\nbutton.z-link.z-link-red:focus-visible {\n  color: var(--color-text-link-red-active);\n  fill: var(--color-text-link-red-active);\n}\n\na.z-link.z-link-inverse:active,\nbutton.z-link.z-link-inverse:active,\na.z-link.z-link-inverse:focus-visible,\nbutton.z-link.z-link-inverse:focus-visible {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:visited,\nbutton.z-link.z-link-blue:visited {\n  color: var(--color-text-link-blue-visited);\n  fill: var(--color-text-link-blue-visited);\n}\n\na.z-link.z-link-red:visited,\nbutton.z-link.z-link-red:visited {\n  color: var(--color-text-link-red-visited);\n  fill: var(--color-text-link-red-visited);\n}\n\na.z-link.z-link-inverse:visited,\nbutton.z-link.z-link-inverse:visited {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\n/* Webkit Scrollbar */\n.z-scrollbar::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n:host([theme="dark"]) .z-scrollbar,\n.z-scrollbar--dark {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray600) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray600);\n  --z-scrollbar-thumb-color: var(--color-primary03);\n  --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n  --z-scrollbar-corner-color: transparent;\n}\n\n/* Firefox scrollbar */\n@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {\n  .z-scrollbar {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n\n  :host([theme="dark"]) .z-scrollbar,\n  .z-scrollbar--dark {\n    scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))\n      var(--z-scrollbar-track-color, var(--gray600));\n  }\n}\n\n\n\n:root,\n.theme-default {\n  --color-background: var(--gray50);\n  --shadow-focus-primary: 0 0 0 2px var(--color-white), 0 0 2px 5px var(--blue800);\n\n  /* primary */\n  --color-active-primary: var(--blue400);\n  --color-hover-primary: var(--blue800);\n  --color-pressed-primary: var(--blue400);\n  --color-primary01: var(--blue500);\n  --color-primary02: var(--blue25);\n  --color-primary03: var(--blue50);\n\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n  --color-button-secondary: var(--color-surface01);\n\n  /* surface */\n  --color-surface01: var(--color-white);\n  --color-surface02: var(--gray100);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray700);\n  --color-surface05: var(--gray900);\n\n  /* text */\n  --color-default-text: var(--gray900);\n  --color-hover-text: var(--gray800);\n  --color-pressed-text: var(--gray700);\n  --color-text-inverse: var(--color-white);\n  --color-text02: var(--gray100);\n  --color-text03: var(--gray300);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray300);\n  --color-disabled02: var(--gray100);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--blue400);\n  --color-default-icon: var(--gray900);\n  --color-disabled01-icon: var(--gray300);\n  --color-disabled02-icon: var(--gray100);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--color-black);\n  --color-hover-primary-icon: var(--blue800);\n  --color-inverse-icon: var(--color-white);\n  --color-pressed-icon: var(--gray700);\n  --color-primary01-icon: var(--blue500);\n\n  /* alert */\n  --color-default-error: var(--red500);\n  --color-default-success: var(--green500);\n  --color-default-warning: var(--yellow500);\n  --color-hover-error: var(--red800);\n  --color-hover-success: var(--green800);\n  --color-hover-warning: var(--yellow800);\n  --color-inverse-error: var(--red50);\n  --color-inverse-hover-error: var(--red500);\n  --color-inverse-hover-success: var(--green500);\n  --color-inverse-hover-warning: var(--yellow500);\n  --color-inverse-success: var(--green50);\n  --color-inverse-warning: var(--yellow50);\n\n  /* forms */\n  --color-form-active-primary: var(--blue400);\n  --color-form-background: var(--color-white);\n  --color-form-default-icon: var(--gray900);\n  --color-form-default-text: var(--gray900);\n  --color-form-disabled-text: var(--gray500);\n  --color-form-disabled01-icon: var(--gray500);\n  --color-form-disabled03: var(--gray500);\n  --color-form-hover-error: var(--red800);\n  --color-form-hover-primary: var(--blue800);\n  --color-form-hover-success: var(--green800);\n  --color-form-hover-warning: var(--yellow800);\n  --color-form-inverse-error: var(--red50);\n  --color-form-inverse-success: var(--green50);\n  --color-form-inverse-warning: var(--yellow50);\n  --color-form-placeholder-text: var(--gray600);\n  --color-form-success01: var(--green500);\n  --color-form-surface03: var(--gray200);\n  --color-form-surface04: var(--gray600);\n  --color-form-warning01: var(--yellow500);\n\n  /* links */\n  --color-text-link-blue: var(--blue500);\n  --color-text-link-blue-hover: var(--blue800);\n  --color-text-link-blue-active: var(--blue800);\n  --color-text-link-blue-visited: var(--blue800);\n  --color-text-link-blue-pressed: var(--blue400);\n  --color-text-link-red: var(--red500);\n  --color-text-link-red-hover: var(--red800);\n  --color-text-link-red-active: var(--red800);\n  --color-text-link-red-visited: var(--red800);\n  --color-text-link-red-pressed: var(--red400);\n  --color-text-link-inverse: var(--color-white);\n  --color-text-link-default: var(--gray900);\n}\n\n.theme-black {\n  /* primary */\n  --color-active-primary: var(--gray600);\n  --color-hover-primary: var(--gray700);\n  --color-pressed-primary: var(--gray600);\n  --color-primary01: var(--gray950);\n  --color-primary02: var(--gray100);\n  --color-primary03: var(--gray200);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray700);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray800);\n  --color-secondary02: var(--gray800);\n  --color-secondary03: var(--gray100);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray600);\n  --color-hover-primary-icon: var(--gray700);\n  --color-primary01-icon: var(--gray950);\n\n  /* forms */\n  --color-form-active-primary: var(--gray600);\n  --color-form-hover-primary: var(--gray700);\n}\n\n/* --- Black theme variants --- Use them in combination with `theme-black` css class: `<div class="theme-black theme-black--red">` */\n\n.theme-black.theme-black--red {\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n}\n\n.theme-black.theme-black--yellow {\n  /* secondary */\n  --color-active-secondary: var(--yellow400);\n  --color-hover-secondary: var(--yellow800);\n  --color-pressed-secondary: var(--yellow400);\n  --color-secondary01: var(--yellow500);\n  --color-secondary02: var(--yellow25);\n  --color-secondary03: var(--yellow50);\n}\n\n.theme-dark {\n  --color-background: var(--gray900);\n  --shadow-focus-primary: 0 0 0 2px var(--gray900), 0 0 2px 5px var(--blue25);\n\n  /* primary */\n  --color-active-primary: var(--gray25);\n  --color-hover-primary: var(--gray100);\n  --color-pressed-primary: var(--gray25);\n  --color-primary01: var(--color-white);\n  --color-primary02: var(--gray800);\n  --color-primary03: var(--gray700);\n\n  /* secondary */\n  --color-hover-secondary: var(--red200);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red900);\n  --color-secondary03: var(--red800);\n  --color-button-secondary: transparent;\n\n  /* surface */\n  --color-surface01: var(--gray900);\n  --color-surface02: var(--gray700);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray100);\n  --color-surface05: var(--color-white);\n\n  /* text */\n  --color-default-text: var(--gray100);\n  --color-hover-text: var(--gray300);\n  --color-pressed-text: var(--gray300);\n  --color-text-inverse: var(--gray900);\n  --color-text02: var(--gray900);\n  --color-text03: var(--gray700);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray700);\n  --color-disabled02: var(--gray900);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray300);\n  --color-default-icon: var(--gray100);\n  --color-disabled01-icon: var(--gray700);\n  --color-disabled02-icon: var(--gray900);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--gray300);\n  --color-hover-primary-icon: var(--gray300);\n  --color-inverse-icon: var(--gray900);\n  --color-pressed-icon: var(--gray300);\n  --color-primary01-icon: var(--color-white);\n\n  /* alert */\n  --color-default-error: var(--red200);\n  --color-default-success: var(--green200);\n  --color-default-warning: var(--yellow200);\n  --color-hover-error: var(--red50);\n  --color-hover-success: var(--green50);\n  --color-hover-warning: var(--yellow50);\n  --color-inverse-error: var(--red800);\n  --color-inverse-hover-error: var(--red200);\n  --color-inverse-hover-success: var(--green200);\n  --color-inverse-hover-warning: var(--yellow200);\n  --color-inverse-success: var(--green800);\n  --color-inverse-warning: var(--yellow800);\n\n  /* forms */\n  --color-form-active-primary: var(--gray800);\n  --color-form-hover-primary: var(--gray800);\n\n  /* links */\n  --color-text-link-blue-active: var(--color-white);\n  --color-text-link-blue-hover: var(--color-white);\n  --color-text-link-blue-pressed: var(--color-white);\n  --color-text-link-blue-visited: var(--color-white);\n  --color-text-link-blue: var(--color-white);\n  --color-text-link-default: var(--color-white);\n  --color-text-link-inverse: var(--gray900);\n  --color-text-link-red-active: var(--color-white);\n  --color-text-link-red-hover: var(--color-white);\n  --color-text-link-red-pressed: var(--color-white);\n  --color-text-link-red-visited: var(--color-white);\n  --color-text-link-red: var(--color-white);\n}\n\n.theme-red {\n  /* primary */\n  --color-active-primary: var(--red400);\n  --color-hover-primary: var(--red800);\n  --color-pressed-primary: var(--red400);\n  --color-primary01: var(--red500);\n  --color-primary02: var(--red25);\n  --color-primary03: var(--red50);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray800);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray500);\n  --color-secondary02: var(--gray25);\n  --color-secondary03: var(--gray50);\n\n  /* icons */\n  --color-active-primary-icon: var(--red400);\n  --color-hover-primary-icon: var(--red800);\n  --color-primary01-icon: var(--red500);\n\n  /* forms */\n  --color-form-active-primary: var(--red400);\n  --color-form-hover-primary: var(--red800);\n}\n\n\n/* Styles for stacked z-accordions */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\n/* all z-accordions with some sibling z-accordion */\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary)::before,\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content)::before {\n  border-radius: 0;\n}\n\n/* first z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:first-of-type:not(:only-of-type),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(content),\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(content)::before {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* last z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:last-of-type:not(:only-of-type),\nz-accordion[variant="background"]:last-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(content)::before {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n';var r="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";function l(n,e,t){const o=typeof HTMLElement!=="undefined"?HTMLElement.prototype:null;while(n&&n!==o){const o=Object.getOwnPropertyDescriptor(n,e);if(o&&(!t||o.get))return o;n=Object.getPrototypeOf(n)}return void 0}var a=(n,e)=>{var t;const o=e.t;const r=Object.entries((t=o.o)!=null?t:{});r.map((([t,[o]])=>{if(o&31||o&32){const o=n[t];const r=l(Object.getPrototypeOf(n),t,true)||Object.getOwnPropertyDescriptor(n,t);if(r){Object.defineProperty(n,t,{get(){return r.get.call(this)},set(n){r.set.call(this,n)},configurable:true,enumerable:true})}if(e.i.has(t)){n[t]=e.i.get(t)}else if(o!==void 0){n[t]=o}}}))};var s=n=>{if(n.__stencil__getHostRef){return n.__stencil__getHostRef()}return void 0};var c=(n,t)=>{if(!t)return;n.__stencil__getHostRef=()=>t;t.l=n;if(t.t.v&512&&e.state){a(n,t)}};var d=(n,e)=>{const t={v:0,$hostElement$:n,t:e,i:new Map,u:new Map};{t.h=new Promise((n=>t.m=n))}{t.p=new Promise((n=>t.k=n));n["s-p"]=[];n["s-rc"]=[]}{t.j=[]}const o=t;n.__stencil__getHostRef=()=>o;return o};var f=(n,e)=>e in n;var v=(n,e)=>(0,console.error)(n,e);var u=new Map;var g=(n,e,t)=>{const o=n.S.replace(/-/g,"_");const r=n.$;if(!r){return void 0}const i=u.get(r);if(i){return i[o]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((n=>{{u.set(r,n)}return n[o]}),(n=>{v(n,e.$hostElement$)}))};var b=new Map;var h="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p="http://www.w3.org/1999/xlink";var y=typeof window!=="undefined"?window:{};var w=y.HTMLElement||class{};var z={v:0,C:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,o)=>n.addEventListener(e,t,o),rel:(n,e,t,o)=>n.removeEventListener(e,t,o),ce:(n,e)=>new CustomEvent(n,e)};var k=e.shadowDom;var x=(()=>{var n;let e=false;try{(n=y.document)==null?void 0:n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(n){}return e})();var j=n=>Promise.resolve(n);var S=(()=>{try{if(!y.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false})();var $=S?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var C=false;var O=[];var N=[];var E=(n,e)=>t=>{n.push(t);if(!C){C=true;if(e&&z.v&4){_(T)}else{z.raf(T)}}};var M=n=>{for(let e=0;e<n.length;e++){try{n[e](performance.now())}catch(n){v(n)}}n.length=0};var T=()=>{M(O);{M(N);if(C=O.length>0){z.raf(T)}}};var _=n=>j().then(n);var R=E(N,true);function L(n){if(!S)return void 0;const e=new CSSStyleSheet;e.replaceSync(n);return e}var P;function A(n){var e;const t={mode:"open"};const r=this.attachShadow(t);if(P===void 0)P=(e=L(o))!=null?e:null;if(P){if($){r.adoptedStyleSheets.push(P)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,P]}}else if(!S){const n=document.createElement("style");n.innerHTML=o;r.prepend(n)}}var B=n=>{const e=nn(n,"childNodes");if(n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&n.tagName!=="SLOT-FB"){F(e,n.tagName).forEach((n=>{if(n.nodeType===1&&n.tagName==="SLOT-FB"){if(U(n,W(n),false).length){n.hidden=true}else{n.hidden=false}}}))}let t=0;for(t=0;t<e.length;t++){const n=e[t];if(n.nodeType===1&&nn(n,"childNodes").length){B(n)}}};var D=n=>{const e=[];for(let t=0;t<n.length;t++){const o=n[t]["s-nr"]||void 0;if(o&&o.isConnected){e.push(o)}}return e};function F(n,e,t){let o=0;let r=[];let i;for(;o<n.length;o++){i=n[o];if(i["s-sr"]&&(!e||i["s-hn"]===e)&&(t===void 0||W(i)===t)){r.push(i);if(typeof t!=="undefined")return r}r=[...r,...F(i.childNodes,e,t)]}return r}var U=(n,e,t=true)=>{const o=[];if(t&&n["s-sr"]||!n["s-sr"])o.push(n);let r=n;while(r=r.nextSibling){if(W(r)===e&&(t||!r["s-sr"]))o.push(r)}return o};var H=(n,e)=>{if(n.nodeType===1){if(n.getAttribute("slot")===null&&e===""){return true}if(n.getAttribute("slot")===e){return true}return false}if(n["s-sn"]===e){return true}return e===""};var I=(n,e,t,o)=>{if(n["s-ol"]&&n["s-ol"].isConnected){return}const r=document.createTextNode("");r["s-nr"]=n;if(!e["s-cr"]||!e["s-cr"].parentNode)return;const i=e["s-cr"].parentNode;const l=nn(i,"appendChild");{l.call(i,r)}n["s-ol"]=r;n["s-sh"]=e["s-hn"]};var W=n=>typeof n["s-sn"]==="string"?n["s-sn"]:n.nodeType===1&&n.getAttribute("slot")||void 0;function q(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const e=e=>function(n){const t=[];const o=this["s-sn"];if(n==null?void 0:n.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const r=this["s-cr"].parentElement;const i=r.__childNodes?r.childNodes:D(r.childNodes);i.forEach((n=>{if(o===W(n)){t.push(n)}}));if(e){return t.filter((n=>n.nodeType===1))}return t}.bind(n);n.assignedElements=e(true);n.assignedNodes=e(false)}function V(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function Y(n,e){var t;e=e||((t=n["s-ol"])==null?void 0:t.parentElement);if(!e)return{slotNode:null,slotName:""};const o=n["s-sn"]=W(n)||"";const r=nn(e,"childNodes");const i=F(r,e.tagName,o)[0];return{slotNode:i,slotName:o}}var G=n=>{if(n.__cloneNode)return;const e=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const t=this;const o=t.shadowRoot&&k;const r=e.call(t,o?n:false);if(!o&&n){let n=0;let e,t;const o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const i=this.__childNodes||this.childNodes;for(;n<i.length;n++){e=i[n]["s-nr"];t=o.every((e=>!i[n][e]));if(e){if(r.__appendChild){r.__appendChild(e.cloneNode(true))}else{r.appendChild(e.cloneNode(true))}}if(t){r.appendChild(i[n].cloneNode(true))}}}return r}};var Z=n=>{if(n.__appendChild)return;n.__appendChild=n.appendChild;n.appendChild=function(n){const{slotName:e,slotNode:t}=Y(n,this);if(t){I(n,t);const o=U(t,e);const r=o[o.length-1];const i=nn(r,"parentNode");const l=nn(i,"insertBefore")(n,r.nextSibling);V(t);B(this);return l}return this.__appendChild(n)}};var J=n=>{class e extends Array{item(n){return this[n]}}X("children",n);Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>n.nodeType===1))}});Object.defineProperty(n,"childElementCount",{get(){return this.children.length}});X("firstChild",n);Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}});X("lastChild",n);Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});X("childNodes",n);Object.defineProperty(n,"childNodes",{get(){const n=new e;n.push(...D(this.__childNodes));return n}})};var K=["children","nextElementSibling","previousElementSibling"];var Q=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function X(n,e){if(!globalThis.Node||!globalThis.Element){return}let t;if(K.includes(n)){t=Object.getOwnPropertyDescriptor(Element.prototype,n)}else if(Q.includes(n)){t=Object.getOwnPropertyDescriptor(Node.prototype,n)}if(!t){t=Object.getOwnPropertyDescriptor(e,n)}if(t)Object.defineProperty(e,"__"+n,t)}function nn(n,e){if("__"+e in n){const t=n["__"+e];if(typeof t!=="function")return t;return t.bind(n)}else{if(typeof n[e]!=="function")return n[e];return n[e].bind(n)}}var en=(n,e="")=>{{return()=>{}}};var tn=(n,e)=>{{return()=>{}}};function on(n){var e,t,o;return(o=(t=(e=n.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?o:void 0}var rn=new WeakMap;var ln=(n,e,t)=>{let o=b.get(n);if(S&&t){o=o||new CSSStyleSheet;if(typeof o==="string"){o=e}else{o.replaceSync(e)}}else{o=e}b.set(n,o)};var an=(n,e,t)=>{var o,r,i;const l=cn(e);const a=b.get(l);if(!y.document){return l}n=n.nodeType===11?n:y.document;if(a){if(typeof a==="string"){n=n.head||n;let t=rn.get(n);let i;if(!t){rn.set(n,t=new Set)}if(!t.has(l)){i=y.document.createElement("style");i.textContent=a;const s=(o=z.O)!=null?o:on(y.document);if(s!=null){i.setAttribute("nonce",s)}if(!(e.v&1)){if(n.nodeName==="HEAD"){const e=n.querySelectorAll("link[rel=preconnect]");const t=e.length>0?e[e.length-1].nextSibling:n.querySelector("style");n.insertBefore(i,(t==null?void 0:t.parentNode)===n?t:null)}else if("host"in n){if(S){const e=(r=n.defaultView)!=null?r:n.ownerDocument.defaultView;const t=new e.CSSStyleSheet;t.replaceSync(a);if($){n.adoptedStyleSheets.unshift(t)}else{n.adoptedStyleSheets=[t,...n.adoptedStyleSheets]}}else{const e=n.querySelector("style");if(e&&true){e.textContent=a+e.textContent}else{n.prepend(i)}}}else{n.append(i)}}if(e.v&1){n.insertBefore(i,null)}if(e.v&4){i.textContent+=m}if(t){t.add(l)}}}else{let e=rn.get(n);if(!e){rn.set(n,e=new Set)}if(!e.has(l)){const t=(i=n.defaultView)!=null?i:n.ownerDocument.defaultView;let o;if(a.constructor===t.CSSStyleSheet){o=a}else{o=new t.CSSStyleSheet;for(let n=0;n<a.cssRules.length;n++){o.insertRule(a.cssRules[n].cssText,n)}}if($){n.adoptedStyleSheets.push(o)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]}e.add(l)}}}return l};var sn=n=>{const e=n.t;const t=n.$hostElement$;const o=e.v;const r=en("attachStyles",e.S);const i=an(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);if(o&10){t["s-sc"]=i;t.classList.add(i+"-h")}r()};var cn=(n,e)=>"sc-"+n.S;var dn=n=>n!=null&&n!==void 0;var fn=n=>{n=typeof n;return n==="object"||n==="function"};var vn=(n,e,...t)=>{if(typeof n==="string"){n=Ne(n)}let o=null;let r=null;let i=null;let l=false;let a=false;const s=[];const c=e=>{for(let t=0;t<e.length;t++){o=e[t];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(l=typeof n!=="function"&&!fn(o)){o=String(o)}if(l&&a){s[s.length-1].N+=o}else{s.push(l?un(null,o):o)}a=l}}};c(t);if(e){if(e.key){r=e.key}if(e.name){i=e.name}{const n=e.className||e.class;if(n){e.class=typeof n!=="object"?n:Object.keys(n).filter((e=>n[e])).join(" ")}}}if(typeof n==="function"){return n(e===null?{}:e,s,hn)}const d=un(n,null);d.M=e;if(s.length>0){d.T=s}{d._=r}{d.R=i}return d};var un=(n,e)=>{const t={v:0,L:n,N:e!=null?e:null,P:null,T:null};{t.M=null}{t._=null}{t.R=null}return t};var gn={};var bn=n=>n&&n.L===gn;var hn={forEach:(n,e)=>n.map(mn).forEach(e),map:(n,e)=>n.map(mn).map(e).map(pn)};var mn=n=>({vattrs:n.M,vchildren:n.T,vkey:n._,vname:n.R,vtag:n.L,vtext:n.N});var pn=n=>{if(typeof n.vtag==="function"){const e={...n.vattrs};if(n.vkey){e.key=n.vkey}if(n.vname){e.name=n.vname}return vn(n.vtag,e,...n.vchildren||[])}const e=un(n.vtag,n.vtext);e.M=n.vattrs;e.T=n.vchildren;e._=n.vkey;e.R=n.vname;return e};var yn=(n,e,t)=>{if(n!=null&&!fn(n)){if(e&4){{return n==="false"?false:n===""||!!n}}if(e&2){return typeof n==="string"?parseFloat(n):typeof n==="number"?n:NaN}if(e&1){return String(n)}return n}return n};var wn=n=>{var e;return(e=s(n))==null?void 0:e.$hostElement$};var zn=(n,e,t)=>{const o=wn(n);return{emit:n=>kn(o,e,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:n})}};var kn=(n,e,t)=>{const o=z.ce(e,t);n.dispatchEvent(o);return o};var xn=(n,e,t,o,r,i,l)=>{if(t===o){return}let a=f(n,e);let c=e.toLowerCase();if(e==="class"){const e=n.classList;const r=Sn(t);let i=Sn(o);{e.remove(...r.filter((n=>n&&!i.includes(n))));e.add(...i.filter((n=>n&&!r.includes(n))))}}else if(e==="style"){{for(const e in t){if(!o||o[e]==null){if(e.includes("-")){n.style.removeProperty(e)}else{n.style[e]=""}}}}for(const e in o){if(!t||o[e]!==t[e]){if(e.includes("-")){n.style.setProperty(e,o[e])}else{n.style[e]=o[e]}}}}else if(e==="key");else if(e==="ref"){if(o){Kn(o,n)}}else if(!a&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(f(y,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(t||o){const r=e.endsWith($n);e=e.replace(Cn,"");if(t){z.rel(n,e,t,r)}if(o){z.ael(n,e,o,r)}}}else if(e[0]==="a"&&e.startsWith("attr:")){const t=e.slice(5);let r;{const e=s(n);if(e&&e.t&&e.t.o){const n=e.t.o[t];if(n&&n[1]){r=n[1]}}}if(!r){r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}if(o==null||o===false){if(o!==false||n.getAttribute(r)===""){n.removeAttribute(r)}}else{n.setAttribute(r,o===true?"":o)}return}else if(e[0]==="p"&&e.startsWith("prop:")){const t=e.slice(5);try{n[t]=o}catch(n){}return}else{const l=fn(o);if((a||l&&o!==null)&&!r){try{if(!n.tagName.includes("-")){const r=o==null?"":o;if(e==="list"){a=false}else if(t==null||n[e]!==r){if(typeof n.__lookupSetter__(e)==="function"){n[e]=r}else{n.setAttribute(e,r)}}}else if(n[e]!==o){n[e]=o}}catch(n){}}let s=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;s=true}}if(o==null||o===false){if(o!==false||n.getAttribute(e)===""){if(s){n.removeAttributeNS(p,e)}else{n.removeAttribute(e)}}}else if((!a||i&4||r)&&!l&&n.nodeType===1){o=o===true?"":o;if(s){n.setAttributeNS(p,e,o)}else{n.setAttribute(e,o)}}}};var jn=/\s/;var Sn=n=>{if(typeof n==="object"&&n&&"baseVal"in n){n=n.baseVal}if(!n||typeof n!=="string"){return[]}return n.split(jn)};var $n="Capture";var Cn=new RegExp($n+"$");var On=(n,e,t,o)=>{const r=e.P.nodeType===11&&e.P.host?e.P.host:e.P;const i=n&&n.M||{};const l=e.M||{};{for(const n of Nn(Object.keys(i))){if(!(n in l)){xn(r,n,i[n],void 0,t,e.v)}}}for(const n of Nn(Object.keys(l))){xn(r,n,i[n],l[n],t,e.v)}};function Nn(n){return n.includes("ref")?[...n.filter((n=>n!=="ref")),"ref"]:n}var En;var Mn;var Tn;var _n=false;var Rn=false;var Ln=false;var Pn=false;var An=[];var Bn=[];var Dn=(n,t,o)=>{var l;const a=t.T[o];let s=0;let c;let d;let f;if(!_n){Ln=true;if(a.L==="slot"){a.v|=a.T?2:1}}if(a.N!=null){c=a.P=y.document.createTextNode(a.N)}else if(a.v&1){c=a.P=y.document.createTextNode("");{On(null,a,Pn)}}else{if(!Pn){Pn=a.L==="svg"}if(!y.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}c=a.P=y.document.createElementNS(Pn?r:i,!_n&&e.slotRelocation&&a.v&2?"slot-fb":a.L);if(Pn&&a.L==="foreignObject"){Pn=false}{On(null,a,Pn)}if(dn(En)&&c["s-si"]!==En){c.classList.add(c["s-si"]=En)}if(a.T){const e=a.L==="template"?c.content:c;for(s=0;s<a.T.length;++s){d=Dn(n,a,s);if(d){e.appendChild(d)}}}{if(a.L==="svg"){Pn=false}else if(c.tagName==="foreignObject"){Pn=true}}}c["s-hn"]=Tn;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=Mn;c["s-sn"]=a.R||"";c["s-rf"]=(l=a.M)==null?void 0:l.ref;q(c);f=n&&n.T&&n.T[o];if(f&&f.L===a.L&&n.P){Fn(n.P)}{ne(Mn,c,t.P,n==null?void 0:n.P)}}}return c};var Fn=n=>{z.v|=1;const e=n.closest(Tn.toLowerCase());if(e!=null){const t=Array.from(e.__childNodes||e.childNodes).find((n=>n["s-cr"]));const o=Array.from(n.__childNodes||n.childNodes);for(const n of t?o.reverse():o){if(n["s-sh"]!=null){Xn(e,n,t!=null?t:null);n["s-sh"]=void 0;Ln=true}}}z.v&=-2};var Un=(n,e)=>{z.v|=1;const t=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let e=n;while(e=e.nextSibling){if(e&&e["s-sn"]===n["s-sn"]&&e["s-sh"]===Tn){t.push(e)}}}for(let n=t.length-1;n>=0;n--){const o=t[n];if(o["s-hn"]!==Tn&&o["s-ol"]){Xn(Vn(o).parentNode,o,Vn(o));o["s-ol"].remove();o["s-ol"]=void 0;o["s-sh"]=void 0;Ln=true}if(e){Un(o,e)}}z.v&=-2};var Hn=(n,e,t,o,r,i)=>{let l=n["s-cr"]&&n["s-cr"].parentNode||n;let a;if(l.shadowRoot&&l.tagName===Tn){l=l.shadowRoot}if(t.L==="template"){l=l.content}for(;r<=i;++r){if(o[r]){a=Dn(null,t,r);if(a){o[r].P=a;Xn(l,a,Vn(e))}}}};var In=(n,e,t)=>{for(let o=e;o<=t;++o){const e=n[o];if(e){const n=e.P;Jn(e);if(n){{Rn=true;if(n["s-ol"]){n["s-ol"].remove()}else{Un(n,true)}}n.remove()}}}};var Wn=(n,e,t,o,r=false)=>{let i=0;let l=0;let a=0;let s=0;let c=e.length-1;let d=e[0];let f=e[c];let v=o.length-1;let u=o[0];let g=o[v];let b;let h;const m=t.L==="template"?n.content:n;while(i<=c&&l<=v){if(d==null){d=e[++i]}else if(f==null){f=e[--c]}else if(u==null){u=o[++l]}else if(g==null){g=o[--v]}else if(qn(d,u,r)){Yn(d,u,r);d=e[++i];u=o[++l]}else if(qn(f,g,r)){Yn(f,g,r);f=e[--c];g=o[--v]}else if(qn(d,g,r)){if(d.L==="slot"||g.L==="slot"){Un(d.P.parentNode,false)}Yn(d,g,r);Xn(m,d.P,f.P.nextSibling);d=e[++i];g=o[--v]}else if(qn(f,u,r)){if(d.L==="slot"||g.L==="slot"){Un(f.P.parentNode,false)}Yn(f,u,r);Xn(m,f.P,d.P);f=e[--c];u=o[++l]}else{a=-1;{for(s=i;s<=c;++s){if(e[s]&&e[s]._!==null&&e[s]._===u._){a=s;break}}}if(a>=0){h=e[a];if(h.L!==u.L){b=Dn(e&&e[l],t,a)}else{Yn(h,u,r);e[a]=void 0;b=h.P}u=o[++l]}else{b=Dn(e&&e[l],t,l);u=o[++l]}if(b){{Xn(Vn(d.P).parentNode,b,Vn(d.P))}}}}if(i>c){Hn(n,o[v+1]==null?null:o[v+1].P,t,o,l,v)}else if(l>v){In(e,i,c)}};var qn=(n,e,t=false)=>{if(n.L===e.L){if(n.L==="slot"){return n.R===e.R}if(!t){return n._===e._}if(t&&!n._&&e._){n._=e._}return true}return false};var Vn=n=>n&&n["s-ol"]||n;var Yn=(n,t,o=false)=>{const r=t.P=n.P;const i=n.T;const l=t.T;const a=t.L;const s=t.N;let c;if(s==null){{Pn=a==="svg"?true:a==="foreignObject"?false:Pn}{if(a==="slot"&&!_n){if(n.R!==t.R){t.P["s-sn"]=t.R||"";Fn(t.P.parentElement)}}On(n,t,Pn)}if(i!==null&&l!==null){Wn(r,i,t,l,o)}else if(l!==null){if(n.N!==null){r.textContent=""}Hn(r,null,t,l,0,l.length-1)}else if(!o&&e.updatable&&i!==null){In(i,0,i.length-1)}else;if(Pn&&a==="svg"){Pn=false}}else if(c=r["s-cr"]){c.parentNode.textContent=s}else if(n.N!==s){r.data=s}};var Gn=[];var Zn=n=>{let e;let t;let o;const r=n.__childNodes||n.childNodes;for(const n of r){if(n["s-sr"]&&(e=n["s-cr"])&&e.parentNode){t=e.parentNode.__childNodes||e.parentNode.childNodes;const r=n["s-sn"];for(o=t.length-1;o>=0;o--){e=t[o];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==n["s-hn"]&&(!e["s-sh"]||e["s-sh"]!==n["s-hn"])){if(H(e,r)){let t=Gn.find((n=>n.A===e));Rn=true;e["s-sn"]=e["s-sn"]||r;if(t){t.A["s-sh"]=n["s-hn"];t.B=n}else{e["s-sh"]=n["s-hn"];Gn.push({B:n,A:e})}if(e["s-sr"]){Gn.map((n=>{if(H(n.A,e["s-sn"])){t=Gn.find((n=>n.A===e));if(t&&!n.B){n.B=t.B}}}))}}else if(!Gn.some((n=>n.A===e))){Gn.push({A:e})}}}}if(n.nodeType===1){Zn(n)}}};var Jn=n=>{{if(n.M&&n.M.ref){An.push((()=>n.M.ref(null)))}n.T&&n.T.map(Jn)}};var Kn=(n,e)=>{{Bn.push((()=>n(e)))}};var Qn=()=>{{An.forEach((n=>n()));An.length=0;Bn.forEach((n=>n()));Bn.length=0}};var Xn=(n,e,t,o)=>{{if(typeof e["s-sn"]==="string"&&!!e["s-sr"]&&!!e["s-cr"]){ne(e["s-cr"],e,n,e.parentElement)}else if(typeof e["s-sn"]==="string"){n.insertBefore(e,t);const{slotNode:r}=Y(e);if(r&&!o)V(r);return e}}if(n.__insertBefore){return n.__insertBefore(e,t)}else{return n==null?void 0:n.insertBefore(e,t)}};function ne(n,e,t,o){var r,i;let l;if(n&&typeof e["s-sn"]==="string"&&!!e["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(l=e["s-si"]||n.parentNode["s-sc"])){const n=e["s-sn"];const a=e["s-hn"];(r=t.classList)==null?void 0:r.add(l+"-s");if(o&&((i=o.classList)==null?void 0:i.contains(l+"-s"))){let e=(o.__childNodes||o.childNodes)[0];let t=false;while(e){if(e["s-sn"]!==n&&e["s-hn"]===a&&!!e["s-sr"]){t=true;break}e=e.nextSibling}if(!t)o.classList.remove(l+"-s")}}}var ee=(n,e,t=false)=>{var o,r,i,l,a;const s=n.$hostElement$;const c=n.t;const d=n.D||un(null,null);const f=bn(e);const v=f?e:vn(null,null,e);Tn=s.tagName;if(c.F){v.M=v.M||{};c.F.forEach((([n,e])=>{{v.M[e]=s[n]}}))}if(t&&v.M){for(const n of Object.keys(v.M)){if(s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)){v.M[n]=s[n]}}}v.L=null;v.v|=4;n.D=v;v.P=d.P=s.shadowRoot||s;{En=s["s-sc"]}_n=!!(c.v&1)&&!(c.v&128);{Mn=s["s-cr"];Rn=false}Yn(d,v,t);{z.v|=1;if(Ln){Zn(v.P);for(const n of Gn){const e=n.A;if(!e["s-ol"]&&y.document){const n=y.document.createTextNode("");n["s-nr"]=e;Xn(e.parentNode,e["s-ol"]=n,e,t)}}for(const n of Gn){const e=n.A;const a=n.B;if(e.nodeType===1&&t){e["s-ih"]=(o=e.hidden)!=null?o:false}if(a){const n=a.parentNode;let o=a.nextSibling;if(o&&o.nodeType===1){let t=(r=e["s-ol"])==null?void 0:r.previousSibling;while(t){let r=(i=t["s-nr"])!=null?i:null;if(r&&r["s-sn"]===e["s-sn"]&&n===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===e||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){o=r;break}}t=t.previousSibling}}const s=e.__parentNode||e.parentNode;const c=e.__nextSibling||e.nextSibling;if(!o&&n!==s||c!==o){if(e!==o){Xn(n,e,o,t);if(e.nodeType===8&&e.nodeValue.startsWith("s-nt-")){const n=y.document.createTextNode(e.nodeValue.replace(/^s-nt-/,""));n["s-hn"]=e["s-hn"];n["s-sn"]=e["s-sn"];n["s-sh"]=e["s-sh"];n["s-sr"]=e["s-sr"];n["s-ol"]=e["s-ol"];n["s-ol"]["s-nr"]=n;Xn(e.parentNode,n,e,t);e.parentNode.removeChild(e)}if(e.nodeType===1&&e.tagName!=="SLOT-FB"){e.hidden=(l=e["s-ih"])!=null?l:false}}}e&&typeof a["s-rf"]==="function"&&a["s-rf"](a)}else if(e.nodeType===1){e.hidden=true}}}if(Rn){B(v.P)}z.v&=-2;Gn.length=0}if(!_n&&!(c.v&1)&&s["s-cr"]){const n=v.P.__childNodes||v.P.childNodes;for(const e of n){if(e["s-hn"]!==Tn&&!e["s-sh"]){if(t&&e["s-ih"]==null){e["s-ih"]=(a=e.hidden)!=null?a:false}if(e.nodeType===1){e.hidden=true}else if(e.nodeType===3&&!!e.nodeValue.trim()){const n=y.document.createComment("s-nt-"+e.nodeValue);n["s-sn"]=e["s-sn"];Xn(e.parentNode,n,e,t);e.parentNode.removeChild(e)}}}}Mn=void 0;Qn()};var te=(n,e)=>{if(e&&!n.U&&e["s-p"]){const t=e["s-p"].push(new Promise((o=>n.U=()=>{e["s-p"].splice(t-1,1);o()})))}};var oe=(n,e)=>{{n.v|=16}if(n.v&4){n.v|=512;return}te(n,n.H);const t=()=>re(n,e);if(e){queueMicrotask((()=>{t()}));return}return R(t)};var re=(n,e)=>{const t=n.$hostElement$;const o=en("scheduleUpdate",n.t.S);const r=n.l;if(!r){throw new Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(e){{if(n.I){n.I=false;fe(r,"connectedCallback",void 0,t)}{n.v|=256;if(n.W){n.W.map((([n,e])=>fe(r,n,e,t)));n.W=void 0}}if(n.j.length){n.j.forEach((n=>n(t)))}}i=fe(r,"componentWillLoad",void 0,t)}else{i=fe(r,"componentWillUpdate",void 0,t)}i=ie(i,(()=>fe(r,"componentWillRender",void 0,t)));o();return ie(i,(()=>ae(n,r,e)))};var ie=(n,e)=>le(n)?n.then(e).catch((n=>{console.error(n);e()})):e();var le=n=>n instanceof Promise||n&&n.then&&typeof n.then==="function";var ae=async(n,e,t)=>{var o;const r=n.$hostElement$;const i=en("update",n.t.S);const l=r["s-rc"];if(t){sn(n)}const a=en("render",n.t.S);{se(n,e,r,t)}if(l){l.map((n=>n()));r["s-rc"]=void 0}a();i();{const e=(o=r["s-p"])!=null?o:[];const t=()=>ce(n);if(e.length===0){t()}else{Promise.all(e).then(t).catch(t);n.v|=4;e.length=0}}};var se=(n,e,t,o)=>{try{e=e.render();{n.v&=-17}{n.v|=2}{{{ee(n,e,o)}}}}catch(e){v(e,n.$hostElement$)}return null};var ce=n=>{const e=n.t.S;const t=n.$hostElement$;const o=en("postUpdate",e);const r=n.l;const i=n.H;fe(r,"componentDidRender",void 0,t);if(!(n.v&64)){n.v|=64;{ve(t)}fe(r,"componentDidLoad",void 0,t);o();{n.k(t);if(!i){de()}}}else{fe(r,"componentDidUpdate",void 0,t);o()}{n.m(t)}{if(n.U){n.U();n.U=void 0}if(n.v&512){_((()=>oe(n,false)))}n.v&=-517}};var de=e=>{_((()=>kn(y,"appload",{detail:{namespace:n}})))};var fe=(n,e,t,o)=>{if(n&&n[e]){try{return n[e](t)}catch(n){v(n,o)}}return void 0};var ve=n=>{var t;return n.classList.add((t=e.hydratedSelectorName)!=null?t:"hydrated")};var ue=(n,e)=>s(n).i.get(e);var ge=(n,e,t,o)=>{const r=s(n);if(!r){return}if(!r){throw new Error(`Couldn't find host element for "${o.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const i=r.$hostElement$;const l=r.i.get(e);const a=r.v;const c=r.l;t=yn(t,o.o[e][0]);const d=Number.isNaN(l)&&Number.isNaN(t);const f=t!==l&&!d;if((!(a&8)||l===void 0)&&f){r.i.set(e,t);if(o.q){const n=o.q[e];if(n){n.map((n=>{try{const[[o,i]]=Object.entries(n);if(a&128||i&1){if(!c){r.j.push((()=>{r.l[o](t,l,e)}))}else{c[o](t,l,e)}}}catch(n){v(n,i)}}))}}if(a&2){if(c.componentShouldUpdate){const n=c.componentShouldUpdate(t,l,e);if(n===false&&!(a&16)){return}}if(!(a&16)){oe(r,false)}}}};var be=(n,t,o)=>{var r,i;const a=n.prototype;if(t.o||e.propChangeCallback){{if(n.watchers&&!t.q){t.q=n.watchers}if(n.deserializers&&!t.V){t.V=n.deserializers}if(n.serializers&&!t.Y){t.Y=n.serializers}}const c=Object.entries((r=t.o)!=null?r:{});c.map((([n,[e]])=>{if(e&31||o&2&&e&32){const{get:r,set:i}=l(a,n)||{};if(r)t.o[n][0]|=2048;if(i)t.o[n][0]|=4096;if(o&1||!r){Object.defineProperty(a,n,{get(){{if((t.o[n][0]&2048)===0){return ue(this,n)}const e=s(this);const o=e?e.l:a;if(!o)return;return o[n]}},configurable:true,enumerable:true})}Object.defineProperty(a,n,{set(r){const l=s(this);if(!l){return}if(i){const o=e&32?this[n]:l.$hostElement$[n];if(typeof o==="undefined"&&l.i.get(n)){r=l.i.get(n)}i.apply(this,[yn(r,e)]);r=e&32?this[n]:l.$hostElement$[n];ge(this,n,r,t);return}{if((o&1)===0||(t.o[n][0]&4096)===0){ge(this,n,r,t);if(o&1&&!l.l){l.j.push((()=>{if(t.o[n][0]&4096&&l.l[n]!==l.i.get(n)){l.l[n]=r}}))}return}const i=()=>{const o=l.l[n];if(!l.i.get(n)&&o){l.i.set(n,o)}l.l[n]=yn(r,e);ge(this,n,l.l[n],t)};if(l.l){i()}else{l.j.push((()=>{i()}))}}}})}else if(o&1&&e&64){Object.defineProperty(a,n,{value(...e){var t;const o=s(this);return(t=o==null?void 0:o.h)==null?void 0:t.then((()=>{var t;return(t=o.l)==null?void 0:t[n](...e)}))}})}}));if(o&1){const o=new Map;a.attributeChangedCallback=function(n,r,i){z.jmp((()=>{var l;const d=o.get(n);const f=s(this);if(this.hasOwnProperty(d)&&e.lazyLoad){i=this[d];delete this[d]}if(a.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==i){return}else if(d==null){const e=f==null?void 0:f.v;if(f&&e&&!(e&8)&&i!==r){const o=f.l;const a=(l=t.q)==null?void 0:l[n];a==null?void 0:a.forEach((t=>{const[[l,a]]=Object.entries(t);if(o[l]!=null&&(e&128||a&1)){o[l].call(o,i,r,n)}}))}return}const v=c.find((([n])=>n===d));if(v&&v[1][0]&4){i=i===null||i==="false"?false:true}const u=Object.getOwnPropertyDescriptor(a,d);if(i!=this[d]&&(!u.get||!!u.set)){this[d]=i}}))};n.observedAttributes=Array.from(new Set([...Object.keys((i=t.q)!=null?i:{}),...c.filter((([n,e])=>e[0]&31)).map((([n,e])=>{var r;const i=e[1]||n;o.set(i,n);if(e[0]&512){(r=t.F)==null?void 0:r.push([n,i])}return i}))]))}}return n};var he=async(n,t,o,r)=>{let i;try{if((t.v&32)===0){t.v|=32;const r=o.$;if(r){const e=g(o,t);if(e&&"then"in e){const n=tn();i=await e;n()}else{i=e}if(!i){throw new Error(`Constructor for "${o.S}#${t.G}" was not found`)}if(!i.isProxied){{o.q=i.watchers;o.Y=i.serializers;o.V=i.deserializers}be(i,o,2);i.isProxied=true}const r=en("createInstance",o.S);{t.v|=8}try{new i(t)}catch(e){v(e,n)}{t.v&=-9}{t.v|=128}r();const l=o.v&4;if(!l){me(t.l,n)}else{t.I=true}}else{i=n.constructor;const e=n.localName;customElements.whenDefined(e).then((()=>t.v|=128))}if(i&&i.style){let n;if(typeof i.style==="string"){n=i.style}const t=cn(o);if(!b.has(t)||e.hotModuleReplacement){const e=en("registerStyles",o.S);ln(t,n,!!(o.v&1));e()}}}const r=t.H;const l=()=>oe(t,true);if(r&&r["s-rc"]){r["s-rc"].push(l)}else{l()}}catch(e){v(e,n);if(t.U){t.U();t.U=void 0}if(t.k){t.k(n)}}};var me=(n,e)=>{{fe(n,"connectedCallback",void 0,e)}};var pe=n=>{if((z.v&1)===0){const e=s(n);if(!e){return}const t=e.t;const o=en("connectedCallback",t.S);if(!(e.v&1)){e.v|=1;{if(t.v&(4|8)){ye(n)}}{let t=n;while(t=t.parentNode||t.host){if(t["s-p"]){te(e,e.H=t);break}}}if(t.o){Object.entries(t.o).map((([e,[t]])=>{if(t&31&&Object.prototype.hasOwnProperty.call(n,e)){const t=n[e];delete n[e];n[e]=t}}))}{he(n,e,t)}}else{je(n,e,t.Z);if(e==null?void 0:e.l){me(e.l,n)}else if(e==null?void 0:e.p){e.p.then((()=>me(e.l,n)))}}o()}};var ye=n=>{if(!y.document){return}const e=n["s-cr"]=y.document.createComment("");e["s-cn"]=true;Xn(n,e,n.firstChild)};var we=(n,e)=>{{fe(n,"disconnectedCallback",void 0,e||n)}};var ze=async n=>{if((z.v&1)===0){const e=s(n);{if(e==null?void 0:e.J){e.J.map((n=>n()));e.J=void 0}}if(e==null?void 0:e.l){we(e.l,n)}else if(e==null?void 0:e.p){e.p.then((()=>we(e.l,n)))}}if(rn.has(n)){rn.delete(n)}if(n.shadowRoot&&rn.has(n.shadowRoot)){rn.delete(n.shadowRoot)}};var ke=(n,e={})=>{var t;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const o=en();const r=[];const i=e.exclude||[];const l=y.customElements;const a=y.document.head;const c=a.querySelector("meta[charset]");const f=y.document.createElement("style");const v=[];let u;let g=true;Object.assign(z,e);z.C=new URL(e.resourcesUrl||"./",y.document.baseURI).href;let b=false;n.map((n=>{n[1].map((e=>{var t,o,a;const c={v:e[0],S:e[1],o:e[2],Z:e[3]};if(c.v&4){b=true}{c.o=e[2]}{c.Z=e[3]}{c.F=[]}{c.q=(t=e[4])!=null?t:{};c.Y=(o=e[5])!=null?o:{};c.V=(a=e[6])!=null?a:{}}const f=Ne(c.S);const h=class extends HTMLElement{["s-p"];["s-rc"];hasRegisteredEventListeners=false;constructor(n){super(n);n=this;d(n,c);if(c.v&1){{if(!n.shadowRoot){A.call(n,c)}else{if(n.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const n=s(this);if(!n){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;je(this,n,c.Z)}if(u){clearTimeout(u);u=null}if(g){v.push(this)}else{z.jmp((()=>pe(this)))}}disconnectedCallback(){z.jmp((()=>ze(this)));z.raf((()=>{var n;const e=s(this);if(!e){return}const t=v.findIndex((n=>n===this));if(t>-1){v.splice(t,1)}if(((n=e==null?void 0:e.D)==null?void 0:n.P)instanceof Node&&!e.D.P.isConnected){delete e.D.P}}))}componentOnReady(){var n;return(n=s(this))==null?void 0:n.p}};if(!(c.v&1)&&c.v&256){{{J(h.prototype)}{G(h.prototype)}{Z(h.prototype)}}}else{G(h.prototype)}c.$=n[0];if(!i.includes(f)&&!l.get(f)){r.push(f);l.define(f,be(h,c,1))}}))}));if(r.length>0){if(b){f.textContent+=m}{f.textContent+=r.sort()+h}if(f.innerHTML.length){f.setAttribute("data-styles","");const n=(t=z.O)!=null?t:on(y.document);if(n!=null){f.setAttribute("nonce",n)}a.insertBefore(f,c?c.nextSibling:a.firstChild)}}g=false;if(v.length){v.map((n=>n.connectedCallback()))}else{{z.jmp((()=>u=setTimeout(de,30)))}}o()};var xe=(n,e)=>e;var je=(n,e,t,o)=>{if(t&&y.document){t.map((([t,o,r])=>{const i=$e(y.document,n,t);const l=Se(e,r);const a=Ce(t);z.ael(i,o,l,a);(e.J=e.J||[]).push((()=>z.rel(i,o,l,a)))}))}};var Se=(n,e)=>t=>{var o;try{{if(n.v&256){(o=n.l)==null?void 0:o[e](t)}else{(n.W=n.W||[]).push([e,t])}}}catch(e){v(e,n.$hostElement$)}};var $e=(n,e,t)=>{if(t&4){return n}if(t&8){return y}if(t&16){return n.body}return e};var Ce=n=>x?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;var Oe=n=>z.O=n;function Ne(n){return n}export{xe as F,gn as H,w as a,ke as b,zn as c,wn as d,t as g,vn as h,j as p,c as r,Oe as s};
+//# sourceMappingURL=p-DPdXlnVe.js.map