@zanichelli/albe-web-components 20.0.4 → 20.1.0

package/dist/web-components-library/p-DPrEzmhI.js

@@ -1,7 +1,6 @@
-import{g as r,p as t}from"./p-DdetsoIY.js";import{B as n}from"./p-Q-tWjk7P.js";
+import{g as n,p as t}from"./p-DdetsoIY.js";import{B as r}from"./p-Q-tWjk7P.js";
 /*!
 * tabbable 6.4.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var e=["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] *)"];var i=e.join(",");var a=typeof Element==="undefined";var o=a?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var u=!a&&Element.prototype.getRootNode?function(r){var t;return r===null||r===void 0?void 0:(t=r.getRootNode)===null||t===void 0?void 0:t.call(r)}:function(r){return r===null||r===void 0?void 0:r.ownerDocument};var f=function r(t,n){var e;if(n===void 0){n=true}var i=t===null||t===void 0?void 0:(e=t.getAttribute)===null||e===void 0?void 0:e.call(t,"inert");var a=i===""||i==="true";var o=a||n&&t&&(typeof t.closest==="function"?t.closest("[inert]"):f(t.parentNode));return o};var l=function r(t){var n;var e=t===null||t===void 0?void 0:(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return e===""||e==="true"};var s=function r(t,n,e){if(f(t)){return[]}var a=Array.prototype.slice.apply(t.querySelectorAll(i));if(n&&o.call(t,i)){a.unshift(t)}a=a.filter(e);return a};var c=function r(t,n,e){var a=[];var u=Array.from(t);while(u.length){var l=u.shift();if(f(l,false)){continue}if(l.tagName==="SLOT"){var s=l.assignedElements();var v=s.length?s:l.children;var d=c(v,true,e);if(e.flatten){a.push.apply(a,d)}else{a.push({scopeParent:l,candidates:d})}}else{var w=o.call(l,i);if(w&&e.filter(l)&&(n||!t.includes(l))){a.push(l)}var p=l.shadowRoot||typeof e.getShadowRoot==="function"&&e.getShadowRoot(l);var h=!f(p,false)&&(!e.shadowRootFilter||e.shadowRootFilter(l));if(p&&h){var y=c(p===true?l.children:p.children,true,e);if(e.flatten){a.push.apply(a,y)}else{a.push({scopeParent:l,candidates:y})}}else{u.unshift.apply(u,l.children)}}}return a};var v=function r(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))};var d=function r(t){if(!t){throw new Error("No node provided")}if(t.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||l(t))&&!v(t)){return 0}}return t.tabIndex};var w=function r(t,n){var e=d(t);if(e<0&&n&&!v(t)){return 0}return e};var p=function r(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex};var h=function r(t){return t.tagName==="INPUT"};var y=function r(t){return h(t)&&t.type==="hidden"};var m=function r(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some((function(r){return r.tagName==="SUMMARY"}));return n};var b=function r(t,n){for(var e=0;e<t.length;e++){if(t[e].checked&&t[e].form===n){return t[e]}}};var E=function r(t){if(!t.name){return true}var n=t.form||u(t);var e=function r(t){return n.querySelectorAll('input[type="radio"][name="'+t+'"]')};var i;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){i=e(window.CSS.escape(t.name))}else{try{i=e(t.name)}catch(r){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",r.message);return false}}var a=b(i,t.form);return!a||a===t};var S=function r(t){return h(t)&&t.type==="radio"};var A=function r(t){return S(t)&&!E(t)};var g=function r(t){var n;var e=t&&u(t);var i=(n=e)===null||n===void 0?void 0:n.host;var a=false;if(e&&e!==t){var o,f,l;a=!!((o=i)!==null&&o!==void 0&&(f=o.ownerDocument)!==null&&f!==void 0&&f.contains(i)||t!==null&&t!==void 0&&(l=t.ownerDocument)!==null&&l!==void 0&&l.contains(t));while(!a&&i){var s,c,v;e=u(i);i=(s=e)===null||s===void 0?void 0:s.host;a=!!((c=i)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(i))}}return a};var k=function r(t){var n=t.getBoundingClientRect(),e=n.width,i=n.height;return e===0&&i===0};var T=function r(t,n){var e=n.displayCheck,i=n.getShadowRoot;if(e==="full-native"){if("checkVisibility"in t){var a=t.checkVisibility({checkOpacity:false,opacityProperty:false,contentVisibilityAuto:true,visibilityProperty:true,checkVisibilityCSS:true});return!a}}if(getComputedStyle(t).visibility==="hidden"){return true}var f=o.call(t,"details>summary:first-of-type");var l=f?t.parentElement:t;if(o.call(l,"details:not([open]) *")){return true}if(!e||e==="full"||e==="full-native"||e==="legacy-full"){if(typeof i==="function"){var s=t;while(t){var c=t.parentElement;var v=u(t);if(c&&!c.shadowRoot&&i(c)===true){return k(t)}else if(t.assignedSlot){t=t.assignedSlot}else if(!c&&v!==t.ownerDocument){t=v.host}else{t=c}}t=s}if(g(t)){return!t.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return k(t)}return false};var I=function r(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName)){var n=t.parentElement;while(n){if(n.tagName==="FIELDSET"&&n.disabled){for(var e=0;e<n.children.length;e++){var i=n.children.item(e);if(i.tagName==="LEGEND"){return o.call(n,"fieldset[disabled] *")?true:!i.contains(t)}}return true}n=n.parentElement}}return false};var x=function r(t,n){if(n.disabled||y(n)||T(n,t)||m(n)||I(n)){return false}return true};var N=function r(t,n){if(A(n)||d(n)<0||!x(t,n)){return false}return true};var L=function r(t){var n=parseInt(t.getAttribute("tabindex"),10);if(isNaN(n)||n>=0){return true}return false};var M=function r(t){var n=[];var e=[];t.forEach((function(r,t){var i=!!r.scopeParent;var a=i?r.scopeParent:r;var o=w(a,i);var u=i?M(r.candidates):a;if(o===0){i?n.push.apply(n,u):n.push(a)}else{e.push({documentOrder:t,tabIndex:o,item:r,isScope:i,content:u})}}));return e.sort(p).reduce((function(r,t){t.isScope?r.push.apply(r,t.content):r.push(t.content);return r}),[]).concat(n)};var D=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:N.bind(null,n),flatten:false,getShadowRoot:n.getShadowRoot,shadowRootFilter:L})}else{e=s(t,n.includeContainer,N.bind(null,n))}return M(e)};var P=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:x.bind(null,n),flatten:true,getShadowRoot:n.getShadowRoot})}else{e=s(t,n.includeContainer,x.bind(null,n))}return e};var R=function r(t,n){n=n||{};if(!t){throw new Error("No node provided")}if(o.call(t,i)===false){return false}return N(n,t)};var O=e.concat("iframe:not([inert]):not([inert] *)").join(",");var C=function r(t,n){n=n||{};if(!t){throw new Error("No node provided")}if(o.call(t,O)===false){return false}return x(n,t)};function U(r){switch(r){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return r}}function $(){return Math.random().toString(36).replace("0.","")}function j(t,n,...e){if(t.code===r.ENTER||t.code===r.SPACE){t.preventDefault();n(...e)}}function V(t,n,...e){if(t.code===r.ENTER){t.preventDefault();n(...e)}}function F(r=null){if(!r){r=document.activeElement}if(r&&r.shadowRoot&&r.shadowRoot.activeElement){r=r.shadowRoot.activeElement;return F(r)}return r}function H(r,t=[]){t.push(r);if(r.parentElement){r=r.parentElement;return H(r,t)}else if(r.parentNode&&r.parentNode.host){r=r.parentNode.host;return H(r,t)}return t}function B(){switch(true){case window.innerWidth<=n.MOBILE:return t.MOBILE;case window.innerWidth<=n.TABLET:return t.TABLET;case window.innerWidth<=n.DESKTOP:return t.DESKTOP;default:return t.DESKTOP_WIDE}}function Y(r){const t="avatar-C";const n=19;const e=Math.ceil(2**31-1)*parseFloat(`0.${r}`);let i=Math.ceil(n*(e%1));if(i===0){i=1}return`${t}${i.toString().padStart(2,"0")}`}function q(r,t){var n;if(r.contains(t)||((n=r.shadowRoot)===null||n===void 0?void 0:n.contains(t))){return true}const e=r=>{if(r===t){return true}const n=r.shadowRoot;if(!n){return Array.from(r.childNodes).some(e)}if(n.contains(t)){return true}const i=Array.from(n.querySelectorAll("slot")).some((r=>r.assignedNodes({flatten:true}).some((r=>{var n,i;return((i=(n=r).contains)===null||i===void 0?void 0:i.call(n,t))||e(r)}))));if(i){return true}return Array.from(n.children).some(e)||Array.from(r.childNodes).some(e)};return e(r)}function z(r=document){var t;let n=r.activeElement;while(n instanceof HTMLElement&&((t=n.shadowRoot)===null||t===void 0?void 0:t.activeElement)){n=n.shadowRoot.activeElement}return n}function G(r){if(r.assignedSlot){return r.assignedSlot}if(r.parentNode instanceof ShadowRoot){return r.parentNode.host}return r.parentElement}function Q(r,t){const n=r.getBoundingClientRect();const e=r.ownerDocument.documentElement.clientWidth;const i=r.ownerDocument.documentElement.clientHeight;const a=n.bottom>0&&n.top<i&&n.right>0&&n.left<e;if(t===r.ownerDocument.documentElement||t===r.ownerDocument.body){return a}const o=t.getBoundingClientRect();const u=n.bottom>o.top&&n.top<o.bottom&&n.right>o.left&&n.left<o.right;return a&&u}function W(r){const t=[r,...Array.from(r.querySelectorAll("*"))];const n=new Set;const e=[];const i=(r,t,i)=>{if(n.has(r)){return}n.add(r);e.push({element:r,lightIndex:t,shadowIndex:i})};D(r,{getShadowRoot:false}).forEach((r=>{if(!(r instanceof HTMLElement)){return}i(r,t.indexOf(r),-1)}));t.forEach(((r,t)=>{if(!r.shadowRoot){return}D(r,{getShadowRoot:t=>{if(t===r){return r.shadowRoot}}}).forEach(((r,n)=>{if(r instanceof HTMLElement){i(r,t,n)}}))}));e.sort(((r,t)=>{if(r.lightIndex!==t.lightIndex){return r.lightIndex-t.lightIndex}return r.shadowIndex-t.shadowIndex}));return e.map((r=>r.element))}function X(r){let t=G(r);const n=window.getComputedStyle(r).position;while(t&&t!==r.ownerDocument.documentElement){const r=window.getComputedStyle(t);switch(n){case"fixed":{const n=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(n.some((t=>r.getPropertyValue(t)!=="none"))||n.some((t=>r.getPropertyValue("will-change").includes(t)))){return t}break}case"absolute":if(r.position!=="static"){return t}break;case"relative":case"sticky":case"static":{const r=window.getComputedStyle(t).display;if(r==="block"||r==="flex"||r==="grid"||r==="table"||r==="flow-root"||r==="inline-block"||r==="inline-flex"||r==="inline-grid"){return t}break}}t=G(t)}return r.ownerDocument.documentElement}const J=r=>{const t=(new DOMParser).parseFromString(r,"text/html");return t.body.textContent||""};const K=r=>r.split("").map((r=>r.charCodeAt(0).toString(16))).join("");export{q as a,J as b,Y as c,U as d,K as e,F as f,B as g,j as h,H as i,G as j,X as k,Q as l,P as m,R as n,d as o,C as p,W as q,$ as r,z as s,D as t,V as u};
-//# sourceMappingURL=p-DPrEzmhI.js.map
+var e=["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] *)"],o=e.join(","),i="undefined"==typeof Element,a=i?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,u=!i&&Element.prototype.getRootNode?function(n){var t;return null==n||null===(t=n.getRootNode)||void 0===t?void 0:t.call(n)}:function(n){return null==n?void 0:n.ownerDocument},f=function(n,t){var r;void 0===t&&(t=!0);var e=null==n||null===(r=n.getAttribute)||void 0===r?void 0:r.call(n,"inert");return""===e||"true"===e||t&&n&&("function"==typeof n.closest?n.closest("[inert]"):f(n.parentNode))},c=function(n,t,r){if(f(n))return[];var e=Array.prototype.slice.apply(n.querySelectorAll(o));return t&&a.call(n,o)&&e.unshift(n),e.filter(r)},l=function(n,t,r){for(var e=[],i=Array.from(n);i.length;){var u=i.shift();if(!f(u,!1))if("SLOT"===u.tagName){var c=u.assignedElements(),s=l(c.length?c:u.children,!0,r);r.flatten?e.push.apply(e,s):e.push({scopeParent:u,candidates:s})}else{a.call(u,o)&&r.filter(u)&&(t||!n.includes(u))&&e.push(u);var d=u.shadowRoot||"function"==typeof r.getShadowRoot&&r.getShadowRoot(u),v=!f(d,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(u));if(d&&v){var w=l(!0===d?u.children:d.children,!0,r);r.flatten?e.push.apply(e,w):e.push({scopeParent:u,candidates:w})}else i.unshift.apply(i,u.children)}}return e},s=function(n){return!isNaN(parseInt(n.getAttribute("tabindex"),10))},d=function(n){if(!n)throw new Error("No node provided");return n.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||function(n){var t,r=null==n||null===(t=n.getAttribute)||void 0===t?void 0:t.call(n,"contenteditable");return""===r||"true"===r}(n))&&!s(n)?0:n.tabIndex},v=function(n,t){return n.tabIndex===t.tabIndex?n.documentOrder-t.documentOrder:n.tabIndex-t.tabIndex},w=function(n){return"INPUT"===n.tagName},p=function(n){var t=n.getBoundingClientRect();return 0===t.width&&0===t.height},y=function(n,t){return!(t.disabled||function(n){return w(n)&&"hidden"===n.type}(t)||function(n,t){var r=t.displayCheck,e=t.getShadowRoot;if("full-native"===r&&"checkVisibility"in n)return!n.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});if("hidden"===getComputedStyle(n).visibility)return!0;var o=a.call(n,"details>summary:first-of-type");if(a.call(o?n.parentElement:n,"details:not([open]) *"))return!0;if(r&&"full"!==r&&"full-native"!==r&&"legacy-full"!==r){if("non-zero-area"===r)return p(n)}else{if("function"==typeof e){for(var i=n;n;){var f=n.parentElement,c=u(n);if(f&&!f.shadowRoot&&!0===e(f))return p(n);n=n.assignedSlot?n.assignedSlot:f||c===n.ownerDocument?f:c.host}n=i}if(function(n){var t,r,e,o,i=n&&u(n),a=null===(t=i)||void 0===t?void 0:t.host,f=!1;if(i&&i!==n)for(f=!!(null!==(r=a)&&void 0!==r&&null!==(e=r.ownerDocument)&&void 0!==e&&e.contains(a)||null!=n&&null!==(o=n.ownerDocument)&&void 0!==o&&o.contains(n));!f&&a;){var c,l,s;f=!(null===(l=a=null===(c=i=u(a))||void 0===c?void 0:c.host)||void 0===l||null===(s=l.ownerDocument)||void 0===s||!s.contains(a))}return f}(n))return!n.getClientRects().length;if("legacy-full"!==r)return!0}return!1}(t,n)||function(n){return"DETAILS"===n.tagName&&Array.prototype.slice.apply(n.children).some((function(n){return"SUMMARY"===n.tagName}))}(t)||function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var t=n.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var r=0;r<t.children.length;r++){var e=t.children.item(r);if("LEGEND"===e.tagName)return!!a.call(t,"fieldset[disabled] *")||!e.contains(n)}return!0}t=t.parentElement}return!1}(t))},h=function(n,t){return!(function(n){return function(n){return w(n)&&"radio"===n.type}(n)&&!function(n){if(!n.name)return!0;var t,r=n.form||u(n),e=function(n){return r.querySelectorAll('input[type="radio"][name="'+n+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=e(window.CSS.escape(n.name));else try{t=e(n.name)}catch(n){return 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",n.message),!1}var o=function(n,t){for(var r=0;r<n.length;r++)if(n[r].checked&&n[r].form===t)return n[r]}(t,n.form);return!o||o===n}(n)}(t)||d(t)<0||!y(n,t))},m=function(n){var t=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},b=function(n){var t=[],r=[];return n.forEach((function(n,e){var o=!!n.scopeParent,i=o?n.scopeParent:n,a=function(n,t){var r=d(n);return r<0&&t&&!s(n)?0:r}(i,o),u=o?b(n.candidates):i;0===a?o?t.push.apply(t,u):t.push(i):r.push({documentOrder:e,tabIndex:a,item:n,isScope:o,content:u})})),r.sort(v).reduce((function(n,t){return t.isScope?n.push.apply(n,t.content):n.push(t.content),n}),[]).concat(t)},E=function(n,t){var r;return r=(t=t||{}).getShadowRoot?l([n],t.includeContainer,{filter:h.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:m}):c(n,t.includeContainer,h.bind(null,t)),b(r)},S=function(n,t){return(t=t||{}).getShadowRoot?l([n],t.includeContainer,{filter:y.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):c(n,t.includeContainer,y.bind(null,t))},A=function(n,t){if(t=t||{},!n)throw new Error("No node provided");return!1!==a.call(n,o)&&h(t,n)},g=e.concat("iframe:not([inert]):not([inert] *)").join(","),k=function(n,t){if(t=t||{},!n)throw new Error("No node provided");return!1!==a.call(n,g)&&y(t,n)};function T(n){switch(n){case!0:case"true":case 1:case"1":case"on":case"yes":return!0;case!1:case"false":case 0:case"0":case"off":case"no":return!1;default:return n}}function I(){return Math.random().toString(36).replace("0.","")}function x(t,r,...e){t.code!==n.ENTER&&t.code!==n.SPACE||(t.preventDefault(),r(...e))}function N(t,r,...e){t.code===n.ENTER&&(t.preventDefault(),r(...e))}function L(n=null){return n||(n=document.activeElement),n&&n.shadowRoot&&n.shadowRoot.activeElement?L(n=n.shadowRoot.activeElement):n}function M(n,t=[]){return t.push(n),n.parentElement?M(n=n.parentElement,t):n.parentNode&&n.parentNode.host?M(n=n.parentNode.host,t):t}function D(){switch(!0){case window.innerWidth<=r.MOBILE:return t.MOBILE;case window.innerWidth<=r.TABLET:return t.TABLET;case window.innerWidth<=r.DESKTOP:return t.DESKTOP;default:return t.DESKTOP_WIDE}}function P(n){const t=Math.ceil(2**31-1)*parseFloat(`0.${n}`);let r=Math.ceil(t%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}function R(n,t){var r;if(n.contains(t)||(null===(r=n.shadowRoot)||void 0===r?void 0:r.contains(t)))return!0;const e=n=>{if(n===t)return!0;const r=n.shadowRoot;if(!r)return Array.from(n.childNodes).some(e);if(r.contains(t))return!0;const o=Array.from(r.querySelectorAll("slot")).some((n=>n.assignedNodes({flatten:!0}).some((n=>{var r,o;return(null===(o=(r=n).contains)||void 0===o?void 0:o.call(r,t))||e(n)}))));return!!o||Array.from(r.children).some(e)||Array.from(n.childNodes).some(e)};return e(n)}function O(n=document){var t;let r=n.activeElement;for(;r instanceof HTMLElement&&(null===(t=r.shadowRoot)||void 0===t?void 0:t.activeElement);)r=r.shadowRoot.activeElement;return r}function C(n){return n.assignedSlot?n.assignedSlot:n.parentNode instanceof ShadowRoot?n.parentNode.host:n.parentElement}function U(n,t){const r=n.getBoundingClientRect(),e=r.bottom>0&&r.top<n.ownerDocument.documentElement.clientHeight&&r.right>0&&r.left<n.ownerDocument.documentElement.clientWidth;if(t===n.ownerDocument.documentElement||t===n.ownerDocument.body)return e;const o=t.getBoundingClientRect();return e&&r.bottom>o.top&&r.top<o.bottom&&r.right>o.left&&r.left<o.right}function j(n){const t=[n,...Array.from(n.querySelectorAll("*"))],r=new Set,e=[],o=(n,t,o)=>{r.has(n)||(r.add(n),e.push({element:n,lightIndex:t,shadowIndex:o}))};return E(n,{getShadowRoot:!1}).forEach((n=>{n instanceof HTMLElement&&o(n,t.indexOf(n),-1)})),t.forEach(((n,t)=>{n.shadowRoot&&E(n,{getShadowRoot:t=>{if(t===n)return n.shadowRoot}}).forEach(((n,r)=>{n instanceof HTMLElement&&o(n,t,r)}))})),e.sort(((n,t)=>n.lightIndex!==t.lightIndex?n.lightIndex-t.lightIndex:n.shadowIndex-t.shadowIndex)),e.map((n=>n.element))}function V(n){let t=C(n);const r=window.getComputedStyle(n).position;for(;t&&t!==n.ownerDocument.documentElement;){const n=window.getComputedStyle(t);switch(r){case"fixed":{const r=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(r.some((t=>"none"!==n.getPropertyValue(t)))||r.some((t=>n.getPropertyValue("will-change").includes(t))))return t;break}case"absolute":if("static"!==n.position)return t;break;case"relative":case"sticky":case"static":{const n=window.getComputedStyle(t).display;if("block"===n||"flex"===n||"grid"===n||"table"===n||"flow-root"===n||"inline-block"===n||"inline-flex"===n||"inline-grid"===n)return t;break}}t=C(t)}return n.ownerDocument.documentElement}const $=n=>(new DOMParser).parseFromString(n,"text/html").body.textContent||"",F=n=>n.split("").map((n=>n.charCodeAt(0).toString(16))).join("");export{R as a,$ as b,P as c,T as d,F as e,L as f,D as g,x as h,M as i,C as j,V as k,U as l,S as m,A as n,d as o,k as p,j as q,I as r,O as s,E as t,N as u}

package/dist/web-components-library/p-DWyY-2H5.js

@@ -0,0 +1,5 @@
+import{d as t}from"./p-SFwvdS4t.js";import{t as n,m as e,n as r,o,p as i,q as a,a as u,s as c}from"./p-DPrEzmhI.js";import{g as s}from"./p-DdetsoIY.js";
+/*!
+* focus-trap 8.2.1
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function l(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=Array(n);e<n;e++)r[e]=t[e];return r}function f(t,n){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=p(t))||n){e&&(t=e);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function v(t,n,e){return(n=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t,"string");return"symbol"==typeof n?n:n+""}(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function d(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,r)}return e}function h(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?d(Object(e),!0).forEach((function(n){v(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function p(t,n){if(t){if("string"==typeof t)return l(t,n);var e={}.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?l(t,n):void 0}}var b={getActiveTrap:function(t){return(null==t?void 0:t.length)>0?t[t.length-1]:null},activateTrap:function(t,n){n!==b.getActiveTrap(t)&&b.pauseTrap(t);var e=t.indexOf(n);-1===e||t.splice(e,1),t.push(n)},deactivateTrap:function(t,n){var e=t.indexOf(n);-1!==e&&t.splice(e,1),b.unpauseTrap(t)},pauseTrap:function(t){var n=b.getActiveTrap(t);null==n||n._setPausedState(!0)},unpauseTrap:function(t){var n=b.getActiveTrap(t);n&&!n._isManuallyPaused()&&n._setPausedState(!1)}},y=function(t){return"Tab"===(null==t?void 0:t.key)||9===(null==t?void 0:t.keyCode)},m=function(t){return y(t)&&!t.shiftKey},w=function(t){return y(t)&&t.shiftKey},F=function(t){return setTimeout(t,0)},S=function(t){for(var n=arguments.length,e=new Array(n>1?n-1:0),r=1;r<n;r++)e[r-1]=arguments[r];return"function"==typeof t?t.apply(void 0,e):t},j=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target},k=[],T=function(t,a){var u,c=(null==a?void 0:a.document)||document,s=(null==a?void 0:a.trapStack)||k,v=h({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:m,isKeyBackward:w},a),d={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},T=function(t,n,e){return t&&void 0!==t[n]?t[n]:v[e||n]},O=function(t,n){var e="function"==typeof(null==n?void 0:n.composedPath)?n.composedPath():void 0;return d.containerGroups.findIndex((function(n){var r=n.container,o=n.tabbableNodes;return r.contains(t)||(null==e?void 0:e.includes(r))||o.find((function(n){return n===t}))}))},D=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.hasFallback,o=void 0!==r&&r,i=e.params,a=v[t];if("function"==typeof a&&(a=a.apply(void 0,function(t){if(Array.isArray(t))return l(t)}(n=void 0===i?[]:i)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||p(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),!0===a&&(a=void 0),!a){if(void 0===a||!1===a)return a;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var u=a;if("string"==typeof a){try{u=c.querySelector(a)}catch(n){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(n.message,'"'))}if(!u&&!o)throw new Error("`".concat(t,"` as selector refers to no known node"))}return u},E=function(t){var n=t.activeElement;return n?n.shadowRoot&&null!==n.shadowRoot.activeElement?E(n.shadowRoot):n:null},g=function(){var t=D("initialFocus",{hasFallback:!0});if(!1===t)return!1;if(void 0===t||t&&!i(t,v.tabbableOptions)){var n=E(c);if(O(n)>=0)t=n;else{var e=d.tabbableGroups[0];t=e&&e.firstTabbableNode||D("fallbackFocus")}}else null===t&&(t=D("fallbackFocus"));if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},A=function(){if(d.containerGroups=d.containers.map((function(t){var i=n(t,v.tabbableOptions),a=e(t,v.tabbableOptions),u=i.length>0?i[0]:void 0,c=i.length>0?i[i.length-1]:void 0,s=a.find((function(t){return r(t)})),l=a.slice().reverse().find((function(t){return r(t)})),f=!!i.find((function(t){return o(t)>0}));return{container:t,tabbableNodes:i,focusableNodes:a,posTabIndexesFound:f,firstTabbableNode:u,lastTabbableNode:c,firstDomTabbableNode:s,lastDomTabbableNode:l,nextTabbableNode:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=i.indexOf(t);return e<0?n?a.slice(a.indexOf(t)+1).find((function(t){return r(t)})):a.slice(0,a.indexOf(t)).reverse().find((function(t){return r(t)})):i[e+(n?1:-1)]}}})),d.tabbableGroups=d.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),d.tabbableGroups.length<=0&&!D("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(d.containerGroups.find((function(t){return t.posTabIndexesFound}))&&d.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},P=function(t){!1!==t&&t!==E(document)&&(t&&t.focus?(t.focus({preventScroll:!!v.preventScroll}),d.mostRecentlyFocusedNode=t,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(t)&&t.select()):P(g()))},R=function(t){var n=D("setReturnFocus",{params:[t]});return n||!1!==n&&t},I=function(t){var n=t.target,e=t.event,a=t.isBackward,u=void 0!==a&&a;n=n||j(e),A();var c=null;if(d.tabbableGroups.length>0){var s=O(n,e),l=s>=0?d.containerGroups[s]:void 0;if(s<0)c=u?d.tabbableGroups[d.tabbableGroups.length-1].lastTabbableNode:d.tabbableGroups[0].firstTabbableNode;else if(u){var f=d.tabbableGroups.findIndex((function(t){return n===t.firstTabbableNode}));if(f<0&&(l.container===n||i(n,v.tabbableOptions)&&!r(n,v.tabbableOptions)&&!l.nextTabbableNode(n,!1))&&(f=s),f>=0){var h=d.tabbableGroups[0===f?d.tabbableGroups.length-1:f-1];c=o(n)>=0?h.lastTabbableNode:h.lastDomTabbableNode}else y(e)||(c=l.nextTabbableNode(n,!1))}else{var p=d.tabbableGroups.findIndex((function(t){return n===t.lastTabbableNode}));if(p<0&&(l.container===n||i(n,v.tabbableOptions)&&!r(n,v.tabbableOptions)&&!l.nextTabbableNode(n))&&(p=s),p>=0){var b=d.tabbableGroups[p===d.tabbableGroups.length-1?0:p+1];c=o(n)>=0?b.firstTabbableNode:b.firstDomTabbableNode}else y(e)||(c=l.nextTabbableNode(n))}}else c=D("fallbackFocus");return c},C=function(t){var n=j(t);O(n,t)>=0||(S(v.clickOutsideDeactivates,t)?u.deactivate({returnFocus:v.returnFocusOnDeactivate}):S(v.allowOutsideClick,t)||t.preventDefault())},N=function(t){var n=j(t),e=O(n,t)>=0;if(e||n instanceof Document)e&&(d.mostRecentlyFocusedNode=n);else{var r;t.stopImmediatePropagation();var i=!0;if(d.mostRecentlyFocusedNode)if(o(d.mostRecentlyFocusedNode)>0){var a=O(d.mostRecentlyFocusedNode),u=d.containerGroups[a].tabbableNodes;if(u.length>0){var c=u.findIndex((function(t){return t===d.mostRecentlyFocusedNode}));c>=0&&(v.isKeyForward(d.recentNavEvent)?c+1<u.length&&(r=u[c+1],i=!1):c-1>=0&&(r=u[c-1],i=!1))}}else d.containerGroups.some((function(t){return t.tabbableNodes.some((function(t){return o(t)>0}))}))||(i=!1);else i=!1;i&&(r=I({target:d.mostRecentlyFocusedNode,isBackward:v.isKeyBackward(d.recentNavEvent)})),P(r||d.mostRecentlyFocusedNode||g())}d.recentNavEvent=void 0},B=function(t){(v.isKeyForward(t)||v.isKeyBackward(t))&&function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];d.recentNavEvent=t;var e=I({event:t,isBackward:n});e&&(y(t)&&t.preventDefault(),P(e))}(t,v.isKeyBackward(t))},x=function(t){var n;"Escape"!==(null==(n=t)?void 0:n.key)&&"Esc"!==(null==n?void 0:n.key)&&27!==(null==n?void 0:n.keyCode)||!1===S(v.escapeDeactivates,t)||(t.preventDefault(),u.deactivate())},U=function(t){var n=j(t);O(n,t)>=0||S(v.clickOutsideDeactivates,t)||S(v.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},K=function(){var t;if(d.active)return b.activateTrap(s,u),v.delayInitialFocus?t=new Promise((function(t){d.delayInitialFocusTimer=F((function(){P(g()),t()}))})):P(g()),c.addEventListener("focusin",N,!0),c.addEventListener("mousedown",C,{capture:!0,passive:!1}),c.addEventListener("touchstart",C,{capture:!0,passive:!1}),c.addEventListener("click",U,{capture:!0,passive:!1}),c.addEventListener("keydown",B,{capture:!0,passive:!1}),c.addEventListener("keydown",x),t},L=function(){if(d.active)return c.removeEventListener("focusin",N,!0),c.removeEventListener("mousedown",C,!0),c.removeEventListener("touchstart",C,!0),c.removeEventListener("click",U,!0),c.removeEventListener("keydown",B,!0),c.removeEventListener("keydown",x),u},M="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(t){var n=d.mostRecentlyFocusedNode;if(n&&t.some((function(t){return Array.from(t.removedNodes).some((function(t){return t===n||"function"==typeof t.contains&&t.contains(n)}))}))&&d.containers.some((function(t){return null==t?void 0:t.isConnected}))){A();var e=g();P(e)}})):void 0,W=function(){M&&(M.disconnect(),d.active&&!d.paused&&d.containers.map((function(t){M.observe(t,{subtree:!0,childList:!0})})))};return u={get active(){return d.active},get paused(){return d.paused},activate:function(t){if(d.active)return this;var n,e=T(t,"onActivate"),r=T(t,"onPostActivate"),o=T(t,"checkCanFocusTrap"),i=b.getActiveTrap(s),a=!1;i&&!i.paused&&(null===(n=i._setSubtreeIsolation)||void 0===n||n.call(i,!1),a=!0);try{o||A(),d.active=!0,d.paused=!1,d.nodeFocusedBeforeActivation=E(c),null==e||e({trap:u});var l=function(){o&&A();var t=function(){u._setSubtreeIsolation(!0),W(),null==r||r({trap:u})},n=K();n?n.then(t):t()};if(o)return o(d.containers.concat()).then(l,l),this;l()}catch(t){var f;throw i===b.getActiveTrap(s)&&a&&(null===(f=i._setSubtreeIsolation)||void 0===f||f.call(i,!0)),t}return this},deactivate:function(t){if(!d.active)return this;var n=h({onDeactivate:v.onDeactivate,onPostDeactivate:v.onPostDeactivate,checkCanReturnFocus:v.checkCanReturnFocus},t);clearTimeout(d.delayInitialFocusTimer),d.delayInitialFocusTimer=void 0,d.paused||u._setSubtreeIsolation(!1),d.alreadySilent.clear(),L(),d.active=!1,d.paused=!1,W(),b.deactivateTrap(s,u);var e=T(n,"onDeactivate"),r=T(n,"onPostDeactivate"),o=T(n,"checkCanReturnFocus"),i=T(n,"delayReturnFocus"),a=T(n,"returnFocus","returnFocusOnDeactivate");null==e||e({trap:u});var c=function(){a&&P(R(d.nodeFocusedBeforeActivation)),null==r||r({trap:u})},l=function(){i&&a?F(c):c()};return a&&o?(o(R(d.nodeFocusedBeforeActivation)).then(l,l),this):(l(),this)},pause:function(t){return d.active?(d.manuallyPaused=!0,this._setPausedState(!0,t)):this},unpause:function(t){return d.active?(d.manuallyPaused=!1,s[s.length-1]!==this?this:this._setPausedState(!1,t)):this},updateContainerElements:function(t){var n=[].concat(t).filter(Boolean);return d.containers=n.map((function(t){return"string"==typeof t?c.querySelector(t):t})),v.isolateSubtrees&&function(t){d.active&&!d.paused&&u._setSubtreeIsolation(!1),d.adjacentElements.clear(),d.alreadySilent.clear();var n,e=new Set,r=new Set,o=f(t);try{for(o.s();!(n=o.n()).done;){var i=n.value;e.add(i);for(var a="undefined"!=typeof ShadowRoot&&i.getRootNode()instanceof ShadowRoot,c=i;c;){e.add(c);var s=c.parentElement,l=[];s?l=s.children:!s&&a&&(l=c.getRootNode().children,s=c.getRootNode().host,a="undefined"!=typeof ShadowRoot&&s.getRootNode()instanceof ShadowRoot);var v,h=f(l);try{for(h.s();!(v=h.n()).done;)r.add(v.value)}catch(t){h.e(t)}finally{h.f()}c=s}}}catch(t){o.e(t)}finally{o.f()}e.forEach((function(t){r.delete(t)})),d.adjacentElements=r}(d.containers),d.active&&(A(),d.paused||u._setSubtreeIsolation(!0)),W(),this}},Object.defineProperties(u,{_isManuallyPaused:{value:function(){return d.manuallyPaused}},_setPausedState:{value:function(t,n){if(d.paused===t)return this;if(d.paused=t,t){var e=T(n,"onPause"),r=T(n,"onPostPause");null==e||e({trap:u}),L(),u._setSubtreeIsolation(!1),W(),null==r||r({trap:u})}else{var o=T(n,"onUnpause"),i=T(n,"onPostUnpause");null==o||o({trap:u}),function(){A();var t=function(){u._setSubtreeIsolation(!0),W(),null==i||i({trap:u})},n=K();n?n.then(t):t()}()}return this}},_setSubtreeIsolation:{value:function(t){v.isolateSubtrees&&d.adjacentElements.forEach((function(n){var e;t?"aria-hidden"===v.isolateSubtrees?("true"!==n.ariaHidden&&"true"!==(null===(e=n.getAttribute("aria-hidden"))||void 0===e?void 0:e.toLowerCase())||d.alreadySilent.add(n),n.setAttribute("aria-hidden","true")):((n.inert||n.hasAttribute("inert"))&&d.alreadySilent.add(n),n.setAttribute("inert",!0)):d.alreadySilent.has(n)||n.removeAttribute("aria-hidden"===v.isolateSubtrees?"aria-hidden":"inert")}))}}}),u.updateContainerElements(t),u};class O{constructor(n,e){this.config=e,this.host=n,this.host.addController(this),this.hostElement=t(this.host)}get trapRoot(){var t,n,e;return null!==(e=null===(n=(t=this.config).getTrapRoot)||void 0===n?void 0:n.call(t))&&void 0!==e?e:this.hostElement}getTabbableElements(){return this.trapRoot?this.config.tabbableElements?"function"==typeof this.config.tabbableElements?this.config.tabbableElements():this.config.tabbableElements:a(this.trapRoot):[]}focusFirstTrapElement(){var t;null===(t=this.getTabbableElements()[0])||void 0===t||t.focus()}focusLastTrapElement(){var t;const n=this.getTabbableElements();null===(t=n[n.length-1])||void 0===t||t.focus()}sync(){this.trapRoot&&(this.focusTrap||(this.focusTrap=T(this.trapRoot,Object.assign({allowOutsideClick:!0,clickOutsideDeactivates:!1,escapeDeactivates:!1,returnFocusOnDeactivate:!0,initialFocus:()=>{var t;return null!==(t=this.getTabbableElements()[0])&&void 0!==t?t:this.config.fallbackFocus},onPostActivate:()=>this.focusFirstTrapElement(),isKeyForward:()=>!1,isKeyBackward:()=>!1,document:this.hostElement.ownerDocument},this.config))),this.config.isActive()?this.focusTrap.activate():this.focusTrap.deactivate())}handleWrapTab(t){if(t.key!==s.TAB||t.altKey||t.ctrlKey||t.metaKey||t.defaultPrevented)return;const n=this.getTabbableElements();if(!n.length)return;const e=c(this.hostElement.ownerDocument),r=n[n.length-1],o=!!e&&u(n[0],e),i=!!e&&u(r,e);if(t.shiftKey&&o)return t.preventDefault(),void this.focusLastTrapElement();!t.shiftKey&&i&&(t.preventDefault(),this.focusFirstTrapElement())}deactivate(){var t;null===(t=this.focusTrap)||void 0===t||t.deactivate()}hostDisconnected(){this.deactivate()}}class D{constructor(){this.controllers=new Set}addController(t){this.controllers.add(t)}removeController(t){this.controllers.delete(t)}connectedCallback(){this.controllers.forEach((t=>{var n;return null===(n=t.hostConnected)||void 0===n?void 0:n.call(t)}))}disconnectedCallback(){this.controllers.forEach((t=>{var n;return null===(n=t.hostDisconnected)||void 0===n?void 0:n.call(t)}))}componentWillLoad(){this.controllers.forEach((t=>{var n;return null===(n=t.hostWillLoad)||void 0===n?void 0:n.call(t)}))}componentDidLoad(){this.controllers.forEach((t=>{var n;return null===(n=t.hostDidLoad)||void 0===n?void 0:n.call(t)}))}componentWillRender(){this.controllers.forEach((t=>{var n;return null===(n=t.hostWillRender)||void 0===n?void 0:n.call(t)}))}componentDidRender(){this.controllers.forEach((t=>{var n;return null===(n=t.hostDidRender)||void 0===n?void 0:n.call(t)}))}componentWillUpdate(){this.controllers.forEach((t=>{var n;return null===(n=t.hostWillUpdate)||void 0===n?void 0:n.call(t)}))}componentDidUpdate(){this.controllers.forEach((t=>{var n;return null===(n=t.hostDidUpdate)||void 0===n?void 0:n.call(t)}))}}export{O as F,D as R}

package/dist/web-components-library/p-DdetsoIY.js

@@ -1,2 +1 @@
-var a;(function(a){a["REAL"]="reale";a["VIRTUAL"]="virtuale";a["TRIAL"]="saggio";a["TEMP"]="reale_temp"})(a||(a={}));var r;(function(a){a["BORDER"]="border";a["SHADOW"]="shadow";a["OVERLAY"]="overlay";a["TEXT"]="text"})(r||(r={}));var t;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(t||(t={}));var e;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(e||(e={}));var n;(function(a){a["BIG"]="big";a["SMALL"]="small"})(n||(n={}));var o;(function(a){a["LEFT"]="ArrowLeft";a["RIGHT"]="ArrowRight";a["UP"]="ArrowUp";a["DOWN"]="ArrowDown"})(o||(o={}));var i;(function(a){a["PRIMARY"]="primary";a["SECONDARY"]="secondary";a["TERTIARY"]="tertiary"})(i||(i={}));var s;(function(a){a["SUBMIT"]="submit";a["RESET"]="reset";a["BUTTON"]="button"})(s||(s={}));var c;(function(a){a["BIG"]="big";a["SMALL"]="small";a["X_SMALL"]="x-small"})(c||(c={}));var u;(function(a){a["BIG"]="big";a["SMALL"]="small";a["X_SMALL"]="x-small"})(u||(u={}));var l;(function(a){a["TEXT"]="text";a["PASSWORD"]="password";a["NUMBER"]="number";a["EMAIL"]="email";a["TEXTAREA"]="textarea";a["CHECKBOX"]="checkbox";a["RADIO"]="radio";a["TEL"]="tel";a["URL"]="url";a["SEARCH"]="search"})(l||(l={}));var f;(function(a){a["SUCCESS"]="success";a["ERROR"]="error";a["WARNING"]="warning"})(f||(f={}));var d;(function(a){a["AUTO"]="auto";a["TOP"]="top";a["RIGHT"]="right";a["BOTTOM"]="bottom";a["LEFT"]="left";a["TOP_RIGHT"]="top_right";a["TOP_LEFT"]="top_left";a["BOTTOM_RIGHT"]="bottom_right";a["BOTTOM_LEFT"]="bottom_left";a["RIGHT_TOP"]="right_top";a["RIGHT_BOTTOM"]="right_bottom";a["LEFT_TOP"]="left_top";a["LEFT_BOTTOM"]="left_bottom"})(d||(d={}));var F;(function(a){a[a["TAB"]=9]="TAB";a[a["SPACE"]=32]="SPACE";a[a["ESC"]=27]="ESC";a[a["ENTER"]=13]="ENTER";a[a["ARROW_UP"]=38]="ARROW_UP";a[a["ARROW_DOWN"]=40]="ARROW_DOWN";a[a["BACKSPACE"]=8]="BACKSPACE";a[a["DELETE"]=46]="DELETE"})(F||(F={}));var v;(function(a){a["TAB"]="Tab";a["SPACE"]="Space";a["ESC"]="Escape";a["ENTER"]="Enter";a["ARROW_UP"]="ArrowUp";a["ARROW_DOWN"]="ArrowDown";a["BACKSPACE"]="Backspace";a["DELETE"]="Delete";a["ARROW_RIGHT"]="ArrowRight";a["ARROW_LEFT"]="ArrowLeft"})(v||(v={}));var g;(function(a){a["DARK"]="dark";a["LIGHT"]="light"})(g||(g={}));var h;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large"})(h||(h={}));var p;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(p||(p={}));var m;(function(a){a["ASC"]="asc";a["DESC"]="desc"})(m||(m={}));var C;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large"})(C||(C={}));var b;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large";a["X_LARGE"]="x-large";a["NONE"]="none"})(b||(b={}));var D;(function(a){a["ACCORDION"]="accordion";a["MENU"]="menu"})(D||(D={}));var k;(function(a){a["RIGHT"]="right";a["LEFT"]="left"})(k||(k={}));var A;(function(a){a["RIGHT"]="right";a["LEFT"]="left"})(A||(A={}));var w;(function(a){a["NONE"]="none";a["HEADER"]="header";a["ELEMENT"]="element"})(w||(w={}));var E;(function(a){a["NONE"]="none";a["ORDERED"]="ordered";a["UNORDERED"]="unordered"})(E||(E={}));var L;(function(a){a["SUCCESS"]="success";a["WARNING"]="warning";a["ERROR"]="error"})(L||(L={}));var R;(function(a){a["SUCCESS"]="success";a["WARNING"]="warning";a["ERROR"]="error"})(R||(R={}));var _;(function(a){a["MOBILE"]="mobile";a["TABLET"]="tablet";a["DESKTOP"]="desktop";a["DESKTOP_WIDE"]="desktop-wide"})(_||(_={}));var V;(function(a){a["DARK"]="dark";a["LIGHT"]="light";a["ACCENT"]="accent";a["ERROR"]="error";a["SUCCESS"]="success";a["WARNING"]="warning"})(V||(V={}));var y;(function(a){a["SLIDE_IN_LEFT"]="slide-in-left";a["SLIDE_IN_RIGHT"]="slide-in-right";a["SLIDE_IN_DOWN"]="slide-in-down";a["SLIDE_IN_UP"]="slide-in-up";a["SLIDE_OUT_LEFT"]="slide-out-left";a["SLIDE_OUT_RIGHT"]="slide-out-right";a["SLIDE_OUT_DOWN"]="slide-out-down";a["SLIDE_OUT_UP"]="slide-out-up"})(y||(y={}));var z;(function(a){a["TOP_RIGHT"]="top-right";a["TOP_LEFT"]="top-left";a["TOP_CENTRE"]="top-centre";a["BOTTOM_RIGHT"]="bottom-right";a["BOTTOM_LEFT"]="bottom-left";a["BOTTOM_CENTRE"]="bottom-centre"})(z||(z={}));var x;(function(a){a["EXPANDABLE"]="expandable";a["PADDING"]="padding";a["NONE"]="none"})(x||(x={}));var q;(function(a){a["POLITE"]="polite";a["ASSERTIVE"]="assertive"})(q||(q={}));var B;(function(a){a["LEFT"]="left";a["RIGHT"]="right";a["UP"]="up"})(B||(B={}));var G;(function(a){a["OVERLAY"]="overlay";a["PUSHCONTENT"]="pushcontent"})(G||(G={}));var T;(function(a){a["DEFAULT"]="default";a["DRAGDROP"]="dragdrop"})(T||(T={}));var O;(function(a){a["DEFAULT"]="default";a["MEDIUM"]="medium";a["SMALL"]="small"})(O||(O={}));var P;(function(a){a["OUTLINE"]="outline";a["FILLED"]="filled";a["SOFT"]="soft"})(P||(P={}));var S;(function(a){a["BEFORE"]="before";a["AFTER"]="after"})(S||(S={}));var W;(function(a){a["DATE"]="date";a["DATE_TIME"]="date-time";a["MONTHS"]="months"})(W||(W={}));var N;(function(a){a[a["DATE"]=401]="DATE";a[a["DATE_TIME"]=523]="DATE_TIME";a[a["MONTHS"]=288]="MONTHS"})(N||(N={}));var U;(function(a){a["TOP"]="top";a["BOTTOM"]="bottom"})(U||(U={}));var M;(function(a){a["DATE"]="date";a["DATE_TIME"]="date-time"})(M||(M={}));var H;(function(a){a["TOP_RIGHT"]="top_right";a["TOP_LEFT"]="top_left";a["BOTTOM_RIGHT"]="bottom_right";a["BOTTOM_LEFT"]="bottom_left"})(H||(H={}));var I;(function(a){a["OVERLAY"]="overlay";a["STACKED"]="stacked"})(I||(I={}));var K;(function(a){a["TOP"]="top";a["BOTTOM"]="bottom"})(K||(K={}));var Y;(function(a){a["OVER"]="over";a["BOTTOM"]="bottom"})(Y||(Y={}));var j;(function(a){a["DOTS"]="dots";a["NUMBERS"]="numbers"})(j||(j={}));var J;(function(a){a["SEMIBOLD"]="semibold";a["UNDERLINED"]="underlined"})(J||(J={}));var Q;(function(a){a["TEXT"]="text";a["ICON"]="icon"})(Q||(Q={}));var X;(function(a){a["HOVER"]="hover";a["ALWAYS"]="always"})(X||(X={}));var Z;(function(a){a["LANDSCAPE"]="landscape";a["PORTRAIT"]="portrait"})(Z||(Z={}));var $;(function(a){a["EXPANDED"]="expanded";a["COMPACT"]="compact";a["SEARCH"]="search"})($||($={}));var aa;(function(a){a["DEFAULT"]="default";a["BACKGROUND"]="background"})(aa||(aa={}));var ra;(function(a){a["LEFT"]="left";a["RIGHT"]="right"})(ra||(ra={}));const ta={"#FFFFFF00":{it:"Trasparente",en:"Transparent"},"#FFFFFF":{it:"Bianco",en:"White"},"#CCCCCC":{it:"Grigio",en:"Gray"},"#7E7E7E":{it:"Grigio scuro 1",en:"Dark gray 1"},"#333333":{it:"Grigio scuro 2",en:"Dark gray 2"},"#FFCCCC":{it:"Rosso chiaro 1",en:"Light red 1"},"#FF9999":{it:"Rosso chiaro 2",en:"Light red 2"},"#FF3333":{it:"Rosso",en:"Red"},"#CC0000":{it:"Rosso scuro 1",en:"Dark red 1"},"#660000":{it:"Rosso scuro 2",en:"Dark red 2"},"#FFE1CC":{it:"Arancione chiaro 1",en:"Light orange 1"},"#FFC399":{it:"Arancione chiaro 2",en:"Light orange 2"},"#FF8933":{it:"Arancione",en:"Orange"},"#CC5500":{it:"Arancione scuro 1",en:"Dark orange 1"},"#662B00":{it:"Arancione scuro 2",en:"Dark orange 2"},"#FFF7CC":{it:"Giallo chiaro 1",en:"Light yellow 1"},"#FFEE99":{it:"Giallo chiaro 2",en:"Light yellow 2"},"#FFDD33":{it:"Giallo",en:"Yellow"},"#CCAA00":{it:"Giallo scuro 1",en:"Dark yellow 1"},"#665600":{it:"Giallo scuro 2",en:"Dark yellow 2"},"#DDFFCC":{it:"Verde chiaro 1",en:"Light green 1"},"#BBFF99":{it:"Verde chiaro 2",en:"Light green 2"},"#77FF33":{it:"Verde",en:"Green"},"#44CC00":{it:"Verde scuro 1",en:"Dark green 1"},"#226600":{it:"Verde scuro 2",en:"Dark green 2"},"#CCFFE5":{it:"Verde acqua chiaro 1",en:"Light aquamarine 1"},"#99FFCC":{it:"Verde acqua chiaro 2",en:"Light aquamarine 2"},"#33FF99":{it:"Verde acqua",en:"Aquamarine"},"#00CC66":{it:"Verde acqua scuro 1",en:"Dark aquamarine 1"},"#006633":{it:"Verde acqua scuro 2",en:"Dark aquamarine 2"},"#CCEEFF":{it:"Azzurro chiaro 1",en:"Light blue 1"},"#99DDFF":{it:"Azzurro chiaro 2",en:"Light blue 2"},"#33BBFF":{it:"Azzurro",en:"Blue"},"#0088CC":{it:"Azzurro scuro 1",en:"Dark blue 1"},"#004466":{it:"Azzurro scuro 2",en:"Dark blue 2"},"#D4CCFF":{it:"Viola chiaro 1",en:"Light purple 1"},"#AA99FF":{it:"Viola chiaro 2",en:"Light purple 2"},"#5533FF":{it:"Viola",en:"Purple"},"#2200CC":{it:"Viola scuro 1",en:"Dark purple 1"},"#110066":{it:"Viola scuro 2",en:"Dark purple 2"},"#FFCCFF":{it:"Rosa chiaro 1",en:"Light pink 1"},"#FF99FF":{it:"Rosa chiaro 2",en:"Light pink 2"},"#FF33FF":{it:"Rosa",en:"Pink"},"#CC00CC":{it:"Rosa scuro 1",en:"Dark pink 1"},"#660066":{it:"Rosa scuro 2",en:"Dark pink 2"}};export{$,C as A,i as B,r as C,h as D,D as E,W as F,N as G,U as H,l as I,M as J,F as K,a as L,H as M,e as N,t as O,d as P,I as Q,K as R,m as S,g as T,Y as U,j as V,J as W,Q as X,X as Y,x as Z,Z as _,n as a,aa as a0,ra as a1,ta as a2,o as b,s as c,c as d,u as e,f,v as g,p as h,b as i,k as j,A as k,w as l,E as m,L as n,R as o,_ as p,V as q,y as r,z as s,q as t,B as u,G as v,T as w,O as x,P as y,S as z};
-//# sourceMappingURL=p-DdetsoIY.js.map
+var t,e,n,o,i,a,r,s,c,u,l,f,d,F,g,h,p,m,C,b,D,k,A,w,E,L,R,_,V,y,z,v,x,q,B,G,T,O,P,S,W,N,U,M,H,I,K,Y,j,J,Q,X,Z,$,tt,et;!function(t){t.REAL="reale",t.VIRTUAL="virtuale",t.TRIAL="saggio",t.TEMP="reale_temp"}(t||(t={})),function(t){t.BORDER="border",t.SHADOW="shadow",t.OVERLAY="overlay",t.TEXT="text"}(e||(e={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(n||(n={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(o||(o={})),function(t){t.BIG="big",t.SMALL="small"}(i||(i={})),function(t){t.LEFT="ArrowLeft",t.RIGHT="ArrowRight",t.UP="ArrowUp",t.DOWN="ArrowDown"}(a||(a={})),function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.TERTIARY="tertiary"}(r||(r={})),function(t){t.SUBMIT="submit",t.RESET="reset",t.BUTTON="button"}(s||(s={})),function(t){t.BIG="big",t.SMALL="small",t.X_SMALL="x-small"}(c||(c={})),function(t){t.BIG="big",t.SMALL="small",t.X_SMALL="x-small"}(u||(u={})),function(t){t.TEXT="text",t.PASSWORD="password",t.NUMBER="number",t.EMAIL="email",t.TEXTAREA="textarea",t.CHECKBOX="checkbox",t.RADIO="radio",t.TEL="tel",t.URL="url",t.SEARCH="search"}(l||(l={})),function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning"}(f||(f={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left",t.RIGHT_TOP="right_top",t.RIGHT_BOTTOM="right_bottom",t.LEFT_TOP="left_top",t.LEFT_BOTTOM="left_bottom"}(d||(d={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(F||(F={})),function(t){t.TAB="Tab",t.SPACE="Space",t.ESC="Escape",t.ENTER="Enter",t.ARROW_UP="ArrowUp",t.ARROW_DOWN="ArrowDown",t.BACKSPACE="Backspace",t.DELETE="Delete",t.ARROW_RIGHT="ArrowRight",t.ARROW_LEFT="ArrowLeft"}(g||(g={})),function(t){t.DARK="dark",t.LIGHT="light"}(h||(h={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(p||(p={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(m||(m={})),function(t){t.ASC="asc",t.DESC="desc"}(C||(C={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(b||(b={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large",t.X_LARGE="x-large",t.NONE="none"}(D||(D={})),function(t){t.ACCORDION="accordion",t.MENU="menu"}(k||(k={})),function(t){t.RIGHT="right",t.LEFT="left"}(A||(A={})),function(t){t.RIGHT="right",t.LEFT="left"}(w||(w={})),function(t){t.NONE="none",t.HEADER="header",t.ELEMENT="element"}(E||(E={})),function(t){t.NONE="none",t.ORDERED="ordered",t.UNORDERED="unordered"}(L||(L={})),function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(R||(R={})),function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(_||(_={})),function(t){t.MOBILE="mobile",t.TABLET="tablet",t.DESKTOP="desktop",t.DESKTOP_WIDE="desktop-wide"}(V||(V={})),function(t){t.DARK="dark",t.LIGHT="light",t.ACCENT="accent",t.ERROR="error",t.SUCCESS="success",t.WARNING="warning"}(y||(y={})),function(t){t.SLIDE_IN_LEFT="slide-in-left",t.SLIDE_IN_RIGHT="slide-in-right",t.SLIDE_IN_DOWN="slide-in-down",t.SLIDE_IN_UP="slide-in-up",t.SLIDE_OUT_LEFT="slide-out-left",t.SLIDE_OUT_RIGHT="slide-out-right",t.SLIDE_OUT_DOWN="slide-out-down",t.SLIDE_OUT_UP="slide-out-up"}(z||(z={})),function(t){t.TOP_RIGHT="top-right",t.TOP_LEFT="top-left",t.TOP_CENTRE="top-centre",t.BOTTOM_RIGHT="bottom-right",t.BOTTOM_LEFT="bottom-left",t.BOTTOM_CENTRE="bottom-centre"}(v||(v={})),function(t){t.EXPANDABLE="expandable",t.PADDING="padding",t.NONE="none"}(x||(x={})),function(t){t.POLITE="polite",t.ASSERTIVE="assertive"}(q||(q={})),function(t){t.LEFT="left",t.RIGHT="right",t.UP="up"}(B||(B={})),function(t){t.OVERLAY="overlay",t.PUSHCONTENT="pushcontent"}(G||(G={})),function(t){t.DEFAULT="default",t.DRAGDROP="dragdrop"}(T||(T={})),function(t){t.DEFAULT="default",t.MEDIUM="medium",t.SMALL="small"}(O||(O={})),function(t){t.OUTLINE="outline",t.FILLED="filled",t.SOFT="soft"}(P||(P={})),function(t){t.BEFORE="before",t.AFTER="after"}(S||(S={})),function(t){t.DATE="date",t.DATE_TIME="date-time",t.MONTHS="months"}(W||(W={})),function(t){t[t.DATE=401]="DATE",t[t.DATE_TIME=523]="DATE_TIME",t[t.MONTHS=288]="MONTHS"}(N||(N={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(U||(U={})),function(t){t.DATE="date",t.DATE_TIME="date-time"}(M||(M={})),function(t){t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(H||(H={})),function(t){t.OVERLAY="overlay",t.STACKED="stacked"}(I||(I={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(K||(K={})),function(t){t.OVER="over",t.BOTTOM="bottom"}(Y||(Y={})),function(t){t.DOTS="dots",t.NUMBERS="numbers"}(j||(j={})),function(t){t.SEMIBOLD="semibold",t.UNDERLINED="underlined"}(J||(J={})),function(t){t.TEXT="text",t.ICON="icon"}(Q||(Q={})),function(t){t.HOVER="hover",t.ALWAYS="always"}(X||(X={})),function(t){t.LANDSCAPE="landscape",t.PORTRAIT="portrait"}(Z||(Z={})),function(t){t.EXPANDED="expanded",t.COMPACT="compact",t.SEARCH="search"}($||($={})),function(t){t.DEFAULT="default",t.BACKGROUND="background"}(tt||(tt={})),function(t){t.LEFT="left",t.RIGHT="right"}(et||(et={}));const nt={"#FFFFFF00":{it:"Trasparente",en:"Transparent"},"#FFFFFF":{it:"Bianco",en:"White"},"#CCCCCC":{it:"Grigio",en:"Gray"},"#7E7E7E":{it:"Grigio scuro 1",en:"Dark gray 1"},"#333333":{it:"Grigio scuro 2",en:"Dark gray 2"},"#FFCCCC":{it:"Rosso chiaro 1",en:"Light red 1"},"#FF9999":{it:"Rosso chiaro 2",en:"Light red 2"},"#FF3333":{it:"Rosso",en:"Red"},"#CC0000":{it:"Rosso scuro 1",en:"Dark red 1"},"#660000":{it:"Rosso scuro 2",en:"Dark red 2"},"#FFE1CC":{it:"Arancione chiaro 1",en:"Light orange 1"},"#FFC399":{it:"Arancione chiaro 2",en:"Light orange 2"},"#FF8933":{it:"Arancione",en:"Orange"},"#CC5500":{it:"Arancione scuro 1",en:"Dark orange 1"},"#662B00":{it:"Arancione scuro 2",en:"Dark orange 2"},"#FFF7CC":{it:"Giallo chiaro 1",en:"Light yellow 1"},"#FFEE99":{it:"Giallo chiaro 2",en:"Light yellow 2"},"#FFDD33":{it:"Giallo",en:"Yellow"},"#CCAA00":{it:"Giallo scuro 1",en:"Dark yellow 1"},"#665600":{it:"Giallo scuro 2",en:"Dark yellow 2"},"#DDFFCC":{it:"Verde chiaro 1",en:"Light green 1"},"#BBFF99":{it:"Verde chiaro 2",en:"Light green 2"},"#77FF33":{it:"Verde",en:"Green"},"#44CC00":{it:"Verde scuro 1",en:"Dark green 1"},"#226600":{it:"Verde scuro 2",en:"Dark green 2"},"#CCFFE5":{it:"Verde acqua chiaro 1",en:"Light aquamarine 1"},"#99FFCC":{it:"Verde acqua chiaro 2",en:"Light aquamarine 2"},"#33FF99":{it:"Verde acqua",en:"Aquamarine"},"#00CC66":{it:"Verde acqua scuro 1",en:"Dark aquamarine 1"},"#006633":{it:"Verde acqua scuro 2",en:"Dark aquamarine 2"},"#CCEEFF":{it:"Azzurro chiaro 1",en:"Light blue 1"},"#99DDFF":{it:"Azzurro chiaro 2",en:"Light blue 2"},"#33BBFF":{it:"Azzurro",en:"Blue"},"#0088CC":{it:"Azzurro scuro 1",en:"Dark blue 1"},"#004466":{it:"Azzurro scuro 2",en:"Dark blue 2"},"#D4CCFF":{it:"Viola chiaro 1",en:"Light purple 1"},"#AA99FF":{it:"Viola chiaro 2",en:"Light purple 2"},"#5533FF":{it:"Viola",en:"Purple"},"#2200CC":{it:"Viola scuro 1",en:"Dark purple 1"},"#110066":{it:"Viola scuro 2",en:"Dark purple 2"},"#FFCCFF":{it:"Rosa chiaro 1",en:"Light pink 1"},"#FF99FF":{it:"Rosa chiaro 2",en:"Light pink 2"},"#FF33FF":{it:"Rosa",en:"Pink"},"#CC00CC":{it:"Rosa scuro 1",en:"Dark pink 1"},"#660066":{it:"Rosa scuro 2",en:"Dark pink 2"}};export{$,b as A,r as B,e as C,p as D,k as E,W as F,N as G,U as H,l as I,M as J,F as K,t as L,H as M,o as N,n as O,d as P,I as Q,K as R,C as S,h as T,Y as U,j as V,J as W,Q as X,X as Y,x as Z,Z as _,i as a,tt as a0,et as a1,nt as a2,a as b,s as c,c as d,u as e,f,g,m as h,D as i,A as j,w as k,E as l,L as m,R as n,_ as o,V as p,y as q,z as r,v as s,q as t,B as u,G as v,T as w,O as x,P as y,S as z}

package/dist/web-components-library/p-Q-tWjk7P.js

@@ -1,2 +1 @@
-var B;(function(B){B[B["MOBILE"]=767]="MOBILE";B[B["TABLET"]=1151]="TABLET";B[B["DESKTOP"]=1365]="DESKTOP"})(B||(B={}));export{B};
-//# sourceMappingURL=p-Q-tWjk7P.js.map
+var B;!function(B){B[B.MOBILE=767]="MOBILE",B[B.TABLET=1151]="TABLET",B[B.DESKTOP=1365]="DESKTOP"}(B||(B={}));export{B}

package/dist/web-components-library/p-SFwvdS4t.js

@@ -0,0 +1,2 @@
+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  /* CSS props to use with the `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  --heading-1: var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);\n  --heading-1-serif: var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);\n  --heading-1-sb: var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);\n  --heading-1-sb-serif: var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);\n  --heading-1-lt: var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);\n  --heading-1-lt-serif: var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);\n  --heading-2: var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);\n  --heading-2-serif: var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);\n  --heading-2-sb: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);\n  --heading-2-sb-serif: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n  --heading-2-lt: var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);\n  --heading-2-lt-serif: var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);\n  --heading-3: var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);\n  --heading-3-serif: var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);\n  --heading-3-sb: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);\n  --heading-3-sb-serif: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n  --heading-3-lt: var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);\n  --heading-3-lt-serif: var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);\n  --heading-4: var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);\n  --heading-4-serif: var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);\n  --heading-4-sb: var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);\n  --heading-4-sb-serif: var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);\n  --heading-4-lt: var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-sans);\n  --heading-4-lt-serif: var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-serif);\n  --body-1: var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);\n  --body-1-serif: var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);\n  --body-1-sb: var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);\n  --body-1-sb-serif: var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);\n  --body-2: var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-sans);\n  --body-2-serif: var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-serif);\n  --body-2-sb: var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-sans);\n  --body-2-sb-serif: var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-serif);\n  --body-3: var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);\n  --body-3-serif: var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);\n  --body-3-sb: var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);\n  --body-3-sb-serif: var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);\n  --body-4: var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);\n  --body-4-serif: var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);\n  --body-4-sb: var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);\n  --body-4-sb-serif: var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);\n  --body-5: var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);\n  --body-5-serif: var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);\n  --body-5-sb: var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);\n  --body-5-sb-serif: var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);\n  --interactive-1: var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);\n  --interactive-1-serif: var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);\n  --interactive-1-sb: var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);\n  --interactive-1-sb-serif: var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);\n  --interactive-2: var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);\n  --interactive-2-serif: var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);\n  --interactive-2-sb: var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);\n  --interactive-2-sb-serif: var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);\n  --interactive-3: var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);\n  --interactive-3-serif: var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);\n  --interactive-3-sb: var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);\n  --interactive-3-sb-serif: var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);\n  --helper: italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);\n  --helper-serif: italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);\n  --helper-sb: italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);\n  --helper-sb-serif: italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);\n}\n\n@media (min-width: 1152px) {\n  :root {\n    --heading-1: var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-sans);\n    --heading-1-serif: var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-serif);\n    --heading-1-sb: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-sans);\n    --heading-1-sb-serif: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n    --heading-1-lt: var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-sans);\n    --heading-1-lt-serif: var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-serif);\n    --heading-2: var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);\n    --heading-2-serif: var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);\n    --heading-2-sb: var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);\n    --heading-2-sb-serif: var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);\n    --heading-2-lt: var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);\n    --heading-2-lt-serif: var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);\n  }\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt,\n.heading-1-serif,\n.heading-1-sb-serif,\n.heading-1-lt-serif {\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.heading-2-serif,\n.heading-2-sb-serif,\n.heading-2-lt-serif {\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.heading-3-serif,\n.heading-3-sb-serif,\n.heading-3-lt-serif {\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.heading-4-serif,\n.heading-4-sb-serif,\n.heading-4-lt-serif {\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.body-1-serif,\n.body-1-sb-serif {\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.body-2-serif,\n.body-2-sb-serif {\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.body-3-serif,\n.body-3-sb-serif {\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.body-4-serif,\n.body-4-sb-serif {\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.body-5-serif,\n.body-5-sb-serif {\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.interactive-1-serif,\n.interactive-1-sb-serif {\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.interactive-2-serif,\n.interactive-2-sb-serif {\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.interactive-3-serif,\n.interactive-3-sb-serif {\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.helper-serif,\n.helper-sb-serif {\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  .heading-1-serif,\n  .heading-1-sb-serif,\n  .heading-1-lt-serif {\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  .heading-2-serif,\n  .heading-2-sb-serif,\n  .heading-2-lt-serif {\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  .mobile-heading-1-serif,\n  .mobile-heading-1-sb-serif,\n  .mobile-heading-1-lt-serif {\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  .mobile-heading-2-serif,\n  .mobile-heading-2-sb-serif,\n  .mobile-heading-2-lt-serif {\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  .mobile-heading-3-serif,\n  .mobile-heading-3-sb-serif,\n  .mobile-heading-3-lt-serif {\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  .mobile-heading-4-serif,\n  .mobile-heading-4-sb-serif,\n  .mobile-heading-4-lt-serif {\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  .mobile-body-1-serif,\n  .mobile-body-1-sb-serif {\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  .mobile-body-2-serif,\n  .mobile-body-2-sb-serif {\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  .mobile-body-3-serif,\n  .mobile-body-3-sb-serif {\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  .mobile-body-4-serif,\n  .mobile-body-4-sb-serif {\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  .mobile-body-5-serif,\n  .mobile-body-5-sb-serif {\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  .mobile-interactive-1-serif,\n  .mobile-interactive-1-sb-serif {\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  .mobile-interactive-2-serif,\n  .mobile-interactive-2-sb-serif {\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  .mobile-interactive-3-serif,\n  .mobile-interactive-3-sb-serif {\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  .mobile-heading-1-lt-serif,\n  .mobile-heading-2-lt-serif,\n  .mobile-heading-3-lt-serif,\n  .mobile-heading-4-lt-serif {\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  .mobile-heading-1-sb-serif,\n  .mobile-heading-2-sb-serif,\n  .mobile-heading-3-sb-serif,\n  .mobile-heading-4-sb-serif,\n  .mobile-body-1-sb-serif,\n  .mobile-body-2-sb-serif,\n  .mobile-body-3-sb-serif,\n  .mobile-body-4-sb-serif,\n  .mobile-body-5-sb-serif,\n  .mobile-interactive-1-sb-serif,\n  .mobile-interactive-2-sb-serif,\n  .mobile-interactive-3-sb-serif {\n    font-weight: var(--font-sb);\n  }\n\n  .mobile-heading-1-serif,\n  .mobile-heading-1-sb-serif,\n  .mobile-heading-1-lt-serif,\n  .mobile-heading-2-serif,\n  .mobile-heading-2-sb-serif,\n  .mobile-heading-2-lt-serif,\n  .mobile-heading-3-serif,\n  .mobile-heading-3-sb-serif,\n  .mobile-heading-3-lt-serif,\n  .mobile-heading-4-serif,\n  .mobile-heading-4-sb-serif,\n  .mobile-heading-4-lt-serif,\n  .mobile-body-1-serif,\n  .mobile-body-1-sb-serif,\n  .mobile-body-2-serif,\n  .mobile-body-2-sb-serif,\n  .mobile-body-3-serif,\n  .mobile-body-3-sb-serif,\n  .mobile-body-4-serif,\n  .mobile-body-4-sb-serif,\n  .mobile-body-5-serif,\n  .mobile-body-5-sb-serif,\n  .mobile-interactive-1-serif,\n  .mobile-interactive-1-sb-serif,\n  .mobile-interactive-2-serif,\n  .mobile-interactive-2-sb-serif,\n  .mobile-interactive-3-serif,\n  .mobile-interactive-3-sb-serif {\n    font-family: var(--font-family-serif);\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  .tablet-heading-1-serif,\n  .tablet-heading-1-sb-serif,\n  .tablet-heading-1-lt-serif {\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  .tablet-heading-2-serif,\n  .tablet-heading-2-sb-serif,\n  .tablet-heading-2-lt-serif {\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  .tablet-heading-3-serif,\n  .tablet-heading-3-sb-serif,\n  .tablet-heading-3-lt-serif {\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  .tablet-heading-4-serif,\n  .tablet-heading-4-sb-serif,\n  .tablet-heading-4-lt-serif {\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  .tablet-body-1-serif,\n  .tablet-body-1-sb-serif {\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  .tablet-body-2-serif,\n  .tablet-body-2-sb-serif {\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  .tablet-body-3-serif,\n  .tablet-body-3-sb-serif {\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  .tablet-body-4-serif,\n  .tablet-body-4-sb-serif {\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  .tablet-body-5-serif,\n  .tablet-body-5-sb-serif {\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  .tablet-interactive-1-serif,\n  .tablet-interactive-1-sb-serif {\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  .tablet-interactive-2-serif,\n  .tablet-interactive-2-sb-serif {\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  .tablet-interactive-3-serif,\n  .tablet-interactive-3-sb-serif {\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  .tablet-heading-1-lt-serif,\n  .tablet-heading-2-lt-serif,\n  .tablet-heading-3-lt-serif,\n  .tablet-heading-4-lt-serif {\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  .tablet-heading-1-sb-serif,\n  .tablet-heading-2-sb-serif,\n  .tablet-heading-3-sb-serif,\n  .tablet-heading-4-sb-serif,\n  .tablet-body-1-sb-serif,\n  .tablet-body-2-sb-serif,\n  .tablet-body-3-sb-serif,\n  .tablet-body-4-sb-serif,\n  .tablet-body-5-sb-serif,\n  .tablet-interactive-1-sb-serif,\n  .tablet-interactive-2-sb-serif,\n  .tablet-interactive-3-sb-serif {\n    font-weight: var(--font-sb);\n  }\n\n  .tablet-heading-1-serif,\n  .tablet-heading-1-sb-serif,\n  .tablet-heading-1-lt-serif,\n  .tablet-heading-2-serif,\n  .tablet-heading-2-sb-serif,\n  .tablet-heading-2-lt-serif,\n  .tablet-heading-3-serif,\n  .tablet-heading-3-sb-serif,\n  .tablet-heading-3-lt-serif,\n  .tablet-heading-4-serif,\n  .tablet-heading-4-sb-serif,\n  .tablet-heading-4-lt-serif,\n  .tablet-body-1-serif,\n  .tablet-body-1-sb-serif,\n  .tablet-body-2-serif,\n  .tablet-body-2-sb-serif,\n  .tablet-body-3-serif,\n  .tablet-body-3-sb-serif,\n  .tablet-body-4-serif,\n  .tablet-body-4-sb-serif,\n  .tablet-body-5-serif,\n  .tablet-body-5-sb-serif,\n  .tablet-interactive-1-serif,\n  .tablet-interactive-1-sb-serif,\n  .tablet-interactive-2-serif,\n  .tablet-interactive-2-sb-serif,\n  .tablet-interactive-3-serif,\n  .tablet-interactive-3-sb-serif {\n    font-family: var(--font-family-serif);\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  .desktop-heading-1-serif,\n  .desktop-heading-1-sb-serif,\n  .desktop-heading-1-lt-serif {\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  .desktop-heading-2-serif,\n  .desktop-heading-2-sb-serif,\n  .desktop-heading-2-lt-serif {\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  .desktop-heading-3-serif,\n  .desktop-heading-3-sb-serif,\n  .desktop-heading-3-lt-serif {\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  .desktop-heading-4-serif,\n  .desktop-heading-4-sb-serif,\n  .desktop-heading-4-lt-serif {\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  .desktop-body-1-serif,\n  .desktop-body-1-sb-serif {\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  .desktop-body-2-serif,\n  .desktop-body-2-sb-serif {\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  .desktop-body-3-serif,\n  .desktop-body-3-sb-serif {\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  .desktop-body-4-serif,\n  .desktop-body-4-sb-serif {\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  .desktop-body-5-serif,\n  .desktop-body-5-sb-serif {\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  .desktop-interactive-1-serif,\n  .desktop-interactive-1-sb-serif {\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  .desktop-interactive-2-serif,\n  .desktop-interactive-2-sb-serif {\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  .desktop-interactive-3-serif,\n  .desktop-interactive-3-sb-serif {\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  .desktop-heading-1-lt-serif,\n  .desktop-heading-2-lt-serif,\n  .desktop-heading-3-lt-serif,\n  .desktop-heading-4-lt-serif {\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  .desktop-heading-1-sb-serif,\n  .desktop-heading-2-sb-serif,\n  .desktop-heading-3-sb-serif,\n  .desktop-heading-4-sb-serif,\n  .desktop-body-1-sb-serif,\n  .desktop-body-2-sb-serif,\n  .desktop-body-3-sb-serif,\n  .desktop-body-4-sb-serif,\n  .desktop-body-5-sb-serif,\n  .desktop-interactive-1-sb-serif,\n  .desktop-interactive-2-sb-serif,\n  .desktop-interactive-3-sb-serif {\n    font-weight: var(--font-sb);\n  }\n\n  .desktop-heading-1-serif,\n  .desktop-heading-1-sb-serif,\n  .desktop-heading-1-lt-serif,\n  .desktop-heading-2-serif,\n  .desktop-heading-2-sb-serif,\n  .desktop-heading-2-lt-serif,\n  .desktop-heading-3-serif,\n  .desktop-heading-3-sb-serif,\n  .desktop-heading-3-lt-serif,\n  .desktop-heading-4-serif,\n  .desktop-heading-4-sb-serif,\n  .desktop-heading-4-lt-serif,\n  .desktop-body-1-serif,\n  .desktop-body-1-sb-serif,\n  .desktop-body-2-serif,\n  .desktop-body-2-sb-serif,\n  .desktop-body-3-serif,\n  .desktop-body-3-sb-serif,\n  .desktop-body-4-serif,\n  .desktop-body-4-sb-serif,\n  .desktop-body-5-serif,\n  .desktop-body-5-sb-serif,\n  .desktop-interactive-1-serif,\n  .desktop-interactive-1-sb-serif,\n  .desktop-interactive-2-serif,\n  .desktop-interactive-2-sb-serif,\n  .desktop-interactive-3-serif,\n  .desktop-interactive-3-sb-serif {\n    font-family: var(--font-family-serif);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt,\n  .wide-heading-1-serif,\n  .wide-heading-1-sb-serif,\n  .wide-heading-1-lt-serif {\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  .wide-heading-2-serif,\n  .wide-heading-2-sb-serif,\n  .wide-heading-2-lt-serif {\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  .wide-heading-3-serif,\n  .wide-heading-3-sb-serif,\n  .wide-heading-3-lt-serif {\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  .wide-heading-4-serif,\n  .wide-heading-4-sb-serif,\n  .wide-heading-4-lt-serif {\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  .wide-body-1-serif,\n  .wide-body-1-sb-serif {\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  .wide-body-2-serif,\n  .wide-body-2-sb-serif {\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  .wide-body-3-serif,\n  .wide-body-3-sb-serif {\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  .wide-body-4-serif,\n  .wide-body-4-sb-serif {\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  .wide-body-5-serif,\n  .wide-body-5-sb-serif {\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  .wide-interactive-1-serif,\n  .wide-interactive-1-sb-serif {\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  .wide-interactive-2-serif,\n  .wide-interactive-2-sb-serif {\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  .wide-interactive-3-serif,\n  .wide-interactive-3-sb-serif {\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  .wide-heading-1-lt-serif,\n  .wide-heading-2-lt-serif,\n  .wide-heading-3-lt-serif,\n  .wide-heading-4-lt-serif {\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  .wide-heading-1-sb-serif,\n  .wide-heading-2-sb-serif,\n  .wide-heading-3-sb-serif,\n  .wide-heading-4-sb-serif,\n  .wide-body-1-sb-serif,\n  .wide-body-2-sb-serif,\n  .wide-body-3-sb-serif,\n  .wide-body-4-sb-serif,\n  .wide-body-5-sb-serif,\n  .wide-interactive-1-sb-serif,\n  .wide-interactive-2-sb-serif,\n  .wide-interactive-3-sb-serif {\n    font-weight: var(--font-sb);\n  }\n\n  .wide-heading-1-serif,\n  .wide-heading-1-sb-serif,\n  .wide-heading-1-lt-serif,\n  .wide-heading-2-serif,\n  .wide-heading-2-sb-serif,\n  .wide-heading-2-lt-serif,\n  .wide-heading-3-serif,\n  .wide-heading-3-sb-serif,\n  .wide-heading-3-lt-serif,\n  .wide-heading-4-serif,\n  .wide-heading-4-sb-serif,\n  .wide-heading-4-lt-serif,\n  .wide-body-1-serif,\n  .wide-body-1-sb-serif,\n  .wide-body-2-serif,\n  .wide-body-2-sb-serif,\n  .wide-body-3-serif,\n  .wide-body-3-sb-serif,\n  .wide-body-4-serif,\n  .wide-body-4-sb-serif,\n  .wide-body-5-serif,\n  .wide-body-5-sb-serif,\n  .wide-interactive-1-serif,\n  .wide-interactive-1-sb-serif,\n  .wide-interactive-2-serif,\n  .wide-interactive-2-sb-serif,\n  .wide-interactive-3-serif,\n  .wide-interactive-3-sb-serif {\n    font-family: var(--font-family-serif);\n  }\n}\n\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt,\n.heading-1-lt-serif,\n.heading-2-lt-serif,\n.heading-3-lt-serif,\n.heading-4-lt-serif {\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.heading-1-sb-serif,\n.heading-2-sb-serif,\n.heading-3-sb-serif,\n.heading-4-sb-serif,\n.body-1-sb-serif,\n.body-2-sb-serif,\n.body-3-sb-serif,\n.body-4-sb-serif,\n.body-5-sb-serif,\n.interactive-1-sb-serif,\n.interactive-2-sb-serif,\n.interactive-3-sb-serif,\n.helper-sb-serif {\n  font-weight: var(--font-sb);\n}\n\n.heading-1-serif,\n.heading-1-sb-serif,\n.heading-1-lt-serif,\n.heading-2-serif,\n.heading-2-sb-serif,\n.heading-2-lt-serif,\n.heading-3-serif,\n.heading-3-sb-serif,\n.heading-3-lt-serif,\n.heading-4-serif,\n.heading-4-sb-serif,\n.heading-4-lt-serif,\n.body-1-serif,\n.body-1-sb-serif,\n.body-2-serif,\n.body-2-sb-serif,\n.body-3-serif,\n.body-3-sb-serif,\n.body-4-serif,\n.body-4-sb-serif,\n.body-5-serif,\n.body-5-sb-serif,\n.interactive-1-serif,\n.interactive-1-sb-serif,\n.interactive-2-serif,\n.interactive-2-sb-serif,\n.interactive-3-serif,\n.interactive-3-sb-serif,\n.helper-serif,\n.helper-sb-serif {\n  font-family: var(--font-family-serif);\n}\n\n:root {\n  --space-unit: 8px;\n  --space-unit-1: var(--space-unit);\n  --space-unit-2: calc(var(--space-unit) * 2);\n  --space-unit-3: calc(var(--space-unit) * 3);\n  --space-unit-4: calc(var(--space-unit) * 4);\n  --space-unit-5: calc(var(--space-unit) * 5);\n  --space-unit-6: calc(var(--space-unit) * 6);\n  --space-unit-7: calc(var(--space-unit) * 7);\n  --space-unit-8: calc(var(--space-unit) * 8);\n}\n\n/* Margin classes */\n\n.z-m-0 {\n  margin: 0;\n}\n\n.z-m-1 {\n  margin: var(--space-unit-1);\n}\n\n.z-m-2 {\n  margin: var(--space-unit-2);\n}\n\n.z-m-3 {\n  margin: var(--space-unit-3);\n}\n\n.z-m-4 {\n  margin: var(--space-unit-4);\n}\n\n.z-m-5 {\n  margin: var(--space-unit-5);\n}\n\n.z-m-6 {\n  margin: var(--space-unit-6);\n}\n\n.z-m-7 {\n  margin: var(--space-unit-7);\n}\n\n.z-m-8 {\n  margin: var(--space-unit-8);\n}\n\n.z-mx-0 {\n  margin-right: 0;\n  margin-left: 0;\n}\n\n.z-my-0 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.z-mx-1 {\n  margin-right: var(--space-unit-1);\n  margin-left: var(--space-unit-1);\n}\n\n.z-my-1 {\n  margin-top: var(--space-unit-1);\n  margin-bottom: var(--space-unit-1);\n}\n\n.z-mx-2 {\n  margin-right: var(--space-unit-2);\n  margin-left: var(--space-unit-2);\n}\n\n.z-my-2 {\n  margin-top: var(--space-unit-2);\n  margin-bottom: var(--space-unit-2);\n}\n\n.z-mx-3 {\n  margin-right: var(--space-unit-3);\n  margin-left: var(--space-unit-3);\n}\n\n.z-my-3 {\n  margin-top: var(--space-unit-3);\n  margin-bottom: var(--space-unit-3);\n}\n\n.z-mx-4 {\n  margin-right: var(--space-unit-4);\n  margin-left: var(--space-unit-4);\n}\n\n.z-my-4 {\n  margin-top: var(--space-unit-4);\n  margin-bottom: var(--space-unit-4);\n}\n\n.z-mx-5 {\n  margin-right: var(--space-unit-5);\n  margin-left: var(--space-unit-5);\n}\n\n.z-my-5 {\n  margin-top: var(--space-unit-5);\n  margin-bottom: var(--space-unit-5);\n}\n\n.z-mx-6 {\n  margin-right: var(--space-unit-6);\n  margin-left: var(--space-unit-6);\n}\n\n.z-my-6 {\n  margin-top: var(--space-unit-6);\n  margin-bottom: var(--space-unit-6);\n}\n\n.z-mx-7 {\n  margin-right: var(--space-unit-7);\n  margin-left: var(--space-unit-7);\n}\n\n.z-my-7 {\n  margin-top: var(--space-unit-7);\n  margin-bottom: var(--space-unit-7);\n}\n\n.z-mx-8 {\n  margin-right: var(--space-unit-8);\n  margin-left: var(--space-unit-8);\n}\n\n.z-my-8 {\n  margin-top: var(--space-unit-8);\n  margin-bottom: var(--space-unit-8);\n}\n\n.z-mt-0 {\n  margin-top: 0;\n}\n\n.z-mr-0 {\n  margin-right: 0;\n}\n\n.z-mb-0 {\n  margin-bottom: 0;\n}\n\n.z-ml-0 {\n  margin-left: 0;\n}\n\n.z-mt-1 {\n  margin-top: var(--space-unit-1);\n}\n\n.z-mr-1 {\n  margin-right: var(--space-unit-1);\n}\n\n.z-mb-1 {\n  margin-bottom: var(--space-unit-1);\n}\n\n.z-ml-1 {\n  margin-left: var(--space-unit-1);\n}\n\n.z-mt-2 {\n  margin-top: var(--space-unit-2);\n}\n\n.z-mr-2 {\n  margin-right: var(--space-unit-2);\n}\n\n.z-mb-2 {\n  margin-bottom: var(--space-unit-2);\n}\n\n.z-ml-2 {\n  margin-left: var(--space-unit-2);\n}\n\n.z-mt-3 {\n  margin-top: var(--space-unit-3);\n}\n\n.z-mr-3 {\n  margin-right: var(--space-unit-3);\n}\n\n.z-mb-3 {\n  margin-bottom: var(--space-unit-3);\n}\n\n.z-ml-3 {\n  margin-left: var(--space-unit-3);\n}\n\n.z-mt-4 {\n  margin-top: var(--space-unit-4);\n}\n\n.z-mr-4 {\n  margin-right: var(--space-unit-4);\n}\n\n.z-mb-4 {\n  margin-bottom: var(--space-unit-4);\n}\n\n.z-ml-4 {\n  margin-left: var(--space-unit-4);\n}\n\n.z-mt-5 {\n  margin-top: var(--space-unit-5);\n}\n\n.z-mr-5 {\n  margin-right: var(--space-unit-5);\n}\n\n.z-mb-5 {\n  margin-bottom: var(--space-unit-5);\n}\n\n.z-ml-5 {\n  margin-left: var(--space-unit-5);\n}\n\n.z-mt-6 {\n  margin-top: var(--space-unit-6);\n}\n\n.z-mr-6 {\n  margin-right: var(--space-unit-6);\n}\n\n.z-mb-6 {\n  margin-bottom: var(--space-unit-6);\n}\n\n.z-ml-6 {\n  margin-left: var(--space-unit-6);\n}\n\n.z-mt-7 {\n  margin-top: var(--space-unit-7);\n}\n\n.z-mr-7 {\n  margin-right: var(--space-unit-7);\n}\n\n.z-mb-7 {\n  margin-bottom: var(--space-unit-7);\n}\n\n.z-ml-7 {\n  margin-left: var(--space-unit-7);\n}\n\n.z-mt-8 {\n  margin-top: var(--space-unit-8);\n}\n\n.z-mr-8 {\n  margin-right: var(--space-unit-8);\n}\n\n.z-mb-8 {\n  margin-bottom: var(--space-unit-8);\n}\n\n.z-ml-8 {\n  margin-left: var(--space-unit-8);\n}\n\n/* Padding classes */\n\n.z-p-0 {\n  padding: 0;\n}\n\n.z-p-1 {\n  padding: var(--space-unit-1);\n}\n\n.z-p-2 {\n  padding: var(--space-unit-2);\n}\n\n.z-p-3 {\n  padding: var(--space-unit-3);\n}\n\n.z-p-4 {\n  padding: var(--space-unit-4);\n}\n\n.z-p-5 {\n  padding: var(--space-unit-5);\n}\n\n.z-p-6 {\n  padding: var(--space-unit-6);\n}\n\n.z-p-7 {\n  padding: var(--space-unit-7);\n}\n\n.z-p-8 {\n  padding: var(--space-unit-8);\n}\n\n.z-px-0 {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.z-py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.z-px-1 {\n  padding-right: var(--space-unit-1);\n  padding-left: var(--space-unit-1);\n}\n\n.z-py-1 {\n  padding-top: var(--space-unit-1);\n  padding-bottom: var(--space-unit-1);\n}\n\n.z-px-2 {\n  padding-right: var(--space-unit-2);\n  padding-left: var(--space-unit-2);\n}\n\n.z-py-2 {\n  padding-top: var(--space-unit-2);\n  padding-bottom: var(--space-unit-2);\n}\n\n.z-px-3 {\n  padding-right: var(--space-unit-3);\n  padding-left: var(--space-unit-3);\n}\n\n.z-py-3 {\n  padding-top: var(--space-unit-3);\n  padding-bottom: var(--space-unit-3);\n}\n\n.z-px-4 {\n  padding-right: var(--space-unit-4);\n  padding-left: var(--space-unit-4);\n}\n\n.z-py-4 {\n  padding-top: var(--space-unit-4);\n  padding-bottom: var(--space-unit-4);\n}\n\n.z-px-5 {\n  padding-right: var(--space-unit-5);\n  padding-left: var(--space-unit-5);\n}\n\n.z-py-5 {\n  padding-top: var(--space-unit-5);\n  padding-bottom: var(--space-unit-5);\n}\n\n.z-px-6 {\n  padding-right: var(--space-unit-6);\n  padding-left: var(--space-unit-6);\n}\n\n.z-py-6 {\n  padding-top: var(--space-unit-6);\n  padding-bottom: var(--space-unit-6);\n}\n\n.z-px-7 {\n  padding-right: var(--space-unit-7);\n  padding-left: var(--space-unit-7);\n}\n\n.z-py-7 {\n  padding-top: var(--space-unit-7);\n  padding-bottom: var(--space-unit-7);\n}\n\n.z-px-8 {\n  padding-right: var(--space-unit-8);\n  padding-left: var(--space-unit-8);\n}\n\n.z-py-8 {\n  padding-top: var(--space-unit-8);\n  padding-bottom: var(--space-unit-8);\n}\n\n.z-pt-0 {\n  padding-top: 0;\n}\n\n.z-pr-0 {\n  padding-right: 0;\n}\n\n.z-pb-0 {\n  padding-bottom: 0;\n}\n\n.z-pl-0 {\n  padding-left: 0;\n}\n\n.z-pt-1 {\n  padding-top: var(--space-unit-1);\n}\n\n.z-pr-1 {\n  padding-right: var(--space-unit-1);\n}\n\n.z-pb-1 {\n  padding-bottom: var(--space-unit-1);\n}\n\n.z-pl-1 {\n  padding-left: var(--space-unit-1);\n}\n\n.z-pt-2 {\n  padding-top: var(--space-unit-2);\n}\n\n.z-pr-2 {\n  padding-right: var(--space-unit-2);\n}\n\n.z-pb-2 {\n  padding-bottom: var(--space-unit-2);\n}\n\n.z-pl-2 {\n  padding-left: var(--space-unit-2);\n}\n\n.z-pt-3 {\n  padding-top: var(--space-unit-3);\n}\n\n.z-pr-3 {\n  padding-right: var(--space-unit-3);\n}\n\n.z-pb-3 {\n  padding-bottom: var(--space-unit-3);\n}\n\n.z-pl-3 {\n  padding-left: var(--space-unit-3);\n}\n\n.z-pt-4 {\n  padding-top: var(--space-unit-4);\n}\n\n.z-pr-4 {\n  padding-right: var(--space-unit-4);\n}\n\n.z-pb-4 {\n  padding-bottom: var(--space-unit-4);\n}\n\n.z-pl-4 {\n  padding-left: var(--space-unit-4);\n}\n\n.z-pt-5 {\n  padding-top: var(--space-unit-5);\n}\n\n.z-pr-5 {\n  padding-right: var(--space-unit-5);\n}\n\n.z-pb-5 {\n  padding-bottom: var(--space-unit-5);\n}\n\n.z-pl-5 {\n  padding-left: var(--space-unit-5);\n}\n\n.z-pt-6 {\n  padding-top: var(--space-unit-6);\n}\n\n.z-pr-6 {\n  padding-right: var(--space-unit-6);\n}\n\n.z-pb-6 {\n  padding-bottom: var(--space-unit-6);\n}\n\n.z-pl-6 {\n  padding-left: var(--space-unit-6);\n}\n\n.z-pt-7 {\n  padding-top: var(--space-unit-7);\n}\n\n.z-pr-7 {\n  padding-right: var(--space-unit-7);\n}\n\n.z-pb-7 {\n  padding-bottom: var(--space-unit-7);\n}\n\n.z-pl-7 {\n  padding-left: var(--space-unit-7);\n}\n\n.z-pt-8 {\n  padding-top: var(--space-unit-8);\n}\n\n.z-pr-8 {\n  padding-right: var(--space-unit-8);\n}\n\n.z-pb-8 {\n  padding-bottom: var(--space-unit-8);\n}\n\n.z-pl-8 {\n  padding-left: var(--space-unit-8);\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: inline-block;\n  padding-bottom: calc(var(--space-unit) / 2);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb);\n  line-height: 1.25rem;\n  text-align: left;\n}\n\n.z-label::first-letter {\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 {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray200) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray200);\n  --z-scrollbar-thumb-color: var(--color-primary01);\n  --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n  --z-scrollbar-corner-color: transparent;\n}\n\n.z-scrollbar::-webkit-scrollbar {\n  width: 6px;\n  background: var(--z-scrollbar-track-gradient);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--z-scrollbar-thumb-color);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--z-scrollbar-thumb-hover-color);\n}\n\n.z-scrollbar::-webkit-scrollbar-corner {\n  background-color: var(--z-scrollbar-corner-color);\n}\n\n/* Dark theme */\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-white);\n  --z-scrollbar-thumb-hover-color: var(--gray500);\n  --z-scrollbar-corner-color: transparent;\n}\n\n/* Red theme */\n.theme-red .z-scrollbar {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray200) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray200);\n  --z-scrollbar-thumb-color: var(--red500);\n  --z-scrollbar-thumb-hover-color: var(--red700);\n  --z-scrollbar-corner-color: transparent;\n}\n\n.theme-black.theme-black--red .z-scrollbar,\n.theme-black.theme-black--yellow .z-scrollbar {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray200) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray200);\n  --z-scrollbar-thumb-color: var(--gray950);\n  --z-scrollbar-thumb-hover-color: var(--gray900);\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(--z-scrollbar-thumb-color) var(--z-scrollbar-track-color);\n  }\n}\n\nz-table,\ntable.z-table {\n  background-color: var(--color-surface01);\n\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n}\n\ntable.z-table {\n  border-collapse: collapse;\n}\n\nz-thead,\ntable.z-table thead {\n  background-color: var(--color-background);\n\n  --z-table--cells-bottom-border-size: var(--border-size-medium);\n}\n\nz-tfoot,\ntable.z-table tfoot {\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n}\n\nz-tfoot z-tr,\ntable.z-table tfoot tr {\n  border-bottom: calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important;\n}\n\nz-tr,\ntable.z-table tr {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\nz-td,\nz-th,\ntable.z-table td,\ntable.z-table th {\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n  text-align: left;\n}\n\nz-th:not(:first-child),\nz-td:not(:first-child),\ntable.z-table th:not(:first-child),\ntable.z-table td:not(:first-child) {\n  border-left: var(--z-table--cell-left-border, none);\n}\n\nz-table[bordered],\ntable.z-table.z-table-bordered {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n\ntable.z-table-hover > tbody > tr:hover > td,\ntable.z-table-hover > tfoot > tr:hover > td {\n  position: relative;\n  background-color: var(--color-surface02);\n}\n\ntable.z-table-hover > tbody > tr:hover > td::after,\ntable.z-table-hover > tfoot > tr:hover > td::after {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: -1px;\n  box-shadow:\n    inset 0 var(--border-size-small) 0 var(--color-surface04),\n    inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);\n  content: "";\n}\n\ntable.z-table-hover > tbody > tr:hover > td:first-child::after,\ntable.z-table-hover > thead > tr:hover > th:first-child::after,\ntable.z-table-hover > tfoot > tr:hover > td:first-child::after {\n  left: 0;\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 r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;n&&n!==r;){const r=Object.getOwnPropertyDescriptor(n,e);if(r&&(!t||r.get))return r;n=Object.getPrototypeOf(n)}}var r,i=(n,e)=>{var r;Object.entries(null!=(r=e.i.t)?r:{}).map((([r,[i]])=>{if(31&i||32&i){const i=n[r],o=t(Object.getPrototypeOf(n),r,!0)||Object.getOwnPropertyDescriptor(n,r);o&&Object.defineProperty(n,r,{get(){return o.get.call(this)},set(n){o.set.call(this,n)},configurable:!0,enumerable:!0}),e.o.has(r)?n[r]=e.o.get(r):void 0!==i&&(n[r]=i)}}))},o=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},a=(n,e)=>{e&&(n.__stencil__getHostRef=()=>e,e.l=n,512&e.i.v&&i(n,e))},s=(n,e)=>e in n,l=(n,e)=>(0,console.error)(n,e),d=new Map,c=new Map,f="slot-fb{display:contents}slot-fb[hidden]{display:none}",b="http://www.w3.org/1999/xlink",v=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],g="undefined"!=typeof window?window:{},p=g.HTMLElement||class{},m={v:0,p:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,r)=>n.addEventListener(e,t,r),rel:(n,e,t,r)=>n.removeEventListener(e,t,r),ce:(n,e)=>new CustomEvent(n,e)},u=n=>Promise.resolve(n),h=(()=>{try{return!!g.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(n){}return!1})(),y=!!h&&(()=>!!g.document&&Object.getOwnPropertyDescriptor(g.document.adoptedStyleSheets,"length").writable)(),z=!1,w=[],k=[],x=(n,e)=>t=>{n.push(t),z||(z=!0,e&&4&m.v?C($):m.raf($))},j=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(n){l(n)}n.length=0},$=()=>{j(w),j(k),(z=w.length>0)&&m.raf($)},C=n=>u().then(n),S=x(k,!0);function O(){var n;const t=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(n=function(n){if(!h)return;const e=new CSSStyleSheet;return e.replaceSync(n),e}(e))?n:null),r)y?t.adoptedStyleSheets.push(r):t.adoptedStyleSheets=[...t.adoptedStyleSheets,r];else if(!h){const n=document.createElement("style");n.innerHTML=e,t.prepend(n)}}var N=n=>{const e=I(n,"childNodes");n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&"SLOT-FB"!==n.tagName&&M(e,n.tagName).forEach((n=>{1===n.nodeType&&"SLOT-FB"===n.tagName&&(n.hidden=!!T(n,R(n),!1).length)}));let t=0;for(t=0;t<e.length;t++){const n=e[t];1===n.nodeType&&I(n,"childNodes").length&&N(n)}},E=n=>{const e=[];for(let t=0;t<n.length;t++){const r=n[t]["s-nr"]||void 0;r&&r.isConnected&&e.push(r)}return e};function M(n,e,t){let r,i=0,o=[];for(;i<n.length;i++){if(r=n[i],r["s-sr"]&&(!e||r["s-hn"]===e)&&(void 0===t||R(r)===t)&&(o.push(r),void 0!==t))return o;o=[...o,...M(r.childNodes,e,t)]}return o}var T=(n,e,t=!0)=>{const r=[];(t&&n["s-sr"]||!n["s-sr"])&&r.push(n);let i=n;for(;i=i.nextSibling;)R(i)!==e||!t&&i["s-sr"]||r.push(i);return r},_=(n,e)=>1===n.nodeType?null===n.getAttribute("slot")&&""===e||n.getAttribute("slot")===e:n["s-sn"]===e||""===e,R=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 A(n,e){var t;if(!(e=e||(null==(t=n["s-ol"])?void 0:t.parentElement)))return{slotNode:null,slotName:""};const r=n["s-sn"]=R(n)||"";return{slotNode:M(I(e,"childNodes"),e.tagName,r)[0],slotName:r}}var D=n=>{if(n.__cloneNode)return;const e=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const t=this.shadowRoot&&true,r=e.call(this,!!t&&n);if(!t&&n){let n,e,t=0;const i=["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"],o=this.__childNodes||this.childNodes;for(;t<o.length;t++)n=o[t]["s-nr"],e=i.every((n=>!o[t][n])),n&&(r.__appendChild?r.__appendChild(n.cloneNode(!0)):r.appendChild(n.cloneNode(!0))),e&&r.appendChild(o[t].cloneNode(!0))}return r}},L=n=>{n.__appendChild||(n.__appendChild=n.appendChild,n.appendChild=function(n){const{slotName:e,slotNode:t}=A(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 r=e["s-cr"].parentNode;I(r,"appendChild").call(r,t),n["s-ol"]=t,n["s-sh"]=e["s-hn"]})(n,t);const r=T(t,e),i=r[r.length-1],o=I(i,"parentNode"),a=I(o,"insertBefore")(n,i.nextSibling);return P(t),N(this),a}return this.__appendChild(n)})},B=n=>{class e extends Array{item(n){return this[n]}}U("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>1===n.nodeType))}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),U("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),U("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),U("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new e;return n.push(...E(this.__childNodes)),n}})},F=["children","nextElementSibling","previousElementSibling"],H=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function U(n,e){if(!globalThis.Node||!globalThis.Element)return;let t;F.includes(n)?t=Object.getOwnPropertyDescriptor(Element.prototype,n):H.includes(n)&&(t=Object.getOwnPropertyDescriptor(Node.prototype,n)),t||(t=Object.getOwnPropertyDescriptor(e,n)),t&&Object.defineProperty(e,"__"+n,t)}function I(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 W(n){var e,t,r;return null!=(r=null==(t=null==(e=n.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?r:void 0}var q,V,Y,G=new WeakMap,Z=n=>"sc-"+n.m,J=n=>"object"==(n=typeof n)||"function"===n,K=(n,e,...t)=>{let r=null,i=null,o=null,a=!1,s=!1;const l=[],d=e=>{for(let t=0;t<e.length;t++)r=e[t],Array.isArray(r)?d(r):null!=r&&"boolean"!=typeof r&&((a="function"!=typeof n&&!J(r))&&(r+=""),a&&s?l[l.length-1].u+=r:l.push(a?Q(null,r):r),s=a)};if(d(t),e){e.key&&(i=e.key),e.name&&(o=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,l,nn);const c=Q(n,null);return c.h=e,l.length>0&&(c.k=l),c.j=i,c.$=o,c},Q=(n,e)=>({v:0,C:n,u:null!=e?e:null,S:null,k:null,h:null,j:null,$:null}),X={},nn={forEach:(n,e)=>n.map(en).forEach(e),map:(n,e)=>n.map(en).map(e).map(tn)},en=n=>({vattrs:n.h,vchildren:n.k,vkey:n.j,vname:n.$,vtag:n.C,vtext:n.u}),tn=n=>{if("function"==typeof n.vtag){const e={...n.vattrs};return n.vkey&&(e.key=n.vkey),n.vname&&(e.name=n.vname),K(n.vtag,e,...n.vchildren||[])}const e=Q(n.vtag,n.vtext);return e.h=n.vattrs,e.k=n.vchildren,e.j=n.vkey,e.$=n.vname,e},rn=n=>{if(!n)return;const e=Object.keys(n);if(0===e.length)return;let t=!1;for(const r of e){if(t)break;for(const e of n[r])if("string"==typeof e){t=!0;break}}if(!t)return n;const r={};for(const t of e)r[t]=n[t].map((n=>"string"==typeof n?{[n]:0}:n));return r},on=(n,e,t)=>null==n||J(n)?n:4&e?(t&&"string"==typeof n||"false"!==n)&&(""===n||!!n):2&e?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:1&e?n+"":n,an=n=>{var e;return null==(e=o(n))?void 0:e.$hostElement$},sn=(n,e,t)=>{const r=an(n);return{emit:n=>ln(r,e,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:n})}},ln=(n,e,t)=>{const r=m.ce(e,t);return n.dispatchEvent(r),r},dn=(n,e,t,r,i,a)=>{if(t===r)return;let l=s(n,e),d=e.toLowerCase();if("class"===e){const e=n.classList,i=fn(t);let o=fn(r);e.remove(...i.filter((n=>n&&!o.includes(n)))),e.add(...o.filter((n=>n&&!i.includes(n))))}else if("style"===e){for(const e in t)r&&null!=r[e]||(e.includes("-")?n.style.removeProperty(e):n.style[e]="");for(const e in r)t&&r[e]===t[e]||(e.includes("-")?n.style.setProperty(e,r[e]):n.style[e]=r[e])}else if("key"===e);else if("ref"===e)r&&_n(r,n);else if(l||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const t=e.slice(5);let i;{const e=o(n);if(e&&e.i&&e.i.t){const n=e.i.t[t];n&&n[1]&&(i=n[1])}}return i||(i=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==n.getAttribute(i)||n.removeAttribute(i):n.setAttribute(i,!0===r?"":r))}if("p"===e[0]&&e.startsWith("prop:")){const t=e.slice(5);try{n[t]=r}catch(n){}return}{const o=J(r);if((l||o&&null!==r)&&!i)try{if(n.tagName.includes("-"))n[e]!==r&&(n[e]=r);else{const i=null==r?"":r;"list"===e?l=!1:null!=t&&n[e]===i||("function"==typeof n.__lookupSetter__(e)?n[e]=i:n.setAttribute(e,i))}}catch(n){}let s=!1;d!==(d=d.replace(/^xlink\:?/,""))&&(e=d,s=!0),null==r||!1===r?!1===r&&""!==n.getAttribute(e)||(s?n.removeAttributeNS(b,e):n.removeAttribute(e)):(!l||4&a||i)&&!o&&1===n.nodeType&&(r=!0===r?"":r,s?n.setAttributeNS(b,e,r):n.setAttribute(e,r))}}else if(e="-"===e[2]?e.slice(3):s(g,d)?d.slice(2):d[2]+e.slice(3),t||r){const i=e.endsWith(bn);e=e.replace(vn,""),t&&m.rel(n,e,t,i),r&&m.ael(n,e,r,i)}},cn=/\s/,fn=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(cn):[]),bn="Capture",vn=RegExp(bn+"$"),gn=(n,e,t)=>{const r=11===e.S.nodeType&&e.S.host?e.S.host:e.S,i=n&&n.h||{},o=e.h||{};for(const n of pn(Object.keys(i)))n in o||dn(r,n,i[n],void 0,t,e.v);for(const n of pn(Object.keys(o)))dn(r,n,i[n],o[n],t,e.v)};function pn(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var mn=!1,un=!1,hn=!1,yn=!1,zn=[],wn=[],kn=(n,e,t)=>{var r;const i=e.k[t];let o,a,s,l=0;if(mn||(hn=!0,"slot"===i.C&&(i.v|=i.k?2:1)),null!=i.u)o=i.S=g.document.createTextNode(i.u);else if(1&i.v)o=i.S=g.document.createTextNode(""),gn(null,i,yn);else{if(yn||(yn="svg"===i.C),!g.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=i.S=g.document.createElementNS(yn?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!mn&&2&i.v?"slot-fb":i.C),yn&&"foreignObject"===i.C&&(yn=!1),gn(null,i,yn),null!=q&&void 0!==q&&o["s-si"]!==q&&o.classList.add(o["s-si"]=q),i.k){const e="template"===i.C?o.content:o;for(l=0;l<i.k.length;++l)a=kn(n,i,l),a&&e.appendChild(a)}"svg"===i.C?yn=!1:"foreignObject"===o.tagName&&(yn=!0)}return o["s-hn"]=Y,3&i.v&&(o["s-sr"]=!0,o["s-cr"]=V,o["s-sn"]=i.$||"",o["s-rf"]=null==(r=i.h)?void 0:r.ref,function(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const e=e=>function(n){const t=[],r=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 i=this["s-cr"].parentElement;return(i.__childNodes?i.childNodes:E(i.childNodes)).forEach((n=>{r===R(n)&&t.push(n)})),e?t.filter((n=>1===n.nodeType)):t}.bind(n);n.assignedElements=e(!0),n.assignedNodes=e(!1)}(o),s=n&&n.k&&n.k[t],s&&s.C===i.C&&n.S&&xn(n.S),Pn(V,o,e.S,null==n?void 0:n.S)),o},xn=n=>{m.v|=1;const e=n.closest(Y.toLowerCase());if(null!=e){const t=Array.from(e.__childNodes||e.childNodes).find((n=>n["s-cr"])),r=Array.from(n.__childNodes||n.childNodes);for(const n of t?r.reverse():r)null!=n["s-sh"]&&(Rn(e,n,null!=t?t:null),n["s-sh"]=void 0,hn=!0)}m.v&=-2},jn=(n,e)=>{m.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"]===Y&&t.push(e)}for(let n=t.length-1;n>=0;n--){const r=t[n];r["s-hn"]!==Y&&r["s-ol"]&&(Rn(On(r).parentNode,r,On(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,hn=!0),e&&jn(r,e)}m.v&=-2},$n=(n,e,t,r,i,o)=>{let a,s=n["s-cr"]&&n["s-cr"].parentNode||n;for(s.shadowRoot&&s.tagName===Y&&(s=s.shadowRoot),"template"===t.C&&(s=s.content);i<=o;++i)r[i]&&(a=kn(null,t,i),a&&(r[i].S=a,Rn(s,a,On(e))))},Cn=(n,e,t)=>{for(let r=e;r<=t;++r){const e=n[r];if(e){const n=e.S;Tn(e),n&&(un=!0,n["s-ol"]?n["s-ol"].remove():jn(n,!0),n.remove())}}},Sn=(n,e,t=!1)=>n.C===e.C&&("slot"===n.C?n.$===e.$:t?(t&&!n.j&&e.j&&(n.j=e.j),!0):n.j===e.j),On=n=>n&&n["s-ol"]||n,Nn=(n,e,t=!1)=>{const r=e.S=n.S,i=n.k,o=e.k,a=e.C,s=e.u;let l;null==s?(yn="svg"===a||"foreignObject"!==a&&yn,"slot"!==a||mn||n.$!==e.$&&(e.S["s-sn"]=e.$||"",xn(e.S.parentElement)),gn(n,e,yn),null!==i&&null!==o?((n,e,t,r,i=!1)=>{let o,a,s=0,l=0,d=0,c=0,f=e.length-1,b=e[0],v=e[f],g=r.length-1,p=r[0],m=r[g];const u="template"===t.C?n.content:n;for(;s<=f&&l<=g;)if(null==b)b=e[++s];else if(null==v)v=e[--f];else if(null==p)p=r[++l];else if(null==m)m=r[--g];else if(Sn(b,p,i))Nn(b,p,i),b=e[++s],p=r[++l];else if(Sn(v,m,i))Nn(v,m,i),v=e[--f],m=r[--g];else if(Sn(b,m,i))"slot"!==b.C&&"slot"!==m.C||jn(b.S.parentNode,!1),Nn(b,m,i),Rn(u,b.S,v.S.nextSibling),b=e[++s],m=r[--g];else if(Sn(v,p,i))"slot"!==b.C&&"slot"!==m.C||jn(v.S.parentNode,!1),Nn(v,p,i),Rn(u,v.S,b.S),v=e[--f],p=r[++l];else{for(d=-1,c=s;c<=f;++c)if(e[c]&&null!==e[c].j&&e[c].j===p.j){d=c;break}d>=0?(a=e[d],a.C!==p.C?o=kn(e&&e[l],t,d):(Nn(a,p,i),e[d]=void 0,o=a.S),p=r[++l]):(o=kn(e&&e[l],t,l),p=r[++l]),o&&Rn(On(b.S).parentNode,o,On(b.S))}s>f?$n(n,null==r[g+1]?null:r[g+1].S,t,r,l,g):l>g&&Cn(e,s,f)})(r,i,e,o,t):null!==o?(null!==n.u&&(r.textContent=""),$n(r,null,e,o,0,o.length-1)):!t&&null!==i&&Cn(i,0,i.length-1),yn&&"svg"===a&&(yn=!1)):(l=r["s-cr"])?l.parentNode.textContent=s:n.u!==s&&(r.data=s)},En=[],Mn=n=>{let e,t,r;const i=n.__childNodes||n.childNodes;for(const n of i){if(n["s-sr"]&&(e=n["s-cr"])&&e.parentNode){t=e.parentNode.__childNodes||e.parentNode.childNodes;const i=n["s-sn"];for(r=t.length-1;r>=0;r--)if(e=t[r],!(e["s-cn"]||e["s-nr"]||e["s-hn"]===n["s-hn"]||e["s-sh"]&&e["s-sh"]===n["s-hn"]))if(_(e,i)){let t=En.find((n=>n.O===e));un=!0,e["s-sn"]=e["s-sn"]||i,t?(t.O["s-sh"]=n["s-hn"],t.N=n):(e["s-sh"]=n["s-hn"],En.push({N:n,O:e})),e["s-sr"]&&En.map((n=>{_(n.O,e["s-sn"])&&(t=En.find((n=>n.O===e)),t&&!n.N&&(n.N=t.N))}))}else En.some((n=>n.O===e))||En.push({O:e})}1===n.nodeType&&Mn(n)}},Tn=n=>{n.h&&n.h.ref&&zn.push((()=>n.h.ref(null))),n.k&&n.k.map(Tn)},_n=(n,e)=>{wn.push((()=>n(e)))},Rn=(n,e,t,r)=>{if("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"])Pn(e["s-cr"],e,n,e.parentElement);else if("string"==typeof e["s-sn"]){n.insertBefore(e,t);const{slotNode:i}=A(e);return i&&!r&&P(i),e}return n.__insertBefore?n.__insertBefore(e,t):null==n?void 0:n.insertBefore(e,t)};function Pn(n,e,t,r){var i,o;let a;if(n&&"string"==typeof e["s-sn"]&&e["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(a=e["s-si"]||n.parentNode["s-sc"])){const n=e["s-sn"],s=e["s-hn"];if(null==(i=t.classList)||i.add(a+"-s"),r&&(null==(o=r.classList)?void 0:o.contains(a+"-s"))){let e=(r.__childNodes||r.childNodes)[0],t=!1;for(;e;){if(e["s-sn"]!==n&&e["s-hn"]===s&&e["s-sr"]){t=!0;break}e=e.nextSibling}t||r.classList.remove(a+"-s")}}}var An=(n,e)=>{if(e&&!n.M&&e["s-p"]){const t=e["s-p"].push(new Promise((r=>n.M=()=>{e["s-p"].splice(t-1,1),r()})))}},Dn=(n,e)=>{if(n.v|=16,4&n.v)return void(n.v|=512);An(n,n.T);const t=()=>Ln(n,e);if(!e)return S(t);queueMicrotask((()=>{t()}))},Ln=(n,e)=>{const t=n.$hostElement$,r=n.l;if(!r)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 i;return e?(n._&&(n._=!1,qn(r,"connectedCallback",void 0,t)),n.v|=256,n.R&&(n.R.map((([n,e])=>qn(r,n,e,t))),n.R=void 0),n.P.length&&n.P.forEach((n=>n(t))),i=qn(r,"componentWillLoad",void 0,t)):i=qn(r,"componentWillUpdate",void 0,t),i=Bn(i,(()=>qn(r,"componentWillRender",void 0,t))),Bn(i,(()=>Hn(n,r,e)))},Bn=(n,e)=>Fn(n)?n.then(e).catch((n=>{console.error(n),e()})):e(),Fn=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,Hn=async(n,e,t)=>{var r;const i=n.$hostElement$,o=i["s-rc"];t&&(n=>{const e=n.i,t=n.$hostElement$,r=e.v,i=((n,e)=>{var t,r,i;const o=Z(e),a=c.get(o);if(!g.document)return o;if(n=11===n.nodeType?n:g.document,a)if("string"==typeof a){let i,s=G.get(n=n.head||n);if(s||G.set(n,s=new Set),!s.has(o)){i=g.document.createElement("style"),i.textContent=a;const l=null!=(t=m.A)?t:W(g.document);if(null!=l&&i.setAttribute("nonce",l),!(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(i,(null==t?void 0:t.parentNode)===n?t:null)}else if("host"in n)if(h){const e=new(null!=(r=n.defaultView)?r:n.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(a),y?n.adoptedStyleSheets.unshift(e):n.adoptedStyleSheets=[e,...n.adoptedStyleSheets]}else{const e=n.querySelector("style");e?e.textContent=a+e.textContent:n.prepend(i)}else n.append(i);1&e.v&&n.insertBefore(i,null),4&e.v&&(i.textContent+=f),s&&s.add(o)}}else{let e=G.get(n);if(e||G.set(n,e=new Set),!e.has(o)){const t=null!=(i=n.defaultView)?i:n.ownerDocument.defaultView;let r;if(a.constructor===t.CSSStyleSheet)r=a;else{r=new t.CSSStyleSheet;for(let n=0;n<a.cssRules.length;n++)r.insertRule(a.cssRules[n].cssText,n)}y?n.adoptedStyleSheets.push(r):n.adoptedStyleSheets=[...n.adoptedStyleSheets,r],e.add(o)}}return o})(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);10&r&&(t["s-sc"]=i,t.classList.add(i+"-h"))})(n);Un(n,e,i,t),o&&(o.map((n=>n())),i["s-rc"]=void 0);{const e=null!=(r=i["s-p"])?r:[],t=()=>In(n);0===e.length?t():(Promise.all(e).then(t).catch(t),n.v|=4,e.length=0)}},Un=(n,e,t,r)=>{try{e=e.render(),n.v&=-17,n.v|=2,((n,e,t=!1)=>{var r,i,o,a,s;const l=n.$hostElement$,d=n.i,c=n.D||Q(null,null),f=(n=>n&&n.C===X)(e)?e:K(null,null,e);if(Y=l.tagName,d.L&&(f.h=f.h||{},d.L.forEach((([n,e])=>{f.h[e]=l[n]}))),t&&f.h)for(const n of Object.keys(f.h))l.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(f.h[n]=l[n]);if(f.C=null,f.v|=4,n.D=f,f.S=c.S=l.shadowRoot||l,q=l["s-sc"],mn=!(!(1&d.v)||128&d.v),V=l["s-cr"],un=!1,Nn(c,f,t),m.v|=1,hn){Mn(f.S);for(const n of En){const e=n.O;if(!e["s-ol"]&&g.document){const n=g.document.createTextNode("");n["s-nr"]=e,Rn(e.parentNode,e["s-ol"]=n,e,t)}}for(const n of En){const e=n.O,s=n.N;if(1===e.nodeType&&t&&(e["s-ih"]=null!=(r=e.hidden)&&r),s){const n=s.parentNode;let r=s.nextSibling;if(r&&1===r.nodeType){let t=null==(i=e["s-ol"])?void 0:i.previousSibling;for(;t;){let i=null!=(o=t["s-nr"])?o:null;if(i&&i["s-sn"]===e["s-sn"]&&n===(i.__parentNode||i.parentNode)){for(i=i.nextSibling;i===e||(null==i?void 0:i["s-sr"]);)i=null==i?void 0:i.nextSibling;if(!i||!i["s-nr"]){r=i;break}}t=t.previousSibling}}if((!r&&n!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==r)&&e!==r){if(Rn(n,e,r,t),8===e.nodeType&&e.nodeValue.startsWith("s-nt-")){const n=g.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,Rn(e.parentNode,n,e,t),e.parentNode.removeChild(e)}1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(a=e["s-ih"])&&a)}e&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===e.nodeType&&(e.hidden=!0)}}if(un&&N(f.S),m.v&=-2,En.length=0,!mn&&!(1&d.v)&&l["s-cr"]){const n=f.S.__childNodes||f.S.childNodes;for(const e of n)if(e["s-hn"]!==Y&&!e["s-sh"])if(t&&null==e["s-ih"]&&(e["s-ih"]=null!=(s=e.hidden)&&s),1===e.nodeType)e.hidden=!0;else if(3===e.nodeType&&e.nodeValue.trim()){const n=g.document.createComment("s-nt-"+e.nodeValue);n["s-sn"]=e["s-sn"],Rn(e.parentNode,n,e,t),e.parentNode.removeChild(e)}}V=void 0,zn.forEach((n=>n())),zn.length=0,wn.forEach((n=>n())),wn.length=0})(n,e,r)}catch(e){l(e,n.$hostElement$)}return null},In=n=>{const e=n.$hostElement$,t=n.l,r=n.T;qn(t,"componentDidRender",void 0,e),64&n.v?qn(t,"componentDidUpdate",void 0,e):(n.v|=64,Vn(e),qn(t,"componentDidLoad",void 0,e),n.B(e),r||Wn()),n.F(e),n.M&&(n.M(),n.M=void 0),512&n.v&&C((()=>Dn(n,!1))),n.v&=-517},Wn=()=>{C((()=>ln(g,"appload",{detail:{namespace:"web-components-library"}})))},qn=(n,e,t,r)=>{if(n&&n[e])try{return n[e](t)}catch(n){l(n,r)}},Vn=n=>n.classList.add("hydrated"),Yn=(n,e,t,r)=>{const i=o(n);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${r.m}" 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 a=i.$hostElement$,s=i.o.get(e),d=i.v,c=i.l;if(t=on(t,r.t[e][0],!!(64&r.v)),!(8&d&&void 0!==s||t===s||Number.isNaN(s)&&Number.isNaN(t))){if(i.o.set(e,t),r.H){const n=r.H[e];n&&n.map((n=>{try{const[[r,o]]=Object.entries(n);(128&d||1&o)&&(c?c[r](t,s,e):i.P.push((()=>{i.l[r](t,s,e)})))}catch(n){l(n,a)}}))}if(2&d){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(t,s,e)&&!(16&d))return;16&d||Dn(i,!1)}}},Gn=(n,e,r)=>{var i,a;const s=n.prototype;64&e.v&&1&r&&v.forEach((n=>{Object.defineProperty(s,n,{value(...e){var t;const r=o(this),i=null==r?void 0:r.l;if(i){const t=i[n];"function"==typeof t&&t.call(i,...e)}else null==(t=null==r?void 0:r.U)||t.then((t=>{const r=t[n];"function"==typeof r&&r.call(t,...e)}))}})}));{n.watchers&&!e.H&&(e.H=rn(n.watchers)),n.deserializers&&!e.I&&(e.I=n.deserializers),n.serializers&&!e.W&&(e.W=n.serializers);const l=Object.entries(null!=(i=e.t)?i:{});if(l.map((([n,[i]])=>{if(31&i||2&r&&32&i){const{get:a,set:l}=t(s,n)||{};a&&(e.t[n][0]|=2048),l&&(e.t[n][0]|=4096),(1&r||!a)&&Object.defineProperty(s,n,{get(){{if(!(2048&e.t[n][0]))return((n,e)=>o(this).o.get(e))(0,n);const t=o(this),r=t?t.l:s;if(!r)return;return r[n]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,n,{set(t){const a=o(this);if(a){if(l)return void 0===(32&i?this[n]:a.$hostElement$[n])&&a.o.get(n)&&(t=a.o.get(n)),l.call(this,on(t,i,!!(64&e.v))),void Yn(this,n,t=32&i?this[n]:a.$hostElement$[n],e);{if(!(1&r&&4096&e.t[n][0]))return Yn(this,n,t,e),void(1&r&&!a.l&&a.P.push((()=>{4096&e.t[n][0]&&a.l[n]!==a.o.get(n)&&(a.l[n]=t)})));const o=()=>{const r=a.l[n];!a.o.get(n)&&r&&a.o.set(n,r),a.l[n]=on(t,i,!!(64&e.v)),Yn(this,n,a.l[n],e)};a.l?o():a.P.push((()=>{o()}))}}}})}else 1&r&&64&i&&Object.defineProperty(s,n,{value(...e){var t;const r=o(this);return null==(t=null==r?void 0:r.q)?void 0:t.then((()=>{var t;return null==(t=r.l)?void 0:t[n](...e)}))}})})),1&r){const t=new Map;s.attributeChangedCallback=function(n,r,i){m.jmp((()=>{var a;const d=t.get(n),c=o(this);if(this.hasOwnProperty(d)&&(i=this[d],delete this[d]),s.hasOwnProperty(d)&&"number"==typeof this[d]&&this[d]==i)return;if(null==d){const t=null==c?void 0:c.v;if(c&&t&&!(8&t)&&i!==r){const o=c.l,s=null==(a=e.H)?void 0:a[n];null==s||s.forEach((e=>{const[[a,s]]=Object.entries(e);null!=o[a]&&(128&t||1&s)&&o[a].call(o,i,r,n)}))}return}const f=l.find((([n])=>n===d)),b=f&&4&f[1][0],v=b&&null===i&&void 0===this[d];b&&(i=null!==i&&"false"!==i);const g=Object.getOwnPropertyDescriptor(s,d);v||i==this[d]||g.get&&!g.set||(this[d]=i)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=e.H)?a:{}),...l.filter((([n,e])=>31&e[0])).map((([n,r])=>{var i;const o=r[1]||n;return t.set(o,n),512&r[0]&&(null==(i=e.L)||i.push([n,o])),o}))]))}}return n},Zn=(n,e)=>{qn(n,"connectedCallback",void 0,e)},Jn=(n,e)=>{qn(n,"disconnectedCallback",void 0,e||n)},Kn=(n,e={})=>{var t;if(!g.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],i=e.exclude||[],a=g.customElements,s=g.document.head,b=s.querySelector("meta[charset]"),v=g.document.createElement("style"),p=[];let u,y=!0;Object.assign(m,e),m.p=new URL(e.resourcesUrl||"./",g.document.baseURI).href;let z=!1;if(n.map((n=>{n[1].map((e=>{var t,s;const f={v:e[0],m:e[1],t:e[2],V:e[3]};4&f.v&&(z=!0),f.t=e[2],f.V=e[3],f.L=[],f.H=rn(e[4]),f.W=null!=(t=e[5])?t:{},f.I=null!=(s=e[6])?s:{};const b=f.m,v=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(n){if(super(n),((n,e)=>{const t={v:0,$hostElement$:n,i:e,o:new Map,Y:new Map};t.q=new Promise((n=>t.F=n)),t.U=new Promise((n=>t.B=n)),n["s-p"]=[],n["s-rc"]=[],t.P=[];const r=t;n.__stencil__getHostRef=()=>r})(n=this,f),1&f.v)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${f.m}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(n,f)}connectedCallback(){const n=o(this);n&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Xn(this,n,f.V)),u&&(clearTimeout(u),u=null),y?p.push(this):m.jmp((()=>(n=>{if(!(1&m.v)){const e=o(n);if(!e)return;const t=e.i,r=()=>{};if(1&e.v)Xn(n,e,t.V),(null==e?void 0:e.l)?Zn(e.l,n):(null==e?void 0:e.U)&&e.U.then((()=>Zn(e.l,n)));else{e.v|=1,12&t.v&&(n=>{if(!g.document)return;const e=n["s-cr"]=g.document.createComment("");e["s-cn"]=!0,Rn(n,e,n.firstChild)})(n);{let t=n;for(;t=t.parentNode||t.host;)if(t["s-p"]){An(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 r;try{if(!(32&e.v)){if(e.v|=32,t.G){const i=((n,e)=>{const t=n.m.replace(/-/g,"_"),r=n.G;if(!r)return;const i=d.get(r);return i?i[t]:import(`./${r}.entry.js`).then((n=>(d.set(r,n),n[t])),(n=>{l(n,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(t,e);if(i&&"then"in i){const n=()=>{};r=await i,n()}else r=i;if(!r)throw Error(`Constructor for "${t.m}#${e.Z}" was not found`);r.isProxied||(t.H=rn(r.watchers),t.W=r.serializers,t.I=r.deserializers,Gn(r,t,2),r.isProxied=!0);const o=()=>{};e.v|=8;try{new r(e)}catch(e){l(e,n)}e.v&=-9,e.v|=128,o(),4&t.v?e._=!0:Zn(e.l,n)}else r=n.constructor,customElements.whenDefined(n.localName).then((()=>e.v|=128));if(r&&r.style){let n;"string"==typeof r.style&&(n=r.style);const e=Z(t);if(!c.has(e)){const r=()=>{};((n,e,t)=>{let r=c.get(n);h&&t?(r=r||new CSSStyleSheet,"string"==typeof r?r=e:r.replaceSync(e)):r=e,c.set(n,r)})(e,n,!!(1&t.v)),r()}}}const i=e.T,o=()=>Dn(e,!0);i&&i["s-rc"]?i["s-rc"].push(o):o()}catch(t){l(t,n),e.M&&(e.M(),e.M=void 0),e.B&&e.B(n)}})(n,e,t)}r()}})(this))))}disconnectedCallback(){m.jmp((()=>(async n=>{if(!(1&m.v)){const e=o(n);(null==e?void 0:e.J)&&(e.J.map((n=>n())),e.J=void 0),(null==e?void 0:e.l)?Jn(e.l,n):(null==e?void 0:e.U)&&e.U.then((()=>Jn(e.l,n)))}G.has(n)&&G.delete(n),n.shadowRoot&&G.has(n.shadowRoot)&&G.delete(n.shadowRoot)})(this))),m.raf((()=>{var n;const e=o(this);if(!e)return;const t=p.findIndex((n=>n===this));t>-1&&p.splice(t,1),(null==(n=null==e?void 0:e.D)?void 0:n.S)instanceof Node&&!e.D.S.isConnected&&delete e.D.S}))}componentOnReady(){var n;return null==(n=o(this))?void 0:n.U}};!(1&f.v)&&256&f.v?(B(v.prototype),D(v.prototype),L(v.prototype)):D(v.prototype),64&f.v&&(v.formAssociated=!0),f.G=n[0],i.includes(b)||a.get(b)||(r.push(b),a.define(b,Gn(v,f,1)))}))})),r.length>0&&(z&&(v.textContent+=f),v.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const n=null!=(t=m.A)?t:W(g.document);null!=n&&v.setAttribute("nonce",n),s.insertBefore(v,b?b.nextSibling:s.firstChild)}y=!1,p.length?p.map((n=>n.connectedCallback())):m.jmp((()=>u=setTimeout(Wn,30)))},Qn=(n,e)=>e,Xn=(n,e,t)=>{t&&g.document&&t.map((([t,r,i])=>{const o=ee(g.document,n,t),a=ne(e,i),s=te(t);m.ael(o,r,a,s),(e.J=e.J||[]).push((()=>m.rel(o,r,a,s)))}))},ne=(n,e)=>t=>{var r;try{256&n.v?null==(r=n.l)||r[e](t):(n.R=n.R||[]).push([e,t])}catch(e){l(e,n.$hostElement$)}},ee=(n,e,t)=>4&t?n:8&t?g:16&t?n.body:e,te=n=>({passive:!!(1&n),capture:!!(2&n)}),re=n=>m.A=n;export{Qn as F,X as H,p as a,Kn as b,sn as c,an as d,n as g,K as h,u as p,a as r,re as s}

package/dist/web-components-library/p-b8e25468.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as l,d as n}from"./p-SFwvdS4t.js";import{g as s}from"./p-DdetsoIY.js";const a=class{constructor(i){e(this,i),this.treeItemClicked=t(this,"treeItemClicked",7),this.items=[],this.parsedItems=[]}watchItems(){this.parsedItems="string"==typeof this.items?JSON.parse(this.items):this.items}componentWillLoad(){this.watchItems()}handleClick(e){this.treeItemClicked.emit({id:e.id,name:e.name,url:e.url})}getFocusableElements(){return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex="0"]'))}getAncestor(e,t){let i=e;for(let e=0;e<t;e++)if(i=null==i?void 0:i.parentElement,!i)return;return i}handleArrowNav(e){if(e.code===s.TAB)return void e.preventDefault();const t=this.getFocusableElements(),i=t.indexOf(e.target);if(-1!==i){if(e.code===s.ARROW_DOWN||e.code===s.ARROW_UP){e.preventDefault();const l=i+(e.code===s.ARROW_DOWN?1:-1);if(l<0||l>=t.length)return;t[l].focus()}if(e.code===s.ARROW_LEFT){e.preventDefault();const l=this.getAncestor(t[i],4);if(!l||!l.children[0]||"a"!==l.children[0].tagName.toLowerCase()&&null===l.getAttribute("tabindex"))return;l.children[0].focus()}if(e.code===s.ARROW_RIGHT){e.preventDefault();const t=e.target.closest("z-list-element");if(!t)return;const i=t.querySelector("z-list");if(!i)return;const l=i.querySelector('a[tabindex="0"]');if(!l)return;l.focus()}}}renderTreeList(e,t,l=1){var n,a;this.htmlTag=e.url?"a":"span";const o=i("z-list-element",{id:t,class:e.icon?"":"no-icon-elm",clickable:Boolean(e.url),hasTreeItems:!0,role:"none","aria-hidden":void 0},i(this.htmlTag,{class:{"list-element":!0,"z-link":Boolean(e.url),"link-clickable":Boolean(e.url)},tabIndex:e.url?0:-1,onClick:()=>this.handleClick(e),onKeyUp:t=>{t.code!==s.ENTER&&t.code!==s.SPACE||this.handleClick(e)},onKeyDown:e=>this.handleArrowNav(e),role:e.url?"treeitem":void 0,"aria-hidden":e.url?void 0:"true","aria-expanded":(null===(n=e.children)||void 0===n?void 0:n.length)>0&&!0,"aria-level":l,"aria-label":e.name,href:e.url},i("span",{class:"item ellipsis"},e.icon&&i("z-icon",{width:16,height:16,fill:e.url?"color-primary01":"color-default-icon",class:"item-icon",name:e.icon}),i("span",{class:{"item-label":!0,"no-icon-label":!e.icon,"bold-item":e.bold},title:e.name},e.name))),(null===(a=e.children)||void 0===a?void 0:a.length)>0&&i("z-list",{role:"group"},i("div",{class:"children-node"},e.children.map(((e,t)=>this.renderTreeList(e,`${t}`,l+1))))));return o}render(){const e=this.parsedItems.some((e=>!!e.url));return i(l,{key:"8bc473fe54ef8e0cea9e2deeb85cc798a9201482",class:"tree-list",role:e?"navigation":"none","aria-hidden":e?void 0:"true","aria-labelledby":this.htmlAriaLabelledby},i("div",{key:"da18ff5c34d384aa37ef1edbdb242a3f572f471b",tabIndex:-1,role:e?"tree":"none","aria-hidden":e?void 0:"true","aria-label":this.htmlSectionTitle},this.parsedItems.map(((e,t)=>this.renderTreeList(e,`${t}`)))))}get host(){return n(this)}static get watchers(){return{items:[{watchItems:0}]}}};a.style=':host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:""}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:"";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}';export{a as z_tree_list}

package/dist/web-components-library/p-c375c57c.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o,H as r,d as i}from"./p-SFwvdS4t.js";import{P as s,g as n,p as a}from"./p-DdetsoIY.js";import{a as h,j as c,k as p,g as f,l as u}from"./p-DPrEzmhI.js";import"./p-Q-tWjk7P.js";const l=class{constructor(o){t(this,o),this.positionChange=e(this,"positionChange",7),this.openChange=e(this,"openChange",7),this.position=s.TOP,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0,this.spaceTolerance=3}closePopoverWithKeyboard(t){this.closable&&t.key===n.ESC&&(t.stopPropagation(),this.open=!1)}handleOutsideClick(t){const e=t.target;this.closable&&this.open&&!h(this.host,e)&&(h(this.boundElement,e)&&t.stopPropagation(),this.open=!1)}validatePosition(t){Object.values(s).includes(t)&&t!==s.AUTO||(this.position=t=s.TOP),this.currentPosition=t,this.open&&this.setPosition()}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.openChange.emit({open:this.open}),!this.open)return Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"}),void(this.currentPosition=void 0);const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){"string"==typeof this.bindTo?this.boundElement=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.boundElement=this.bindTo:(this.boundElement=c(this.host),"z-tooltip"===this.boundElement.tagName.toLowerCase()&&(this.boundElement=c(this.boundElement)))}hasCenteredHorizontalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?e>=i-this.spaceTolerance&&t>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasCenteredVerticalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?t>=i-this.spaceTolerance&&e>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasEnoughSideSpace(t,e,o,r){return t>=e-o*(1-r)-this.spaceTolerance}getOptimalPopoverPosition(t,e){const o=this.host.offsetWidth,r=this.host.offsetHeight,i=this.boundElement.getBoundingClientRect().width,n=this.boundElement.getBoundingClientRect().height,a=this.offsetModifier,h=t=>{switch(t){case s.TOP:return e.top>=r-this.spaceTolerance&&this.hasCenteredHorizontalSpace(e.left,e.right,o,i);case s.TOP_RIGHT:return e.top>=r&&this.hasEnoughSideSpace(e.right,o,i,a);case s.TOP_LEFT:return e.top>=r&&this.hasEnoughSideSpace(e.left,o,i,a);case s.RIGHT:return e.right>=o&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,n);case s.RIGHT_BOTTOM:return e.right>=o&&this.hasEnoughSideSpace(e.bottom,r,n,a);case s.RIGHT_TOP:return e.right>=o&&this.hasEnoughSideSpace(e.top,r,n,a);case s.BOTTOM:return e.bottom>=r&&this.hasCenteredHorizontalSpace(e.left,e.right,o,i);case s.BOTTOM_LEFT:return e.bottom>=r&&this.hasEnoughSideSpace(e.left,o,i,a);case s.BOTTOM_RIGHT:return e.bottom>=r&&this.hasEnoughSideSpace(e.right,o,i,a);case s.LEFT:return e.left>=o&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,n);case s.LEFT_TOP:return e.left>=o&&this.hasEnoughSideSpace(e.top,r,n,a);case s.LEFT_BOTTOM:return e.left>=o&&this.hasEnoughSideSpace(e.bottom,r,n,a);default:return!1}};if(h(t))return t;const c=l.positionOrder,p=c.indexOf(t);if(-1===p)return t;for(let t=1;t<c.length;t++){const e=c[(p+t)%c.length];if(h(e))return e}return this.findBestFallbackPosition(e)}findBestFallbackPosition(t){const e=t.right>=t.left?s.RIGHT:s.LEFT,o=t.bottom>=t.top?s.BOTTOM:s.TOP,r=Math.max(t.right,t.left),i=Math.max(t.bottom,t.top),n=i>=r?o:e;let a=!1;return a=n===o?r>=2*Math.min(t.right,t.left):i>=2*Math.min(t.bottom,t.top),a?`${n}_${n===o?e:o}`:n}findScrollableAncestor(t){let e=c(t);for(;e;){if(e===t.ownerDocument.documentElement)return e;const o=getComputedStyle(e),{overflow:r,overflowX:i,overflowY:s}=o;if("hidden"!==r&&"hidden"!==s&&"hidden"!==i&&(e.scrollHeight>e.clientHeight&&"visible"!==r&&"visible"!==s||e.scrollWidth>e.clientWidth&&"visible"!==r&&"visible"!==i))return e;e=c(e)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace)return this.cachedAvailableSpace;this.lastBoundRect=t;const e=this.findScrollableAncestor(this.boundElement),o=e.getBoundingClientRect(),r=e!==this.boundElement.ownerDocument.documentElement,i=this.boundElement.ownerDocument.documentElement.clientWidth,s=this.boundElement.ownerDocument.documentElement.clientHeight;return this.cachedAvailableSpace={top:t.top-(r?o.top:0)-8,right:i-t.right-(r?i-o.right:0)-8,bottom:s-t.bottom-(r?s-o.bottom:0)-8,left:t.left-(r?o.left:0)-8},this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();return{top:t.top,right:this.boundElement.ownerDocument.documentElement.clientWidth-t.right,bottom:this.boundElement.ownerDocument.documentElement.clientHeight-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets(),e=p(this.host);if(e===this.host.ownerDocument.documentElement)return t;const o=e.getBoundingClientRect(),r=getComputedStyle(e),i=o.top+parseFloat(r.borderTopWidth),s=o.right-parseFloat(r.borderRightWidth),n=o.bottom-parseFloat(r.borderBottomWidth),a=o.left+parseFloat(r.borderLeftWidth),h=this.boundElement.getBoundingClientRect();return{top:h.top-i+e.scrollTop,right:s-h.right-e.scrollLeft,bottom:n-h.bottom-e.scrollTop,left:h.left-a+e.scrollLeft}}applyPositionStyles(t,e){const o=this.boundElement.offsetWidth,r=this.boundElement.offsetHeight,i=this.offsetModifier,n=this.showArrow&&this.center?8:0,h=this.host.style,c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0,p=this.computePositionOffsets(),u=p.left+o*i,l=p.right+o*i,d=p.top+r,b=p.bottom+r,g=p.top+r*i,m=p.bottom+r*i;let v,w;switch(t){case s.TOP:case s.TOP_RIGHT:h.bottom=`${b}px`,h.left=u-(t===s.TOP_RIGHT?n:0)+"px",w=e.top-c,t===s.TOP_RIGHT&&(v=e.right+o*i);break;case s.TOP_LEFT:h.right=l-n+"px",h.bottom=`${b}px`,v=e.left+o*i,w=e.top-c;break;case s.BOTTOM:case s.BOTTOM_RIGHT:h.top=`${d}px`,h.left=u-(t===s.BOTTOM_RIGHT?n:0)+"px",w=e.bottom-c,t===s.BOTTOM_RIGHT&&(v=e.right+o*i);break;case s.BOTTOM_LEFT:h.top=`${d}px`,h.right=l-n+"px",v=e.left+o*i,w=e.bottom-c;break;case s.RIGHT:case s.RIGHT_BOTTOM:h.top=g-(t===s.RIGHT_BOTTOM?n:0)+"px",h.left=`${p.left+o}px`,v=e.right-c,w=t===s.RIGHT?e.top+e.bottom+r:e.bottom+r*i;break;case s.RIGHT_TOP:h.bottom=m-n+"px",h.left=`${p.left+o}px`,v=e.right-c,w=e.top+r*i;break;case s.LEFT:case s.LEFT_BOTTOM:h.top=g-(t===s.LEFT_BOTTOM?n:0)+"px",h.right=`${p.right+o}px`,v=e.left-c,t===s.LEFT_BOTTOM&&(w=e.bottom+r*i);break;case s.LEFT_TOP:h.right=`${p.right+o}px`,h.bottom=m-n+"px",v=e.left-c,w=e.top+r*i}f()!==a.MOBILE&&Object.assign(h,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}setPosition(){if(!this.boundElement)return;if(!u(this.boundElement,this.findScrollableAncestor(this.boundElement)))return void(this.open=!1);Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace(),e=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(e,t),this.currentPosition=e,this.positionChange.emit({position:this.currentPosition}),this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement(),this.open&&this.onOpen()}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return o(r,{key:"e966103be59ff2a16c40ff2e2a1d31de604be689","current-position":this.currentPosition},o("slot",{key:"78a7a8745c8d13e7f337ad740fba6b77ddbe69f6"}))}get host(){return i(this)}static get watchers(){return{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}}};l.positionOrder=[s.TOP,s.TOP_RIGHT,s.TOP_LEFT,s.RIGHT,s.RIGHT_BOTTOM,s.RIGHT_TOP,s.BOTTOM,s.BOTTOM_LEFT,s.BOTTOM_RIGHT,s.LEFT,s.LEFT_TOP,s.LEFT_BOTTOM],l.style=':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}';export{l as z_popover}

package/dist/web-components-library/p-c5dded69.entry.js

@@ -0,0 +1 @@
+import{r,c as o,h as t}from"./p-SFwvdS4t.js";import{B as i}from"./p-Q-tWjk7P.js";const a=class{constructor(t){r(this,t),this.buttonSortClick=o(this,"buttonSortClick",7),this.sortlabelasc="A-Z",this.sortlabeldesc="Z-A",this.isselected=!1,this.sortasc=!0,this.allowTooltip=!1}emitButtonSortClick(){this.isselected?this.sortasc=!this.sortasc:this.isselected=!0,this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){this.elementHasEllipsis()&&window.innerWidth>i.TABLET&&(this.allowTooltip=!0)}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return t("button",{key:"4901f145f3f99b77a517436136f465701ab704b4",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},t("span",{key:"9b58a4d901c813de970cf47671f0817e46db1b97",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),t("span",{key:"2f41fcce8e401679195f8252b06fac2c6e6dc9f5",class:"counter"},this.counter&&` (${this.counter})`),t("span",{key:"ab012242e766809580745c9e0098349ab21bf785",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),t("z-icon",{key:"3afa2dd73bd8a770f2a17f981694c2d183c0ebb0",name:"caret-up-down",width:16,height:16}))}};a.style="button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";export{a as z_button_sort}

package/dist/web-components-library/p-c629fdb3.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as e,H as r,d as a}from"./p-SFwvdS4t.js";import{r as s}from"./p-DPrEzmhI.js";import"./p-48da181b.entry.js";import"./p-3fa6766d.entry.js";import"./p-DdetsoIY.js";import"./p-Q-tWjk7P.js";const l=class{constructor(e){t(this,e),this.expand=o(this,"expand",7),this.expandable=!1,this.expanded=!1}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){const o=t.pop();o.id=o.id||`z-tr-expandable-content-${s()}`,this.expandableContentId=o.id}const o=t.map((t=>t.colspan||1)).reduce(((t,o)=>t+o),0);this.host.style.setProperty("--columns",`${o}`)}onRowClick(t){const o=t.target.closest(".prevent-expand");this.expandable&&!o&&(this.expanded=!this.expanded,this.expand.emit({expanded:this.expanded}))}onKeyDown(t){this.expandable&&document.activeElement===this.host&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.expanded=!this.expanded,this.expand.emit({expanded:this.expanded})))}componentWillLoad(){this.updateColumns()}render(){return e(r,{key:"80423ab104796d4bc50e3dbeafd26a417a41594e",role:"row",tabIndex:this.expandable?0:void 0,expanded:this.expanded,onClick:this.onRowClick.bind(this),onKeyDown:this.onKeyDown.bind(this)},e("div",{key:"d0ec5fa359865b1eb486d21a478f82b61a10bf18",class:"z-tr--focus-overlay","aria-hidden":"true"}),e("div",{key:"e1f4114f91e1ff59c0ff4b4880b74bceb1702cba",class:"z-tr--expand-button-container"},this.expandable&&e("button",{key:"bef3c43e06a20de50f2aacf88b6c80fc4822403a",tabIndex:-1,"aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},e("z-icon",{key:"803c8640aacbd34ba3de287f519d934cb9d974ca",name:this.expanded?"minus-circled":"plus-circled"}))),e("slot",{key:"bf8e10753f600ad984a06a710d19680e52507ab2",onSlotchange:this.updateColumns.bind(this)}))}get host(){return a(this)}static get watchers(){return{expandable:[{updateColumns:0}]}}};l.style=':host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{box-sizing:border-box}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-top:var(--border-size-small) solid var(--color-surface03);border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){border-left:0 !important;background-color:var(--color-background)}:host([tabIndex]:hover) ::slotted(z-td),:host([tabIndex]:hover) ::slotted(z-th),:host([tabIndex]:hover) .z-tr--expand-button-container{background-color:var(--color-surface02)}:host([tabIndex]:hover) .z-tr--focus-overlay{border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04)}:host(:focus){position:relative;z-index:20;border:none !important;box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;top:calc(var(--border-size-small) * -1);bottom:0;left:0;width:100%;height:calc(100% + (var(--border-size-small) * 2));box-shadow:none;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),     var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}z-table,table.z-table{background-color:var(--color-surface01);--z-table--cells-padding:calc(var(--space-unit) * 2)}table.z-table{border-collapse:collapse}z-thead,table.z-table thead{background-color:var(--color-background);--z-table--cells-bottom-border-size:var(--border-size-medium)}z-tfoot,table.z-table tfoot{border-top:var(--border-size-medium) solid var(--color-surface03);border-bottom:var(--border-size-medium) solid var(--color-surface03)}z-tfoot z-tr,table.z-table tfoot tr{border-bottom:calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important}z-tr,table.z-table tr{border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}z-td,z-th,table.z-table td,table.z-table th{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));text-align:left}z-th:not(:first-child),z-td:not(:first-child),table.z-table th:not(:first-child),table.z-table td:not(:first-child){border-left:var(--z-table--cell-left-border, none)}z-table[bordered],table.z-table.z-table-bordered{--z-table--cell-left-border:1px solid var(--color-surface03)}table.z-table-hover>tbody>tr:hover>td,table.z-table-hover>tfoot>tr:hover>td{position:relative;background-color:var(--color-surface02)}table.z-table-hover>tbody>tr:hover>td::after,table.z-table-hover>tfoot>tr:hover>td::after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:-1px;box-shadow:inset 0 var(--border-size-small) 0 var(--color-surface04),     inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);content:""}table.z-table-hover>tbody>tr:hover>td:first-child::after,table.z-table-hover>thead>tr:hover>th:first-child::after,table.z-table-hover>tfoot>tr:hover>td:first-child::after{left:0}';export{l as z_tr}

package/dist/web-components-library/p-d22f34ac.entry.js

@@ -0,0 +1 @@
+import{r,h as e,H as a}from"./p-SFwvdS4t.js";const o=class{constructor(e){r(this,e)}render(){return e(a,{key:"b1c177e57e4cdfc90113ae87fdee508edb2398d1"})}};o.style=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(     90deg,     var(--color-surface02) 0%,     var(--color-surface03) 95%,     var(--color-surface02) 100%   );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';export{o as z_ghost_loading}