@ebrains/vue 0.7.0-alpha.0 → 0.9.0-beta

package/{eds-switch.entry-DjT9dev_.mjs → eds-switch.entry-BPHya25S.mjs}

@@ -1,5 +1,5 @@
-import { r as s, c as i, h as e } from "./index-E1PpO1J3.mjs";
-const c = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}", a = c, l = class {
+import { r as s, c as i, h as e } from "./index-xVeSZU9j.mjs";
+const a = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}", c = a, l = class {
   constructor(t) {
     s(this, t), this.change = i(this, "change", 7), this.toggleSwitch = () => {
       this.disabled || (this.checked = !this.checked, this.change.emit(this.checked));
@@ -7,14 +7,14 @@ const c = ":host{display:inline-block}.switch-container{display:inline-flex;alig
   }
   render() {
     const t = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : "Toggle switch";
-    return e("div", { key: "624776d666ada7b31cb8e84b08380b888451b1a5", class: "switch-container" }, this.labelOff && e("span", { key: "ced31e91b88f4cb032744bd846811dd012cb9dcd", class: "switch-label switch-label--off" }, this.labelOff), e("button", { key: "8cb4594687313076f18f30fc26062e1440ae0ab9", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": t, class: {
+    return e("div", { key: "842d7ecb771ab848481c9f1f6a1aa2f5f04505a7", class: "switch-container" }, this.labelOff && e("span", { key: "f20f4293896dcbde94346e82d10ed748bdeae0f6", class: "switch-label switch-label--off" }, this.labelOff), e("button", { key: "ac485fe118bae7f6a42ddb9f7edeccba2224312c", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": t, class: {
       switch: !0,
       "switch--checked": this.checked,
       "switch--disabled": this.disabled
-    }, onClick: this.toggleSwitch, disabled: this.disabled }, e("span", { key: "88897b4368c337ea2dc4a017a8503171117a2070", class: "switch-handle" })), this.labelOn && e("span", { key: "bb66f4fd1d09935598d3e9485d3cdf28e182620e", class: "switch-label switch-label--on" }, this.labelOn));
+    }, onClick: this.toggleSwitch, disabled: this.disabled }, e("span", { key: "3701615162b3b8946fa5b9040e77dfa20b7de3fe", class: "switch-handle" })), this.labelOn && e("span", { key: "b57bd428c7d6818bcec1f069a920a7aa2a2e776d", class: "switch-label switch-label--on" }, this.labelOn));
   }
 };
-l.style = a;
+l.style = c;
 export {
   l as eds_switch
 };

package/{eds-switch.entry-4a3DLV-c.js → eds-switch.entry-IoOUDh10.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),i=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}",c=i,s=class{constructor(t){e.registerInstance(this,t),this.change=e.createEvent(this,"change",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.change.emit(this.checked))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return e.h("div",{key:"624776d666ada7b31cb8e84b08380b888451b1a5",class:"switch-container"},this.labelOff&&e.h("span",{key:"ced31e91b88f4cb032744bd846811dd012cb9dcd",class:"switch-label switch-label--off"},this.labelOff),e.h("button",{key:"8cb4594687313076f18f30fc26062e1440ae0ab9",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},e.h("span",{key:"88897b4368c337ea2dc4a017a8503171117a2070",class:"switch-handle"})),this.labelOn&&e.h("span",{key:"bb66f4fd1d09935598d3e9485d3cdf28e182620e",class:"switch-label switch-label--on"},this.labelOn))}};s.style=c;exports.eds_switch=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),i=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}",c=i,s=class{constructor(t){e.registerInstance(this,t),this.change=e.createEvent(this,"change",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.change.emit(this.checked))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return e.h("div",{key:"842d7ecb771ab848481c9f1f6a1aa2f5f04505a7",class:"switch-container"},this.labelOff&&e.h("span",{key:"f20f4293896dcbde94346e82d10ed748bdeae0f6",class:"switch-label switch-label--off"},this.labelOff),e.h("button",{key:"ac485fe118bae7f6a42ddb9f7edeccba2224312c",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},e.h("span",{key:"3701615162b3b8946fa5b9040e77dfa20b7de3fe",class:"switch-handle"})),this.labelOn&&e.h("span",{key:"b57bd428c7d6818bcec1f069a920a7aa2a2e776d",class:"switch-label switch-label--on"},this.labelOn))}};s.style=c;exports.eds_switch=s;

package/{eds-tabs.entry-BYxiMlkR.mjs → eds-tabs.entry-DEOntaY1.mjs}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, g as d } from "./index-E1PpO1J3.mjs";
+import { r as t, c as o, h as r, g as d } from "./index-xVeSZU9j.mjs";
 import { s } from "./analytics-44b1416b-3vYuu4Xs.mjs";
 import { c as a } from "./index-39c58238-BwYCDOHZ.mjs";
 import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
@@ -5785,15 +5785,6 @@ video {
 .cols-container > .ml-0 {
   margin-left: 0;
 }
-.w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.cols-container > .w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.w-12-cols > * {
-  --container-grid-columns: 12;
-}
 .border-inside {
   position: relative;
 
@@ -6241,6 +6232,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-8 {
   right: 0.5rem;
 }
+.right-\\[4px\\] {
+  right: 4px;
+}
 .right-\\[6px\\] {
   right: 6px;
 }
@@ -6292,8 +6286,8 @@ input[type="range"]::-webkit-slider-thumb {
 .m-0 {
   margin: 0rem;
 }
-.m-32 {
-  margin: 2rem;
+.m-16 {
+  margin: 1rem;
 }
 .mx-auto {
   margin-left: auto;
@@ -6321,6 +6315,9 @@ input[type="range"]::-webkit-slider-thumb {
 .-mr-16 {
   margin-right: -1rem;
 }
+.-mr-4 {
+  margin-right: -0.25rem;
+}
 .mb-10 {
   margin-bottom: 0.625rem;
 }
@@ -6510,6 +6507,9 @@ input[type="range"]::-webkit-slider-thumb {
 .h-full {
   height: 100%;
 }
+.\\!min-h-0 {
+  min-height: 0rem !important;
+}
 .\\!min-h-20 {
   min-height: 1.25rem !important;
 }
@@ -6540,15 +6540,15 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-full {
   min-height: 100%;
 }
-.min-h-screen {
-  min-height: 100vh;
-}
 .w-1\\/2 {
   width: 50%;
 }
 .w-20 {
   width: 1.25rem;
 }
+.w-24 {
+  width: 1.5rem;
+}
 .w-28 {
   width: 1.75rem;
 }
@@ -6627,11 +6627,6 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -6892,9 +6887,6 @@ input[type="range"]::-webkit-slider-thumb {
 .border-transparent {
   border-color: var(--transparent);
 }
-.border-b-softer {
-  border-bottom-color: rgba(0, 0, 0, .1 );
-}
 .\\!bg-accent-dark {
   background-color: var(--green-600) !important;
 }
@@ -6904,6 +6896,10 @@ input[type="range"]::-webkit-slider-thumb {
 .\\!bg-strong-dark {
   background-color: var(--grey-800) !important;
 }
+.bg-\\[\\#00A595\\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 165 149 / var(--tw-bg-opacity));
+}
 .bg-accent {
   background-color: var(--green-500);
 }
@@ -6999,6 +6995,9 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
+.p-24 {
+  padding: 1.5rem;
+}
 .p-32 {
   padding: 2rem;
 }
@@ -7043,10 +7042,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.px-6 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-}
 .py-1 {
   padding-top: 0.0625rem;
   padding-bottom: 0.0625rem;
@@ -7084,9 +7079,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pb-28 {
   padding-bottom: 1.75rem;
 }
-.pb-60 {
-  padding-bottom: 3.75rem;
-}
 .pb-8 {
   padding-bottom: 0.5rem;
 }
@@ -7120,6 +7112,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pr-4 {
   padding-right: 0.25rem;
 }
+.pr-40 {
+  padding-right: 2.5rem;
+}
 .pr-8 {
   padding-right: 0.5rem;
 }
@@ -7135,8 +7130,8 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
-.pt-40 {
-  padding-top: 2.5rem;
+.pt-4 {
+  padding-top: 0.25rem;
 }
 .pt-48 {
   padding-top: 3rem;
@@ -7277,6 +7272,13 @@ input[type="range"]::-webkit-slider-thumb {
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7290,6 +7292,9 @@ input[type="range"]::-webkit-slider-thumb {
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-75 {
+  transition-duration: 75ms;
+}
 [class*="keyline-"] {
   position: relative;
 }
@@ -7376,6 +7381,10 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 750px) {
+  .md\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .md\\:grid-col-span-4 {
     --container-grid-columns: 4;
     grid-column: span 4 / span 4;
@@ -7384,17 +7393,12 @@ input[type="range"]::-webkit-slider-thumb {
     --container-grid-columns: 6;
     grid-column: span 6 / span 6;
   }
-  .md\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .md\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .md\\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 @media (min-width: 900px) {
+  .lg\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .lg\\:grid-col-span-5 {
     --container-grid-columns: 5;
     grid-column: span 5 / span 5;
@@ -7406,23 +7410,21 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:grid-col-start-7 {
     grid-column-start: 7;
   }
-  .lg\\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\\:w-8-cols > * {
-    --container-grid-columns: 8;
-  }
-  .lg\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
+}
+@media (min-width: 1024px) {
+  .xl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
   }
-  .cols-container > .lg\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
+}
+@media (min-width: 1280px) {
+  .xxl\\:grid-col-span-2 {
+    --container-grid-columns: 2;
+    grid-column: span 2 / span 2;
   }
-  .lg\\:w-10-cols > * {
-    --container-grid-columns: 10;
+  .xxl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
   }
 }
 .even\\:bg-inverse-softer:nth-child(even) {
@@ -7521,6 +7523,9 @@ input[type="range"]::-webkit-slider-thumb {
 .aria-disabled\\:line-through[aria-disabled="true"] {
   text-decoration-line: line-through;
 }
+.aria-disabled\\:no-underline[aria-disabled="true"] {
+  text-decoration-line: none;
+}
 .aria-disabled\\:shadow-none[aria-disabled="true"] {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -7698,9 +7703,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:hidden {
     display: none;
   }
-  .md\\:w-\\[300px\\] {
-    width: 300px;
-  }
   .md\\:-translate-x-1\\/2 {
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -7712,6 +7714,9 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:gap-y-12 {
     row-gap: 0.75rem;
   }
+  .md\\:p-48 {
+    padding: 3rem;
+  }
   .md\\:pt-28 {
     padding-top: 1.75rem;
   }
@@ -7735,9 +7740,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:hidden {
     display: none;
   }
-  .lg\\:w-\\[500px\\] {
-    width: 500px;
-  }
   .lg\\:w-auto {
     width: auto;
   }
@@ -7858,7 +7860,7 @@ input[type="range"]::-webkit-slider-thumb {
     });
   }
   render() {
-    return r("div", { key: "684231fc874298248db4aaf41f7845343b16ab3c", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, r("div", { key: "4083dc93dae192eb61b12a37864b1b12bdf048a6", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, r("nav", { key: "0d0a707908275bc2e95ebcb0ec07fb24f12664c2", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+    return r("div", { key: "2e29d6b12d150ea47cee107ae7b8cdf56723a98f", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, r("div", { key: "4b129292420834f09e80d8d897d56435edc0e576", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, r("nav", { key: "9ba32403c167846ddc7c66536d8ccd72d736d9e0", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
       const i = n.active ? "span" : "a", l = this.getTabOptions(n.active, e);
       return r(i, Object.assign({}, l, { "aria-label": n.label, "aria-current": e === this.activeIndex, onClick: () => this.handleTabClick(e, n.label) }), n.label || n.ariaLabel);
     }))));

package/{eds-tabs.entry-DJKEg0Gs.js → eds-tabs.entry-lqdai_rD.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-D4alMZtT.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./index-39c58238-SQ-JC-LH.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=`@font-face {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-cHrGUVDM.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./index-39c58238-SQ-JC-LH.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=`@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -5781,15 +5781,6 @@ video {
 .cols-container > .ml-0 {
   margin-left: 0;
 }
-.w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.cols-container > .w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.w-12-cols > * {
-  --container-grid-columns: 12;
-}
 .border-inside {
   position: relative;
 
@@ -6237,6 +6228,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-8 {
   right: 0.5rem;
 }
+.right-\\[4px\\] {
+  right: 4px;
+}
 .right-\\[6px\\] {
   right: 6px;
 }
@@ -6288,8 +6282,8 @@ input[type="range"]::-webkit-slider-thumb {
 .m-0 {
   margin: 0rem;
 }
-.m-32 {
-  margin: 2rem;
+.m-16 {
+  margin: 1rem;
 }
 .mx-auto {
   margin-left: auto;
@@ -6317,6 +6311,9 @@ input[type="range"]::-webkit-slider-thumb {
 .-mr-16 {
   margin-right: -1rem;
 }
+.-mr-4 {
+  margin-right: -0.25rem;
+}
 .mb-10 {
   margin-bottom: 0.625rem;
 }
@@ -6506,6 +6503,9 @@ input[type="range"]::-webkit-slider-thumb {
 .h-full {
   height: 100%;
 }
+.\\!min-h-0 {
+  min-height: 0rem !important;
+}
 .\\!min-h-20 {
   min-height: 1.25rem !important;
 }
@@ -6536,15 +6536,15 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-full {
   min-height: 100%;
 }
-.min-h-screen {
-  min-height: 100vh;
-}
 .w-1\\/2 {
   width: 50%;
 }
 .w-20 {
   width: 1.25rem;
 }
+.w-24 {
+  width: 1.5rem;
+}
 .w-28 {
   width: 1.75rem;
 }
@@ -6623,11 +6623,6 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -6888,9 +6883,6 @@ input[type="range"]::-webkit-slider-thumb {
 .border-transparent {
   border-color: var(--transparent);
 }
-.border-b-softer {
-  border-bottom-color: rgba(0, 0, 0, .1 );
-}
 .\\!bg-accent-dark {
   background-color: var(--green-600) !important;
 }
@@ -6900,6 +6892,10 @@ input[type="range"]::-webkit-slider-thumb {
 .\\!bg-strong-dark {
   background-color: var(--grey-800) !important;
 }
+.bg-\\[\\#00A595\\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 165 149 / var(--tw-bg-opacity));
+}
 .bg-accent {
   background-color: var(--green-500);
 }
@@ -6995,6 +6991,9 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
+.p-24 {
+  padding: 1.5rem;
+}
 .p-32 {
   padding: 2rem;
 }
@@ -7039,10 +7038,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.px-6 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-}
 .py-1 {
   padding-top: 0.0625rem;
   padding-bottom: 0.0625rem;
@@ -7080,9 +7075,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pb-28 {
   padding-bottom: 1.75rem;
 }
-.pb-60 {
-  padding-bottom: 3.75rem;
-}
 .pb-8 {
   padding-bottom: 0.5rem;
 }
@@ -7116,6 +7108,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pr-4 {
   padding-right: 0.25rem;
 }
+.pr-40 {
+  padding-right: 2.5rem;
+}
 .pr-8 {
   padding-right: 0.5rem;
 }
@@ -7131,8 +7126,8 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
-.pt-40 {
-  padding-top: 2.5rem;
+.pt-4 {
+  padding-top: 0.25rem;
 }
 .pt-48 {
   padding-top: 3rem;
@@ -7273,6 +7268,13 @@ input[type="range"]::-webkit-slider-thumb {
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7286,6 +7288,9 @@ input[type="range"]::-webkit-slider-thumb {
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-75 {
+  transition-duration: 75ms;
+}
 [class*="keyline-"] {
   position: relative;
 }
@@ -7372,6 +7377,10 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 750px) {
+  .md\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .md\\:grid-col-span-4 {
     --container-grid-columns: 4;
     grid-column: span 4 / span 4;
@@ -7380,17 +7389,12 @@ input[type="range"]::-webkit-slider-thumb {
     --container-grid-columns: 6;
     grid-column: span 6 / span 6;
   }
-  .md\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .md\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .md\\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 @media (min-width: 900px) {
+  .lg\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .lg\\:grid-col-span-5 {
     --container-grid-columns: 5;
     grid-column: span 5 / span 5;
@@ -7402,23 +7406,21 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:grid-col-start-7 {
     grid-column-start: 7;
   }
-  .lg\\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\\:w-8-cols > * {
-    --container-grid-columns: 8;
-  }
-  .lg\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
+}
+@media (min-width: 1024px) {
+  .xl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
   }
-  .cols-container > .lg\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
+}
+@media (min-width: 1280px) {
+  .xxl\\:grid-col-span-2 {
+    --container-grid-columns: 2;
+    grid-column: span 2 / span 2;
   }
-  .lg\\:w-10-cols > * {
-    --container-grid-columns: 10;
+  .xxl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
   }
 }
 .even\\:bg-inverse-softer:nth-child(even) {
@@ -7517,6 +7519,9 @@ input[type="range"]::-webkit-slider-thumb {
 .aria-disabled\\:line-through[aria-disabled="true"] {
   text-decoration-line: line-through;
 }
+.aria-disabled\\:no-underline[aria-disabled="true"] {
+  text-decoration-line: none;
+}
 .aria-disabled\\:shadow-none[aria-disabled="true"] {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -7694,9 +7699,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:hidden {
     display: none;
   }
-  .md\\:w-\\[300px\\] {
-    width: 300px;
-  }
   .md\\:-translate-x-1\\/2 {
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -7708,6 +7710,9 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:gap-y-12 {
     row-gap: 0.75rem;
   }
+  .md\\:p-48 {
+    padding: 3rem;
+  }
   .md\\:pt-28 {
     padding-top: 1.75rem;
   }
@@ -7731,9 +7736,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:hidden {
     display: none;
   }
-  .lg\\:w-\\[500px\\] {
-    width: 500px;
-  }
   .lg\\:w-auto {
     width: auto;
   }
@@ -7772,4 +7774,4 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`,c=a,t=class{constructor(n){i.registerInstance(this,n),this.tab=i.createEvent(this,"tab",7),this.tabCva=d.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.id,index:0})}parseTabs(){this.parsedTabs=s.parseData(this.tabs)}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(n=>n.active)}scrollToActiveTab(){var n;const e=(n=this.tabContainer)===null||n===void 0?void 0:n.querySelector("[data-tab-active]");e&&setTimeout(()=>{e.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(n,e){const r=n?"center":this.activeIndex===-1&&e===0?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:n,position:r}),style:{zIndex:`${n?this.parsedTabs.length+99:r==="left"?e:this.parsedTabs.length+1-e}`}},n?{"data-tab-active":"true"}:{})}handleTabClick(n,e){this.activeIndex=n,this.parsedTabs=this.parsedTabs.map((r,l)=>Object.assign(Object.assign({},r),{active:l===n})),this.tab.emit({tabId:this.id,index:n,name:e}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(e==null?void 0:e.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"684231fc874298248db4aaf41f7845343b16ab3c",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"4083dc93dae192eb61b12a37864b1b12bdf048a6",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"0d0a707908275bc2e95ebcb0ec07fb24f12664c2",ref:n=>this.tabContainer=n,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((n,e)=>{const r=n.active?"span":"a",l=this.getTabOptions(n.active,e);return i.h(r,Object.assign({},l,{"aria-label":n.label,"aria-current":e===this.activeIndex,onClick:()=>this.handleTabClick(e,n.label)}),n.label||n.ariaLabel)}))))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};t.style=c;exports.eds_tabs=t;
+`,c=a,t=class{constructor(n){i.registerInstance(this,n),this.tab=i.createEvent(this,"tab",7),this.tabCva=d.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.id,index:0})}parseTabs(){this.parsedTabs=s.parseData(this.tabs)}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(n=>n.active)}scrollToActiveTab(){var n;const e=(n=this.tabContainer)===null||n===void 0?void 0:n.querySelector("[data-tab-active]");e&&setTimeout(()=>{e.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(n,e){const r=n?"center":this.activeIndex===-1&&e===0?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:n,position:r}),style:{zIndex:`${n?this.parsedTabs.length+99:r==="left"?e:this.parsedTabs.length+1-e}`}},n?{"data-tab-active":"true"}:{})}handleTabClick(n,e){this.activeIndex=n,this.parsedTabs=this.parsedTabs.map((r,l)=>Object.assign(Object.assign({},r),{active:l===n})),this.tab.emit({tabId:this.id,index:n,name:e}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(e==null?void 0:e.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"2e29d6b12d150ea47cee107ae7b8cdf56723a98f",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"4b129292420834f09e80d8d897d56435edc0e576",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"9ba32403c167846ddc7c66536d8ccd72d736d9e0",ref:n=>this.tabContainer=n,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((n,e)=>{const r=n.active?"span":"a",l=this.getTabOptions(n.active,e);return i.h(r,Object.assign({},l,{"aria-label":n.label,"aria-current":e===this.activeIndex,onClick:()=>this.handleTabClick(e,n.label)}),n.label||n.ariaLabel)}))))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};t.style=c;exports.eds_tabs=t;