npm - @ebrains/components - Versions diffs - 2.4.0 → 3.0.0 - Mend

@ebrains/components 2.4.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (962) hide show

package/dist/components/p-55047f7f.entry.js ADDED Viewed

@@ -0,0 +1,9 @@
+import{r as n,c as e,h as t,g as i,H as r}from"./p-271c61ff.js";import{s as l,m as o,a}from"./p-d15065c3.js";import{p as s}from"./p-69c5074b.js";import{l as d}from"./p-7ce1cf13.js";import{l as c}from"./p-caa71345.js";const h=class{constructor(t){n(this,t),this.accordion=e(this,"accordion",7),this.handleClick=()=>{var n;this.isExpanded=!this.isExpanded,this.toggleIcon=this.isExpanded?"chevron-down":"chevron-right",this.accordion.emit(this.isExpanded),l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.heading)||void 0===n?void 0:n.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},this.handleKeyDown=n=>{"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.handleClick())},this.heading=void 0,this.description=void 0,this.variant="inverse",this.icon=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.isExpanded=this.expanded,this.toggleIcon=this.expanded?"chevron-down":"chevron-right"}render(){const n=["accordion-card",`accordion-card-${this.variant}`].join(" ");return t("div",{key:"e9f44914fce505b97f90415ed72f322ff09fcee7",class:n},t("div",{key:"d4c6ec563b66b14fc74bc872c953bd9e3e501a85",class:"accordion-header",onClick:this.handleClick,onKeyDown:this.handleKeyDown,role:"button",tabindex:0,"aria-expanded":String(this.isExpanded),"aria-controls":"accordionSection"},this.icon&&t("div",{key:"9c365bc15aeec93ccc2021206e72e457a2032265",class:"accordion-icon"},t("eds-icon-wrapper",{key:"73742a6cb431342c62e1fd5661c39927dcb57bef",name:this.icon,size:24})),t("div",{key:"1ba17b07eedccb135dc5138ace783ea211b75d52",class:"accordion-header-text"},t("h3",{key:"d8c34e66195fbe2863736d39f5a9e8276f30252a",class:"accordion-title"},this.heading),this.description&&t("p",{key:"c24a3614a3f2d1bcd29a39cbd3384c25c1c50e47",class:"accordion-description "+(!this.isExpanded&&this.clampText?"line-clamp-1":"")},this.description)),t("eds-icon-wrapper",{key:"deecdbb3c0ec32079b3b913ed7976ae813b9468a",name:this.toggleIcon,size:20,class:"accordion-chevron"})),t("section",{key:"f3767c81d79e2681c6317e3268cf1c966fba6bc2",id:"accordionSection","aria-hidden":String(!this.isExpanded),class:"accordion-panel "+(this.isExpanded?"expanded":"")},t("div",{key:"08ce9281f2e7fc858f30d0b7c0da0b0739824193",class:"accordion-panel-inner"},t("div",{key:"c9cdc6312fa279d1c1ee5753c7038b0a9ce3c624",class:"accordion-content"},t("slot",{key:"aaec055131ce2ae7830aecfc2fc6ace50f05ded1"})))))}get el(){return i(this)}};h.style=":host{display:block;width:100%}.accordion-card{border-radius:16px;padding:1.5rem;transition:all 0.4s ease;position:relative;overflow:hidden;border:1px solid rgba(0, 0, 0, 0.1)}.accordion-card-default{background:var(--brand-black);color:var(--white)}.accordion-card-default:hover{border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.accordion-card-default .accordion-title{color:var(--white)}.accordion-card-default .accordion-description{color:var(--grey-light)}.accordion-card-default .accordion-chevron{color:var(--white)}.accordion-card-default .accordion-content{color:var(--grey-light)}.accordion-card-inverse{background:var(--white);color:var(--brand-black)}.accordion-card-inverse:hover{border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.accordion-card-inverse .accordion-title{color:var(--brand-black)}.accordion-card-inverse .accordion-description{color:var(--grey-dark)}.accordion-card-inverse .accordion-chevron{color:var(--brand-black)}.accordion-card-inverse .accordion-content{color:var(--grey-dark)}.accordion-header{display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%;background:none;border:none;padding:0;text-align:left;-webkit-user-select:none;user-select:none}.accordion-header:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px;border-radius:8px}.accordion-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:rgba(0, 255, 157, 0.1);border-radius:12px;color:var(--brand-green);flex-shrink:0}.accordion-card-inverse .accordion-icon{background:rgba(0, 0, 0, 0.05);color:var(--brand-black)}.accordion-header-text{flex-grow:1;min-width:0}.accordion-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.25rem;line-height:1.4;margin:0}.accordion-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;margin-top:0.25rem;margin-bottom:0}.accordion-chevron{flex-shrink:0;transition:transform 0.3s ease}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s ease}.accordion-panel.expanded{grid-template-rows:1fr}.accordion-panel-inner{overflow:hidden}.accordion-content{padding-top:1rem;font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width: 768px){.accordion-card{padding:1.25rem}.accordion-icon{width:40px;height:40px;min-width:40px}.accordion-title{font-size:1.125rem}.accordion-header{gap:0.75rem}}h3,p{margin:0}";const g=class{constructor(t){n(this,t),this.edsalert=e(this,"edsalert",7),this.edsDismiss=e(this,"edsDismiss",7),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.icon=void 0,this.dismissible=!1,this.withBtn=!1,this.dismissed=!1}componentWillLoad(){this.withBtn=Boolean(this.pressableLabel)}onPressableLabelChange(n){this.withBtn=Boolean(n)}get normalizedIntent(){return"info"===this.intent?"default":this.intent}get intentIcon(){return this.icon||null}handleAction(){this.edsalert.emit()}handleDismiss(){this.dismissed=!0,this.edsDismiss.emit()}render(){if(this.dismissed)return null;const n=this.normalizedIntent;return t("div",{class:`alert-card alert-${n} alert-${this.direction}`,role:"alert","aria-label":"default"!==n?`${n} alert`:"alert","aria-live":"error"===n||"warning"===n?"assertive":"polite"},this.intentIcon&&t("div",{class:"alert-icon"},t("eds-icon-wrapper",{name:this.intentIcon,size:20})),t("div",{class:"alert-body"},this.message?t("p",{class:"alert-message"},this.message):t("div",{class:"alert-message"},t("slot",null))),this.withBtn&&t("div",{class:"alert-action"},this.pressableUrl?t("eds-link",{label:this.pressableLabel,url:this.pressableUrl,intent:"strong"}):t("eds-button",{label:this.pressableLabel,intent:"ghost",onClick:()=>this.handleAction()})),this.dismissible&&t("button",{class:"alert-dismiss",onClick:()=>this.handleDismiss(),"aria-label":"Dismiss alert"},t("eds-icon-wrapper",{name:"close",size:20})))}get el(){return i(this)}static get watchers(){return{pressableLabel:["onPressableLabelChange"]}}};g.style=":host{display:block;width:100%}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}p{margin:0}.alert-card{position:relative;border-radius:16px;padding:1rem 1.25rem;display:flex;gap:0.75rem;width:100%;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.alert-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-default{background-color:var(--grey-light);color:var(--brand-black)}.alert-default::before{background-color:var(--grey-dark)}.alert-default .alert-icon{color:var(--grey-dark)}.alert-warning{background-color:var(--yellow-200);color:var(--brand-black)}.alert-warning::before{background-color:var(--yellow-600)}.alert-warning .alert-icon{color:var(--yellow-600)}.alert-error{background-color:var(--red-200);color:var(--brand-black)}.alert-error::before{background-color:var(--red-600)}.alert-error .alert-icon{color:var(--red-600)}.alert-success{background-color:var(--brand-green);color:var(--brand-black)}.alert-success::before{background-color:var(--green-700)}.alert-success .alert-icon{color:var(--green-700)}.alert-brand{background-color:var(--brand-black);color:var(--brand-green)}.alert-brand::before{background-color:var(--brand-green)}.alert-brand .alert-icon{color:var(--brand-green)}.alert-brand .alert-dismiss{color:var(--brand-green)}.alert-horizontal{flex-direction:row;align-items:center}.alert-vertical{flex-direction:column;align-items:flex-start}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-body{flex:1;min-width:0}.alert-message{margin:0}.alert-action{flex-shrink:0}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:8px;color:inherit;opacity:0.7;transition:opacity 0.2s ease}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media (max-width: 768px){.alert-card{padding:0.75rem 1rem;gap:0.5rem}.alert-horizontal{flex-direction:column;align-items:flex-start}}";const f=class{constructor(e){n(this,e),this.firstName="User",this.lastName="Avatar",this.picture=void 0,this.initials=void 0,this.color="grey"}get computedInitials(){return this.initials?(this.initials.match(/.{1,3}/g)||[])[0]||"":this.firstName&&this.lastName?`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase():void 0}get containerClasses(){return["border-inside","aspect-1x1","flex","items-center","justify-center","overflow-hidden",this.picture?"":"px-4","w-[54px] rounded-sm",this.color?"border-inside-inverse":"",this.picture?"":"grey"===this.color?"bg-dark":"bg-strongest text-accent"].join(" ")}render(){return t("div",{key:"00e163f2dd33c92bdfd8f45b6e2d3384afa32a30",class:this.containerClasses},this.picture?t("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):t("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};f.style="::before,\n::after {\n    box-sizing: border-box;\n    border-width: 0;\n    border-style: solid;\n    border-color: currentColor;\n}\n\n::before,\n::after {\n    --tw-content: '';\n}\n\nabbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n}\n\n.border-inside {\n    position: relative;\n\n    &::after {\n        pointer-events: none;\n    }\n\n    &::after {\n        position: absolute;\n    }\n\n    &::after {\n        inset: 0rem;\n    }\n\n    &::after {\n        z-index: 1;\n    }\n\n    &::after {\n        border-radius: 8px;\n    }\n\n    &::after {\n        border-width: 1px;\n    }\n\n    &::after {\n        border-width: 2px;\n    }\n\n    &::after {\n        border: 2px solid rgba(0, 0, 0, .1);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-pill {\n    &::after {\n        border-radius: 100px;\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-inverse {\n    &::after {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.aspect-1x1 {\n    aspect-ratio: 1/1;\n}\n\n.flex {\n    display: flex;\n}\n\n.inline-flex {\n    display: inline-flex;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.overflow-hidden {\n    overflow: hidden;\n}\n\n.px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n}\n\n.rounded-pill {\n    border-radius: 100px;\n}\n\n.rounded-sm {\n    border-radius: 8px;\n}\n\n.rounded-xs {\n    border-radius: 4px;\n}\n\n.rounded-full {\n    border-radius: 9999px;\n}\n\n.bg-dark {\n    background-color: var(--grey-light);\n}\n\n.bg-darker {\n    background-color: var(--grey-light);\n}\n\n.bg-stronger {\n    background-color: var(--grey-dark);\n}\n\n.bg-strongest {\n    background-color: var(--brand-black);\n}\n\n.text-accent {\n    color: var(--brand-green);\n}\n\n.text-default {\n    color: var(--brand-black);\n}\n\n.\\!no-underline {\n    text-decoration-line: none !important;\n}\n\n.f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.w-32 {\n    width: 2rem;\n}\n\n.w-44 {\n    width: 2.75rem;\n}\n\n.w-\\[54px\\] {\n    width: 54px;\n}\n\n.bg-gradient-01-top {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-01-bottom {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-top {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-bottom {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-top {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-bottom {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-top {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-bottom {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n}";const b=class{constructor(e){n(this,e),this.inverse=!1}render(){return t("hr",{key:"7b472ce3dcecc7a0c061d336c4edb1bec098c113",class:(this.inverse?"border-default":"border-softer")+"  my-16 inline-block w-full border-t-2"})}};b.style=".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--brand-black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}";const p=class{constructor(e){n(this,e),this.updateScreenSize=()=>{const n=window.innerWidth;this.maxVisibleItems=n<769||n<=1024||n<=1280?3:n<=2200?4:6},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(n){this.parsedItems=s(n)}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){var n;const e=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelectorAll("eds-link");null==e||e.forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}getTruncatedItems(){const n=this.parsedItems.length,e={label:"...",url:"",isHidden:!0};if(n>this.maxVisibleItems){const t=this.parsedItems[0],i=this.parsedItems.slice(-2);if(3===this.maxVisibleItems)return[t,e,...i];if(4===this.maxVisibleItems)return[t,this.parsedItems[Math.floor(n/2)],e,...i]}return this.parsedItems}getLabels(n,e){return!e&&n.label.length>15?{displayLabel:`${n.label.slice(0,15)}...`,fullLabel:n.label}:{displayLabel:n.label,fullLabel:n.label}}render(){const n=this.getTruncatedItems();return t("nav",{key:"a068d2deb011c0a303e5a4320f4f5913bfc36d4a","aria-label":"Breadcrumb"},t("ol",{key:"63ab81ece8ff48546875320f4fd346638fac3bdc",class:"flex items-center space-x-2"},n.map(((e,i)=>{const r=i===n.length-1;return t("li",{class:"flex items-center"},e.isHidden?t("eds-link",{label:"...",url:"#",intent:"strong",current:!1,"aria-label":"...",size:"small","icon-small":"false",icon:"chevron-right"}):(()=>{const{fullLabel:n}=this.getLabels(e,r);return t("eds-link",Object.assign({label:n,url:e.url,intent:r?"strong"===this.intent?"weak":"weak"===this.intent?"strong":this.intent:this.intent,disabled:r,current:r,"aria-label":n,size:"small","icon-small":"false"},r?{"aria-current":"page"}:{}))})(),!r&&!e.isHidden&&t("eds-icon-wrapper",{name:"chevron-right",class:"w-20 h-20"}))}))))}get el(){return i(this)}static get watchers(){return{items:["parseItems"]}}};function m(n){var e,t,i="";if("string"==typeof n||"number"==typeof n)i+=n;else if("object"==typeof n)if(Array.isArray(n))for(e=0;e<n.length;e++)n[e]&&(t=m(n[e]))&&(i&&(i+=" "),i+=t);else for(e in n)n[e]&&(i&&(i+=" "),i+=e);return i}p.style="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}";const x=n=>"boolean"==typeof n?"".concat(n):0===n?"0":n,u=function(){for(var n,e,t=0,i="";t<arguments.length;)(n=arguments[t++])&&(e=m(n))&&(i&&(i+=" "),i+=e);return i},v=(n,e)=>t=>{var i;if(null==(null==e?void 0:e.variants))return u(n,null==t?void 0:t.class,null==t?void 0:t.className);const{variants:r,defaultVariants:l}=e,o=Object.keys(r).map((n=>{const e=null==t?void 0:t[n],i=null==l?void 0:l[n];if(null===e)return null;const o=x(e)||x(i);return r[n][o]})),a=t&&Object.entries(t).reduce(((n,e)=>{let[t,i]=e;return void 0===i||(n[t]=i),n}),{}),s=null==e||null===(i=e.compoundVariants)||void 0===i?void 0:i.reduce(((n,e)=>{let{class:t,className:i,...r}=e;return Object.entries(r).every((n=>{let[e,t]=n;return Array.isArray(t)?t.includes({...l,...a}[e]):{...l,...a}[e]===t}))?[...n,t,i]:n}),[]);return u(n,o,s,null==t?void 0:t.class,null==t?void 0:t.className)},y=class{constructor(e){n(this,e),this.button=v(["relative items-center py-12 cursor-pointer","aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed","disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed"],{variants:{intent:{primary:"bg-strongest text-inverse hover:bg-accent hover:text-default focus:shadow-none aria-disabled:shadow-none",secondary:"border-inside text-default bg-transparent hover:bg-strong-dark hover:text-inverse  aria-disabled:after:!border-0",secondaryInverse:"border-inside-inverse text-inverse bg-transparent hover:bg-inverse hover:text-default aria-disabled:after:!border-0",ghost:"",ghostInverse:"text-inverse",brand:"bg-accent text-default hover:bg-strongest hover:text-inverse aria-disabled:shadow-none",brandInverse:"bg-accent text-default hover:bg-inverse hover:text-default aria-disabled:shadow-none",neutral:"bg-darker after:border-softest bg-inverse hover:bg-dark hover:text-light text-inverse aria-disabled:shadow-none",cta:["cta-link !px-0 !py-0 !min-h-0 !h-auto"],"cta-brand":["cta-link-brand !px-0 !py-0 !min-h-0 !h-auto"]},loading:{true:"pointer-events-none",false:""},iconSmall:{false:"",true:""},size:{small:"h-36 f-ui-02",large:"h-44 f-ui-01"},hasIcon:{true:"",false:""},iconPos:{left:"flex-row-reverse",right:""},iconOnly:{false:"",true:""},pill:{true:"rounded-full border-inside-pill",false:"rounded-sm"},fullWidth:{true:"w-full flex",false:"inline-flex w-auto"}},compoundVariants:[{size:"small",iconOnly:!0,class:"p-8"},{size:"large",iconOnly:!0,class:"p-12"},{size:"small",iconOnly:!1,class:"px-12"},{size:"large",iconOnly:!1,class:"px-16"},{iconSmall:!0,iconPos:"left",class:"pl-4",iconOnly:!1},{iconSmall:!0,iconPos:"right",class:"pr-4",iconOnly:!1},{iconSmall:!0,iconPos:"left",size:"large",class:"pl-8",iconOnly:!1},{iconSmall:!0,iconPos:"right",size:"large",class:"pr-8",iconOnly:!1},{intent:"cta",hasIcon:!0,class:"gap-8"},{intent:"cta-brand",hasIcon:!0,class:"gap-8"},{intent:"cta",size:"small",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"cta",size:"large",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"cta-brand",size:"small",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"cta-brand",size:"large",class:"!px-0 !py-0 !min-h-0 !h-auto"}],defaultVariants:{intent:"primary",loading:!1,iconSmall:!1,iconPos:"right",iconOnly:!1,pill:!1,size:"small"}}),this.parentContext=null,this.label=void 0,this.ariaLabel="Button",this.elementType="button",this.intent="primary",this.loading=!1,this.disabled=!1,this.pill=!1,this.icon=void 0,this.size="small",this.iconPos="right",this.iconSmall=!1,this.triggerClick=void 0,this.fullWidth=!1}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var e,t;this.disabled||this.loading?n.preventDefault():(l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(e=this.label)||void 0===e?void 0:e.toLowerCase())||(null===(t=this.ariaLabel)||void 0===t?void 0:t.toLowerCase())||"",action:"click"}),"function"==typeof this.triggerClick&&this.triggerClick())}handleKeyDown(n){this.disabled||this.loading||("Enter"===n.key||"a"===this.elementType&&" "===n.key)&&(n.preventDefault(),this.handleClick(n))}render(){const n=this.button({intent:this.intent,loading:this.loading,hasIcon:!!this.icon,iconPos:this.iconPos,size:this.size,pill:this.pill,iconOnly:!this.label,iconSmall:this.iconSmall,fullWidth:this.fullWidth}),e="primary"===this.intent||"secondaryInverse"===this.intent?"rgba(255, 255, 255, 0.3)":"rgba(7, 20, 13, 0.3)",i="primary"===this.intent||"secondaryInverse"===this.intent?"#FFFFFF":"#07140D";return t(r,{key:"6f955c89a01cf823ff8fc34bfa92df85a3aa8327"},t(this.elementType,{key:"fabf5842d4c9583c7ff9e4415697c62c111dce68",tabindex:this.disabled||this.loading?"-1":"0","aria-label":this.label?void 0:this.ariaLabel,"aria-disabled":this.disabled||this.loading?"true":void 0,"aria-busy":this.loading?"true":void 0,disabled:"button"===this.elementType?this.disabled||this.loading:void 0,role:"a"===this.elementType?"button":void 0,class:`${n||""}`,onClick:n=>this.handleClick(n),onKeyDown:n=>this.handleKeyDown(n)},this.label&&t("span",{key:"746feb603fd83b54bab92e62ab9aefcd6a232f54",class:`${this.loading?"opacity-0":""} ${this.icon&&"cta"!==this.intent&&"cta-brand"!==this.intent?"right"===this.iconPos?"large"===this.size?"pr-4":"pr-2":"large"===this.size?"pl-4":"pl-2":""}`,"aria-hidden":this.loading?"true":void 0},this.label),this.loading&&t("span",{key:"e0f54e409080548687304bae2f5d3e1b56863318",class:"absolute inset-0 flex items-center justify-center","aria-hidden":"true"},t("span",{key:"c2472f5d2730ef850a076471fa00c9db91496db7",class:"loader",style:{border:`3px solid ${e}`,borderBottomColor:i}})),this.icon?t("eds-icon-wrapper",{name:this.icon,size:20,"aria-hidden":"true"}):null))}static get delegatesFocus(){return!0}get el(){return i(this)}};y.style='/* ============================================\n   EDS BUTTON - NEW EBRAINS VISUAL SYSTEM\n   ============================================ */\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: currentColor;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\n/*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button;\n  /* 1 */\n  background-color: transparent;\n  /* 2 */\n  background-image: none;\n  /* 2 */\n}\n\np {\n  margin: 0;\n}\n\n/*\n  Set the default cursor for buttons.\n  */\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\n  Make sure disabled buttons don\'t get the pointer cursor.\n  */\n:disabled {\n  cursor: default;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n/* ============================================\n   TYPOGRAPHY CLASSES\n   ============================================ */\n\n.f-body-01 {\n  font-family: var(--f-body-01-fontFamily);\n  font-weight: var(--f-body-01-fontWeight);\n  font-size: var(--f-body-01-fontSize);\n  line-height: var(--f-body-01-lineHeight);\n  letter-spacing: var(--f-body-01-letterSpacing);\n}\n\n.f-body-02 {\n  font-family: var(--f-body-02-fontFamily);\n  font-weight: var(--f-body-02-fontWeight);\n  font-size: var(--f-body-02-fontSize);\n  line-height: var(--f-body-02-lineHeight);\n  letter-spacing: var(--f-body-02-letterSpacing);\n}\n\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.f-ui-02 {\n  font-family: var(--f-ui-02-fontFamily);\n  font-weight: var(--f-ui-02-fontWeight);\n  font-size: var(--f-ui-02-fontSize);\n  line-height: var(--f-ui-02-lineHeight);\n  letter-spacing: var(--f-ui-02-letterSpacing);\n}\n\n/* ============================================\n   BUTTON BORDER EFFECTS - NEW SYSTEM\n   ============================================ */\n\n.border-inside {\n  position: relative;\n\n  &::after {\n    pointer-events: none;\n    position: absolute;\n    inset: 0rem;\n    z-index: 1;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(7, 20, 13, 1); /* brand-black with opacity */\n    content: \'\';\n  }\n}\n\n.border-inside-inverse {\n  position: relative;\n\n  &::after {\n    pointer-events: none;\n    position: absolute;\n    inset: 0rem;\n    z-index: 1;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(255, 255, 255, 1); /* white border */\n    content: \'\';\n  }\n}\n\n.border-inside-pill {\n  &::after {\n    border-radius: 100px; /* pill shape */\n    content: \'\';\n  }\n}\n\n.border-inside-inverse.border-inside-pill {\n  &::after {\n    border-radius: 100px; /* pill shape for inverse border */\n  }\n}\n\n/* ============================================\n   LOADER SPINNER\n   ============================================ */\n\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.loader {\n  animation: spin 1s linear infinite;\n  border-radius: 9999px;\n  border: 3px solid rgba(7, 20, 13, 0.3); /* brand-black */\n  border-bottom-color: #07140D; /* brand-black */\n}\n\n/* ============================================\n   TRANSITIONS & EFFECTS\n   ============================================ */\n\n.effect-color {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--brand-green); /* NEW: brand-green for focus */\n}\n\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--brand-green); /* NEW: brand-green for focus */\n}\n\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n\n/* ============================================\n   BRAND HOVER TRANSFORM EFFECT\n   ============================================ */\n.brand-hover-transform {\n  transition-property: transform, box-shadow, color, background-color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.brand-hover-transform:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0, 255, 157, 0.3);\n}\n\n.brand-hover-transform[aria-disabled="true"]:hover,\n.brand-hover-transform:disabled:hover {\n  transform: none;\n  box-shadow: none;\n}\n\n/* Secondary Inverse Transform Effect */\n.secondary-inverse-transform {\n  transition-property: transform, background-color, color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.secondary-inverse-transform:hover {\n  transform: translateY(-2px);\n}\n\n.secondary-inverse-transform[aria-disabled="true"]:hover,\n.secondary-inverse-transform:disabled:hover {\n  transform: none;\n}\n\n/* ============================================\n   UTILITY CLASSES\n   ============================================ */\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0rem;\n}\n\n.inset-x-16 {\n  left: 1rem;\n  right: 1rem;\n}\n\n/* ============================================\n   POSITIONING\n   ============================================ */\n\n.-top-8 {\n  top: -0.5rem;\n}\n\n.left-0 {\n  left: 0rem;\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.left-4 {\n  left: 0.25rem;\n}\n\n.left-\\[4px\\] {\n  left: 4px;\n}\n\n.right-0 {\n  right: 0rem;\n}\n\n.right-4 {\n  right: 0.25rem;\n}\n\n.right-8 {\n  right: 0.5rem;\n}\n\n.right-\\[6px\\] {\n  right: 6px;\n}\n\n.top-0 {\n  top: 0rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n/* ============================================\n   SPACING\n   ============================================ */\n\n.m-0 {\n  margin: 0rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-ml-16 {\n  margin-left: -1rem;\n}\n\n.-mr-16 {\n  margin-right: -1rem;\n}\n\n.ml-0 {\n  margin-left: 0rem;\n}\n\n.ml-4 {\n  margin-left: 0.25rem;\n}\n\n.ml-64 {\n  margin-left: 4rem;\n}\n\n.ml-8 {\n  margin-left: 0.5rem;\n}\n\n.ml-auto {\n  margin-left: auto;\n}\n\n.mr-4 {\n  margin-right: 0.25rem;\n}\n\n.mr-8 {\n  margin-right: 0.5rem;\n}\n\n.mr-auto {\n  margin-right: auto;\n}\n\n/* ============================================\n   DISPLAY\n   ============================================ */\n\n.block {\n  display: block;\n}\n\n.\\!block {\n  display: block !important;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.hidden {\n  display: none;\n}\n\n/* ============================================\n   DIMENSIONS\n   ============================================ */\n\n.h-20 {\n  height: 1.25rem;\n}\n\n.h-24 {\n  height: 1.5rem;\n}\n\n.h-36 {\n  height: 2.25rem;\n}\n\n.h-40 {\n  height: 2.5rem;\n}\n\n.h-44 {\n  height: 2.75rem;\n}\n\n.h-48 {\n  height: 3rem;\n}\n\n.h-auto {\n  height: auto;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n\n.min-h-screen {\n  min-height: 100vh;\n}\n\n.w-20 {\n  width: 1.25rem;\n}\n\n.w-24 {\n  width: 1.5rem;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-auto {\n  width: auto;\n}\n\n/* ============================================\n   FLEXBOX\n   ============================================ */\n\n.flex-none {\n  flex: none;\n}\n\n.grow {\n  flex-grow: 1;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.resize {\n  resize: both;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-4 {\n  gap: 0.25rem;\n}\n\n.gap-8 {\n  gap: 0.5rem;\n}\n\n.space-x-2> :not([hidden])~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n/* ============================================\n   OVERFLOW\n   ============================================ */\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n/* ============================================\n   TEXT\n   ============================================ */\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.break-words {\n  overflow-wrap: break-word;\n}\n\n/* ============================================\n   BORDERS & RADIUS - NEW SYSTEM\n   ============================================ */\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: 16px;\n}\n\n.rounded-md {\n  border-radius: 12px;\n}\n\n.rounded-pill {\n  border-radius: 100px; /* NEW: pill shape */\n}\n\n.rounded-sm {\n  border-radius: 8px;\n}\n\n.rounded-xxs {\n  border-radius: 2px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n\n.border-\\[\\#d2d2d2\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n\n.border-softest {\n  border-color: var(--grey-light);\n}\n\n.border-b-softer {\n  border-bottom-color: rgba(7, 20, 13, 0.1); /* NEW: brand-black */\n}\n\n/* ============================================\n   BACKGROUNDS - NEW EBRAINS COLORS\n   ============================================ */\n\n/* Accent backgrounds - NEW green */\n.\\!bg-accent-dark {\n  background-color: var(--brand-green-dark) !important; /* NEW: #00C87B */\n}\n\n.bg-accent {\n  background-color: var(--brand-green); /* NEW: #00FF9D */\n}\n\n.bg-accent-dark {\n  background-color: var(--brand-green-dark); /* NEW: #00C87B */\n}\n\n/* Neutral backgrounds - NEW simplified greys */\n.\\!bg-darker {\n  background-color: var(--grey-dark) !important; /* NEW: #7A7B7A */\n}\n\n.bg-dark {\n  background-color: var(--grey-light); /* NEW: #ECECEC */\n}\n\n.bg-darker {\n  background-color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n/* Strong backgrounds - NEW brand-black */\n.\\!bg-strong-dark {\n  background-color: var(--brand-black) !important; /* NEW: #07140D */\n}\n\n.bg-strong {\n  background-color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n.bg-strong-dark {\n  background-color: var(--brand-black); /* NEW: #07140D */\n}\n\n.bg-stronger {\n  background-color: var(--brand-black); /* NEW: #07140D */\n}\n\n.bg-strongest {\n  background-color: var(--brand-black); /* NEW: #07140D (was pure black) */\n}\n\n/* Overlay */\n.bg-overlay {\n  background-color: rgba(7, 20, 13, 0.25); /* NEW: brand-black overlay */\n}\n\n/* ============================================\n   PADDING\n   ============================================ */\n\n.p-12 {\n  padding: 0.75rem;\n}\n\n.p-6 {\n  padding: 0.375rem;\n}\n\n.p-8 {\n  padding: 0.5rem;\n}\n\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-32 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.pl-2 {\n  padding-left: 0.125rem;\n}\n\n.pl-4 {\n  padding-left: 0.25rem;\n}\n\n.pl-8 {\n  padding-left: 0.5rem;\n}\n\n.pr-2 {\n  padding-right: 0.125rem;\n}\n\n.pr-4 {\n  padding-right: 0.25rem;\n}\n\n.pr-8 {\n  padding-right: 0.5rem;\n}\n\n/* ============================================\n   TEXT COLORS - NEW SYSTEM\n   ============================================ */\n\n.\\!text-current {\n  color: currentColor !important;\n}\n\n.text-accent {\n  color: var(--brand-green); /* NEW: #00FF9D */\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-default {\n  color: var(--brand-black); /* NEW: #07140D (was pure black) */\n}\n\n.text-inverse {\n  color: var(--white);\n}\n\n.text-light {\n  color: var(--grey-dark); /* NEW: simplified to grey-dark */\n}\n\n\n.text-lightest {\n  color: var(--grey-light); /* NEW: simplified to grey-dark */\n}\n\n/* ============================================\n   OPACITY\n   ============================================ */\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-20 {\n  opacity: 20;\n}\n\n/* ============================================\n   SHADOWS - NEW SYSTEM\n   ============================================ */\n\n.shadow {\n  --tw-shadow: 0 1px 3px rgba(7, 20, 13, 0.1); /* NEW: brand-black */\n  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-accent {\n  --tw-shadow: 0 0 16px rgba(0, 255, 157, 0.5); /* NEW: brand-green glow */\n  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n\n.\\@container {\n  container-type: inline-size;\n}\n\n/* ============================================\n   PSEUDO-ELEMENT EFFECTS\n   ============================================ */\n\n.after\\:effect-opacity::after {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-dark); /* NEW: simplified */\n}\n\n/* ============================================\n   INTERACTIVE STATES - NEW COLORS\n   ============================================ */\n\n.focus-within\\:bg-transparent:focus-within {\n  background-color: transparent;\n}\n\n/* Hover states with NEW colors */\n\n.hover\\:border-0::hover {\n  border-width: 0px;\n}\n\n.hover\\:border-accent::hover {\n  border-color: var(--brand-green); /* NEW: #00FF9D */\n}\n\n.hover\\:text-default:hover {\n  color: var(--brand-black);\n}\n\n.hover\\:text-light:hover {\n  color: var(--grey-dark);\n}\n\n.hover\\:text-inverse:hover {\n  color: var(--white);\n}\n\n\n.hover\\:bg-accent:hover {\n  background-color: var(--brand-green); /* NEW: #00C87B */\n}\n\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--brand-green-dark); /* NEW: #00C87B */\n}\n\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-light); /* NEW: #ECECEC */\n}\n\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n.hover\\:bg-default:hover {\n  background-color: var(--grey-light);\n}\n\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--brand-black); /* NEW: #07140D */\n}\n\n.hover\\:bg-transparent:hover {\n  background-color: transparent;\n}\n\n.hover\\:bg-strongest:hover {\n  background-color: var(--brand-black);\n}\n\n.hover\\:text-default:hover {\n  color: var(--brand-black); /* NEW: #07140D */\n}\n\n.hover\\:text-lighter:hover {\n  color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n\n.hover\\:shadow-hover:hover {\n  --tw-shadow: 0 8px 24px rgba(7, 20, 13, 0.2); /* NEW: brand-black */\n  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:shadow-none:focus {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n/* ============================================\n   DISABLED STATES - NEW COLORS\n   ============================================ */\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-light); /* NEW: #ECECEC */\n}\n\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n.aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n  cursor: not-allowed;\n}\n\n.aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n  border-color: transparent !important;\n}\n\n.aria-disabled\\:bg-dark[aria-disabled="true"] {\n  background-color: var(--grey-light); /* NEW: #ECECEC */\n}\n\n.aria-disabled\\:bg-transparent[aria-disabled="true"] {\n  background-color: transparent;\n}\n\n.aria-disabled\\:text-light[aria-disabled="true"] {\n  color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n.aria-disabled\\:text-lightest[aria-disabled="true"] {\n  color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n.aria-disabled\\:line-through[aria-disabled="true"] {\n  text-decoration-line: line-through;\n}\n\n.aria-disabled\\:shadow-none[aria-disabled="true"] {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.aria-current-page\\:bg-darker[aria-current="page"] {\n  background-color: var(--grey-dark); /* NEW: #7A7B7A */\n}\n\n/* ============================================\n   AFTER PSEUDO-ELEMENTS\n   ============================================ */\n\n.after\\:absolute::after {\n  position: absolute;\n}\n\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n\n.after\\:left-16::after {\n  left: 1rem;\n}\n\n.after\\:right-16::after {\n  right: 1rem;\n}\n\n.after\\:z-10::after {\n  z-index: 10;\n}\n\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n.after\\:border-3::after {\n  border-width: 3px;\n}\n\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n\n.after\\:\\!border-transparent::after {\n  border-color: transparent !important;\n}\n\n.after\\:border-accent::after {\n  border-color: var(--brand-green); /* NEW: #00FF9D */\n}\n\n.after\\:border-accent-dark::after {\n  border-color: var(--brand-green-dark); /* NEW: #00FF9D */\n}\n\n.after\\:border-soft::after {\n  border-color: var(--grey-dark);\n}\n\n.after\\:border-softest::after {\n  border-color: var(--grey-light);\n}\n\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n\n.after\\:content-\\[\\\'\\\'\\]::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n\n.hover\\:text-accent:hover {\n  color: var(--brand-green);\n}\n\n.hover\\:after\\:\\border-accent:hover::after {\n  border-color: var(--brand-green);\n}\n\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: transparent !important;\n}\n\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n  border-color: transparent !important;\n}\n\n.aria-disabled\\:after\\:\\!border-0[aria-disabled="true"]::after {\n  border-width: 0 !important;\n}\n\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}\n\n/* ============================================\n   CTA BUTTON STYLES\n   ============================================ */\n\n/* CTA link style */\n.cta-link {\n  font-family: \'IBM Plex Mono\', monospace;\n  font-size: var(--f-ui-01-fontSize);\n  color: var(--grey-dark);\n  text-decoration: none;\n  transition: color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.cta-link:hover {\n  color: var(--brand-green);\n}\n\n/* CTA brand link style - always green */\n.cta-link-brand {\n  font-family: \'IBM Plex Mono\', monospace;\n  font-size: var(--f-ui-02-fontSize);\n  color: var(--brand-green);\n  text-decoration: none;\n  transition: color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.cta-link-brand:hover {\n  color: var(--brand-green-dark);\n}\n\n@media (min-width: 750px) {\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:flex {\n    display: flex;\n  }\n}';const w=class{constructor(e){n(this,e),this.category=void 0,this.title=void 0,this.description=void 0,this.tags=[],this.url=void 0,this.linkText="Explore Components",this.variant="default"}get parsedTags(){return s(this.tags)}render(){const n=["app-card",`app-card-${this.variant}`].join(" "),e="default"===this.variant?"cta-brand":"cta";return t("div",{key:"e90fec25a02a9635247da04ca23a932be9cd7ea5",class:n},this.category&&t("eds-tag",{key:"a001a815aa32a96beac3d4af08766479030fe8d4",label:this.category,intent:"default"===this.variant?"brand":"dark",size:"medium"}),t("h3",{key:"10d4532b4fe9b9a92ad24b09634028c583166bb3",class:"app-title"},this.title),t("p",{key:"de1559913d227ff6b023ecdbc5fea29f66cb01a0",class:"app-description"},this.description),this.parsedTags&&this.parsedTags.length>0&&t("div",{key:"386a2e72a92ea03c13a4410983b8b5320e83b810",class:"app-tags"},this.parsedTags.map(((n,e)=>t("span",{key:e,class:"app-tag"},n.label)))),this.url&&t("eds-link",{key:"2c1a3d133a6f04b6a3359a3c8d2f47eb19c75202",label:this.linkText,url:this.url,intent:e,icon:"arrow-right","icon-pos":"right"}))}get el(){return i(this)}};w.style=":host{display:flex;height:100%}.app-card{height:auto;border-radius:16px;padding:1.5rem;transition:all 0.4s ease;display:flex;flex-direction:column;flex-grow:1}.app-card-default{background:var(--brand-black);border:1px solid rgba(0, 0, 0, 0.1)}.app-card-default:hover{background:var(--brand-black);border-color:rgba(0, 255, 157, 0.4);transform:translateY(-4px);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.app-card-default .app-title{color:var(--white)}.app-card-default .app-description{color:var(--grey-light)}.app-card-default .app-tag{background:rgba(255, 255, 255, 0.1);color:var(--white)}.app-card-inverse{background:var(--white);border:1px solid rgba(0, 0, 0, 0.1)}.app-card-inverse:hover{background:var(--white);border-color:rgba(0, 255, 157, 0.4);transform:translateY(-4px);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.app-card-inverse .app-title{color:var(--brand-black)}.app-card-inverse .app-description{color:var(--grey-dark)}.app-card-inverse .app-tag{background:rgba(0, 0, 0, 0.08);color:var(--brand-black)}eds-tag{margin-bottom:1rem}.app-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.75rem;margin-top:0;margin-bottom:1rem;line-height:1.3}.app-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.app-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.app-tag{padding:0.375rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:400}@media (max-width: 768px){.app-card{padding:2rem}.app-title{font-size:1.5rem}}";const k=class{constructor(e){n(this,e),this.handlePrimaryClick=()=>{this.primaryButtonUrl&&(window.location.href=this.primaryButtonUrl)},this.handleSecondaryClick=()=>{this.secondaryButtonUrl&&(window.location.href=this.secondaryButtonUrl)},this.title=void 0,this.description=void 0,this.primaryButtonText="Get Started",this.primaryButtonUrl=void 0,this.secondaryButtonText=void 0,this.secondaryButtonUrl=void 0,this.links=[],this.variant="default"}get parsedLinks(){return s(this.links)}render(){const n=["cta-container",`cta-container-${this.variant}`].join(" "),e="default"===this.variant?"brandInverse":"brand",i="default"===this.variant?"secondaryInverse":"secondary",r="default"===this.variant?"cta":"underline";return t("div",{key:"ee2163e6096ad05dc55ac40c6626236723a23b72",class:n},t("div",{key:"f51481133015ef5eafce48bab525cf166c000e3a",class:"cta-content"},t("h2",{key:"577441d8bc7cb4c906408faf995e106ef2779e8b",class:"cta-title",innerHTML:this.title}),t("p",{key:"b8cbcf891b95f82c3dd57f1db9335f55c1d7162c",class:"cta-description"},this.description),t("div",{key:"f167262a521b9e15176a4fc65e3e45a8cf24feb1",class:"cta-actions"},t("eds-button",{key:"f2c092d340996c87864677f94d979fe6317ef6d7",label:this.primaryButtonText,intent:e,icon:"arrow-right","icon-pos":"right",size:"large",triggerClick:this.handlePrimaryClick}),this.secondaryButtonText&&t("eds-button",{key:"de0fe98dab48b2ab4b78a637915df48c930c4b54",label:this.secondaryButtonText,intent:i,size:"large",triggerClick:this.handleSecondaryClick})),this.parsedLinks&&this.parsedLinks.length>0&&t("div",{key:"842a6e794364fb50829ad422fc7699527b17e918",class:"cta-links"},this.parsedLinks.map(((n,e)=>t("eds-link",{key:e,label:n.label,url:n.url,intent:r}))))))}get el(){return i(this)}};k.style=":host{display:flex;height:100%}.cta-container{height:auto;text-align:center;border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.cta-container-default{background-color:var(--brand-black);border:1px solid rgba(0, 255, 157, 0.25)}.cta-container-default .cta-title{color:var(--white)}.cta-container-default .cta-description{color:var(--grey-light)}.cta-container-default .cta-link{color:var(--grey-dark)}.cta-container-inverse{background-color:var(--white);border:1px solid rgba(0, 255, 157, 0.15)}.cta-container-inverse .cta-title{color:var(--brand-black)}.cta-container-inverse .cta-description{color:var(--grey-dark)}.cta-container-inverse .cta-link{color:var(--grey-dark)}.cta-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center, rgba(0, 255, 157, 0.1) 0%, transparent 50%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cta-content{position:relative;z-index:1;width:100%}.cta-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:clamp(1.5rem, 4vw, 2rem);letter-spacing:-0.02em;margin-bottom:1rem;line-height:1.2}.cta-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;margin:0 0 1.5rem;line-height:1.6}.cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.cta-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.cta-container{padding:1.5rem}.cta-title{font-size:1.25rem}.cta-description{font-size:0.875rem;margin-bottom:1rem}.cta-actions{gap:0.75rem;margin-bottom:1rem}.cta-links{gap:0.75rem}}";const z=class{constructor(e){n(this,e),this.description=void 0,this.truncate=!0,this.truncateLines="3",this.intent="secondary"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return t("p",{key:"c018c6b42e709c9e5df23ba9a999955ee4da1fdd",class:"f-body-02 "+("secondary"===this.intent?"text-inverse":"text-default")},t("span",{key:"bcfb43e3940a31dc4c0ec18904e4448eb27d0580",class:this.getTruncateClass()},this.description))}};z.style=".f-body-02{font-family:var(--f-body-02-fontFamily);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}";const S=class{constructor(e){n(this,e),this.icon=void 0,this.title=void 0,this.description=void 0,this.url=void 0,this.linkText="Learn more",this.variant="default"}render(){const n=["feature-card",`feature-card-${this.variant}`].join(" ");return t("div",{key:"315904b024e86403b00c9f0e3ebb93dafba08fa8",class:n},this.icon&&t("div",{key:"e0891b38e8321130471ae1422c96fbfe7662b01f",class:"feature-icon"},t("eds-icon-wrapper",{key:"768b355daebf53d69a54166525c193505dc44d67",name:this.icon,size:24})),t("h3",{key:"e2486793198e51e518f24beab609a3d0186902d4",class:"feature-title"},this.title),t("p",{key:"4d66d673b5733c96312cde5e1c3fd64cced5d95a",class:"feature-description"},this.description),this.url&&t("eds-link",{key:"e9123234265f259fb9b61172f2e79c7aba5f82b4",label:this.linkText,url:this.url,intent:"cta",icon:"arrow-right","icon-pos":"right"}))}get el(){return i(this)}};S.style=":host{display:flex;height:100%}.feature-card{height:auto;border-radius:16px;padding:1.5rem;transition:all 0.4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;flex-grow:1}.feature-card-default{background:var(--brand-black);border:1px solid rgba(0, 0, 0, 0.1)}.feature-card-default:hover{background:var(--brand-black);border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.feature-card-default .feature-title{color:var(--white)}.feature-card-default .feature-description{color:var(--grey-light)}.feature-card-inverse{background:var(--white);border:1px solid rgba(0, 0, 0, 0.1)}.feature-card-inverse:hover{background:var(--white);border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.feature-card-inverse .feature-title{color:var(--brand-black)}.feature-card-inverse .feature-description{color:var(--grey-dark)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0, 255, 157, 0.1);border-radius:12px;color:var(--brand-green);flex-shrink:0}.feature-card-inverse .feature-icon{background:rgba(0, 0, 0, 0.05);color:var(--brand-black)}.feature-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.25rem;margin-bottom:0.75rem;line-height:1.4}.feature-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;flex-grow:1}@media (max-width: 768px){.feature-card{padding:2rem}.feature-icon{width:40px;height:40px;margin-bottom:1.25rem}.feature-title{font-size:1.125rem}}";const C=class{constructor(e){n(this,e),this.parentContext=null,this.title=void 0,this.url=void 0,this.description=void 0,this.tags=[],this.intent="secondary",this.icon=void 0,this.titleSize="large",this.isHovered=!1}componentWillLoad(){}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}get parsedTags(){return s(this.tags)}articleClasses(){let n="bg-strongest";return"primary"===this.intent?n="bg-accent":"inverse"===this.intent?n="bg-inverse":"dark"===this.intent&&(n="bg-dark"),["h-auto",n,this.url?"cursor-pointer effect-shadow hover:shadow-hover":"cursor-default","border-softer effect-focus-within relative flex grow flex-col rounded-sm border-2"].join(" ")}getLearnMoreColor(){return"secondary"===this.intent?"text-inverse":"text-default"}handleClick(){var n;l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.title)||void 0===n?void 0:n.toLowerCase())||"",action:"click"})}handleMouseEnter(){this.isHovered=!0}handleMouseLeave(){this.isHovered=!1}render(){return t("article",{key:"eb4b42dccca0fb46bc8e51e1b6873e118796647b",class:this.articleClasses(),onClick:this.url?()=>this.handleClick():void 0,onMouseEnter:this.url?()=>this.handleMouseEnter():void 0,onMouseLeave:this.url?()=>this.handleMouseLeave():void 0},this.icon&&t("div",{key:"229f7daab8d8560092eb94e664c73c306b2fec19",class:"card-icon-wrapper"},t("eds-icon-wrapper",{key:"c4b76bdff72dcbe7d98a7dfea71ca8693c00094e",name:this.icon,size:32})),t("div",{key:"45d3a9d83cf92137485bae5248c55edb56c58671",class:"p-12 flex flex-col grow"},this.parsedTags&&this.parsedTags.length>0&&t("div",{key:"101676ed06f29e985c6bf11620a56660360ace57",class:"flex mb-12 gap-x-4"},this.parsedTags.map(((n,e)=>t("eds-tag",{key:e,intent:n.intent,label:n.label,size:n.size})))),t("eds-card-title",{key:"c901580eca3a3b8ce4c26e1c9ce5d0f9b7a11ed6",title:this.title,url:this.url,intent:this.intent,size:this.titleSize}),this.description&&t("div",{key:"618be209087536eee2fdfd3eaa1595c6fe6d0176",class:"mt-8"},this.description&&t("eds-card-desc",{key:"1aa3ea97c4371ea7510ad47e364cea27e1de0482","truncate-lines":"3",description:this.description,intent:this.intent})),t("slot",{key:"3086eeeeb29bb82d927ab82e6ce98664118b0193",name:"card"}),this.url&&t("div",{key:"f1f73a07002f7d82daa0b68b15d7c5cddba9c730",class:`flex items-center justify-between mt-auto pt-16 ${this.getLearnMoreColor()}`},t("span",{key:"86fd1e428f6553b74aa634359fad7ba3ce590844",class:"f-ui-01"},"Learn more"),t("eds-icon-wrapper",{key:"f955e10355e2726052cd2d34d888ea0effd2b362",name:this.isHovered?"arrow-right":"arrow-up-right",size:32}))))}get el(){return i(this)}};C.style=".h-300{height:300px}.h-auto{height:auto}:host{display:flex;height:100%}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-dark{background-color:var(--grey-light)}.bg-default{background-color:var(--grey-light)}.bg-inverse{background-color:var(--white)}.bg-accent{background-color:var(--brand-green)}.bg-strongest{background-color:var(--brand-black)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:1px solid rgba(0, 0, 0, 0.08)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-sm{border-radius:8px}.rounded-lg{border-radius:16px}.border-2{border-width:1px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-x-4{-moz-column-gap:0.25rem;column-gap:0.25rem}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.order-first{order:-9999}.mb-8{margin-bottom:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.w-full{width:100%}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.overflow-hidden{overflow:hidden}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-auto{margin-top:auto}.pt-16{padding-top:1rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.card-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem 0.5rem 1rem}.text-inverse{color:var(--white)}.text-default{color:var(--brand-black)}";const F=class{constructor(e){n(this,e),this.parentContext=null,this.category=void 0,this.title=void 0,this.description=void 0,this.tags=[],this.url=void 0,this.variant="default"}get parsedTags(){return s(this.tags)}handleClick(){var n;this.url&&(l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.title)||void 0===n?void 0:n.toLowerCase())||"",action:"click"}),window.location.href=this.url)}render(){const n=["hero-card",`hero-card-${this.variant}`,this.url?"hero-card-clickable":""].filter(Boolean).join(" ");return t("div",{key:"8f7c9c98becb22586f308b0065c3f9cd515a7860",class:n,onClick:()=>this.handleClick()},t("div",{key:"6d99fd528b9611573a5ad3548e04914f532cfa21",class:"card-category"},this.category),t("div",{key:"f117842619c7fa91b088a72d3e5405843f9b0b3f",class:"card-title"},this.title),this.description&&t("div",{key:"25a110fe2f58cb77051a8a5b37ee43e616e516fd",class:"card-description"},this.description),this.parsedTags&&this.parsedTags.length>0&&t("div",{key:"d0ef732bf246460affb697d71496ae5ee284ff48",class:"card-tags"},this.parsedTags.map(((n,e)=>t("span",{key:e,class:"card-tag"},n.label)))))}get el(){return i(this)}};F.style=":host{display:flex;height:100%}.hero-card{height:auto;position:relative;border-radius:16px;backdrop-filter:blur(20px);padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.hero-card-default{background:var(--brand-black);border:1px solid rgba(0, 0, 0, 0.1)}.hero-card-default:hover{transform:translateY(-8px);border-color:rgba(0, 255, 157, 0.4);box-shadow:0 20px 60px rgba(0, 0, 0, 0.15)}.hero-card-default .card-category{color:var(--grey-dark)}.hero-card-default .card-title{color:var(--white)}.hero-card-default .card-description{color:var(--grey-dark)}.hero-card-default .card-tag{background:rgba(0, 255, 157, 0.15);color:var(--brand-green)}.hero-card-inverse{background:var(--white);border:1px solid rgba(0, 0, 0, 0.1)}.hero-card-inverse:hover{transform:translateY(-8px);border-color:rgba(0, 255, 157, 0.4);box-shadow:0 20px 60px rgba(0, 0, 0, 0.15)}.hero-card-inverse .card-category{color:var(--grey-dark)}.hero-card-inverse .card-title{color:var(--brand-black)}.hero-card-inverse .card-description{color:var(--grey-dark)}.hero-card-inverse .card-tag{background:rgba(0, 255, 157, 0.2);color:var(--brand-black)}.hero-card-clickable{cursor:pointer}.card-category{font-size:0.625rem;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:0.75rem;font-weight:500}.card-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.25rem;margin-bottom:0.5rem;line-height:1.3}.card-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.8125rem;line-height:1.5;margin-bottom:1rem}.card-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.card-tag{padding:0.25rem 0.625rem;border-radius:4px;font-family:'IBM Plex Mono', monospace;font-size:0.6875rem;font-weight:500}@media (max-width: 768px){.hero-card{padding:1.25rem}.card-title{font-size:1.125rem}}";const E=class{constructor(e){n(this,e),this.parentContext=null,this.number=void 0,this.label=void 0,this.description=void 0,this.url=void 0,this.variant="default"}handleClick(){var n;this.url&&(l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.label)||void 0===n?void 0:n.toLowerCase())||"",action:"click"}),window.location.href=this.url)}render(){const n=["stat-card",`stat-card-${this.variant}`,this.url?"stat-card-clickable":""].filter(Boolean).join(" ");return t("div",{key:"9934fb7c9f9014293fc4190e83b658151c8ce5a1",class:n,onClick:()=>this.handleClick()},t("div",{key:"22b26775310db09da96fe0d793362ff8691da554",class:"stat-number"},this.number),t("div",{key:"59e5a6f0851ac2d133cdfa7fdbb160401c60ba92",class:"stat-label"},this.label),this.description&&t("div",{key:"916007f86e7de06b8e7cec79fc92b422a2c66db0",class:"stat-description"},this.description))}get el(){return i(this)}};E.style=":host{display:flex;height:100%}.stat-card{height:auto;border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;display:flex;flex-direction:column;flex-grow:1;transition:all 0.4s ease}.stat-card-default{background:var(--brand-black);border:1px solid rgba(0, 0, 0, 0.1)}.stat-card-default:hover{background:var(--brand-black);border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.stat-card-default .stat-number{background:linear-gradient(135deg, var(--brand-green) 0%, var(--white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-default .stat-label{color:var(--white)}.stat-card-default .stat-description{color:var(--grey-dark)}.stat-card-inverse{background:var(--white);border:1px solid rgba(0, 0, 0, 0.1)}.stat-card-inverse:hover{background:var(--white);border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.stat-card-inverse .stat-number{background:linear-gradient(135deg, var(--brand-black) 0%, var(--grey-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-inverse .stat-label{color:var(--brand-black)}.stat-card-inverse .stat-description{color:var(--grey-dark)}.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, transparent, var(--brand-green), transparent);opacity:0;transition:opacity 0.4s ease}.stat-card:hover::before{opacity:1}.stat-card:hover{transform:translateY(-4px)}.stat-card-clickable{cursor:pointer}.stat-number{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:4rem;line-height:1;margin-bottom:0.5rem}.stat-label{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;margin-bottom:0.5rem;font-weight:400}.stat-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.8125rem;line-height:1.5}@media (max-width: 768px){.stat-card{padding:1.5rem}.stat-number{font-size:2.5rem}}";const A=class{constructor(e){n(this,e),this.url=void 0,this.externalLink=!1,this.title=void 0,this.intent="secondary",this.size="large"}getTitleClass(){switch(this.size){case"small":return"f-heading-05";case"medium":return"f-heading-04";case"xlarge":return"f-heading-02";case"display":return"f-display-02";default:return"f-heading-03"}}render(){const n="secondary"===this.intent?"text-inverse":"text-default",e=this.getTitleClass();return this.url?t("span",{class:e},t("a",{class:`break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none ${n} cursor-pointer`,href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.title)):t("span",{class:`${e} ${n} break-words`},this.title)}};A.style="a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-display-02{font-family:var(--f-display-02-fontFamily);font-weight:var(--f-display-02-fontWeight);font-size:var(--f-display-02-fontSize);line-height:var(--f-display-02-lineHeight);letter-spacing:var(--f-display-02-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.font-semibold{font-weight:600}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.cursor-pointer{cursor:pointer}";var H="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},M={exports:{}};!function(n){var e=function(n){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,i={},r={manual:n.Prism&&n.Prism.manual,disableWorkerMessageHandler:n.Prism&&n.Prism.disableWorkerMessageHandler,util:{encode:function n(e){return e instanceof l?new l(e.type,n(e.content),e.alias):Array.isArray(e)?e.map(n):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(n){return Object.prototype.toString.call(n).slice(8,-1)},objId:function(n){return n.__id||Object.defineProperty(n,"__id",{value:++t}),n.__id},clone:function n(e,t){var i,l;switch(t=t||{},r.util.type(e)){case"Object":if(l=r.util.objId(e),t[l])return t[l];for(var o in t[l]=i={},e)e.hasOwnProperty(o)&&(i[o]=n(e[o],t));return i;case"Array":return l=r.util.objId(e),t[l]?t[l]:(t[l]=i=[],e.forEach((function(e,r){i[r]=n(e,t)})),i);default:return e}},getLanguage:function(n){for(;n;){var t=e.exec(n.className);if(t)return t[1].toLowerCase();n=n.parentElement}return"none"},setLanguage:function(n,t){n.className=n.className.replace(RegExp(e,"gi"),""),n.classList.add("language-"+t)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var n=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(n){var e=document.getElementsByTagName("script");for(var t in e)if(e[t].src==n)return e[t]}return null}},isActive:function(n,e,t){for(var i="no-"+e;n;){var r=n.classList;if(r.contains(e))return!0;if(r.contains(i))return!1;n=n.parentElement}return!!t}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(n,e){var t=r.util.clone(r.languages[n]);for(var i in e)t[i]=e[i];return t},insertBefore:function(n,e,t,i){var l=(i=i||r.languages)[n],o={};for(var a in l)if(l.hasOwnProperty(a)){if(a==e)for(var s in t)t.hasOwnProperty(s)&&(o[s]=t[s]);t.hasOwnProperty(a)||(o[a]=l[a])}var d=i[n];return i[n]=o,r.languages.DFS(r.languages,(function(e,t){t===d&&e!=n&&(this[e]=o)})),o},DFS:function n(e,t,i,l){l=l||{};var o=r.util.objId;for(var a in e)if(e.hasOwnProperty(a)){t.call(e,a,e[a],i||a);var s=e[a],d=r.util.type(s);"Object"!==d||l[o(s)]?"Array"!==d||l[o(s)]||(l[o(s)]=!0,n(s,t,a,l)):(l[o(s)]=!0,n(s,t,null,l))}}},plugins:{},highlightAll:function(n,e){r.highlightAllUnder(document,n,e)},highlightAllUnder:function(n,e,t){var i={callback:t,container:n,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),r.hooks.run("before-all-elements-highlight",i);for(var l,o=0;l=i.elements[o++];)r.highlightElement(l,!0===e,i.callback)},highlightElement:function(e,t,i){var l=r.util.getLanguage(e),o=r.languages[l];r.util.setLanguage(e,l);var a=e.parentElement;a&&"pre"===a.nodeName.toLowerCase()&&r.util.setLanguage(a,l);var s={element:e,language:l,grammar:o,code:e.textContent};function d(n){s.highlightedCode=n,r.hooks.run("before-insert",s),s.element.innerHTML=s.highlightedCode,r.hooks.run("after-highlight",s),r.hooks.run("complete",s),i&&i.call(s.element)}if(r.hooks.run("before-sanity-check",s),(a=s.element.parentElement)&&"pre"===a.nodeName.toLowerCase()&&!a.hasAttribute("tabindex")&&a.setAttribute("tabindex","0"),!s.code)return r.hooks.run("complete",s),void(i&&i.call(s.element));if(r.hooks.run("before-highlight",s),s.grammar)if(t&&n.Worker){var c=new Worker(r.filename);c.onmessage=function(n){d(n.data)},c.postMessage(JSON.stringify({language:s.language,code:s.code,immediateClose:!0}))}else d(r.highlight(s.code,s.grammar,s.language));else d(r.util.encode(s.code))},highlight:function(n,e,t){var i={code:n,grammar:e,language:t};if(r.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=r.tokenize(i.code,i.grammar),r.hooks.run("after-tokenize",i),l.stringify(r.util.encode(i.tokens),i.language)},tokenize:function(n,e){var t=e.rest;if(t){for(var i in t)e[i]=t[i];delete e.rest}var r=new s;return d(r,r.head,n),a(n,r,e,r.head,0),function(n){for(var e=[],t=n.head.next;t!==n.tail;)e.push(t.value),t=t.next;return e}(r)},hooks:{all:{},add:function(n,e){var t=r.hooks.all;t[n]=t[n]||[],t[n].push(e)},run:function(n,e){var t=r.hooks.all[n];if(t&&t.length)for(var i,l=0;i=t[l++];)i(e)}},Token:l};function l(n,e,t,i){this.type=n,this.content=e,this.alias=t,this.length=0|(i||"").length}function o(n,e,t,i){n.lastIndex=e;var r=n.exec(t);if(r&&i&&r[1]){var l=r[1].length;r.index+=l,r[0]=r[0].slice(l)}return r}function a(n,e,t,i,s,h){for(var g in t)if(t.hasOwnProperty(g)&&t[g]){var f=t[g];f=Array.isArray(f)?f:[f];for(var b=0;b<f.length;++b){if(h&&h.cause==g+","+b)return;var p=f[b],m=p.inside,x=!!p.lookbehind,u=!!p.greedy,v=p.alias;if(u&&!p.pattern.global){var y=p.pattern.toString().match(/[imsuy]*$/)[0];p.pattern=RegExp(p.pattern.source,y+"g")}for(var w=p.pattern||p,k=i.next,z=s;k!==e.tail&&!(h&&z>=h.reach);z+=k.value.length,k=k.next){var S=k.value;if(e.length>n.length)return;if(!(S instanceof l)){var C,F=1;if(u){if(!(C=o(w,z,n,x))||C.index>=n.length)break;var E=C.index,A=C.index+C[0].length,H=z;for(H+=k.value.length;E>=H;)H+=(k=k.next).value.length;if(z=H-=k.value.length,k.value instanceof l)continue;for(var M=k;M!==e.tail&&(H<A||"string"==typeof M.value);M=M.next)F++,H+=M.value.length;F--,S=n.slice(z,H),C.index-=z}else if(!(C=o(w,0,S,x)))continue;var $=C[0],L=S.slice(0,E=C.index),j=S.slice(E+$.length),I=z+S.length;h&&I>h.reach&&(h.reach=I);var V=k.prev;if(L&&(V=d(e,V,L),z+=L.length),c(e,V,F),k=d(e,V,new l(g,m?r.tokenize($,m):$,v,$)),j&&d(e,k,j),F>1){var _={cause:g+","+b,reach:I};a(n,e,t,k.prev,z,_),h&&_.reach>h.reach&&(h.reach=_.reach)}}}}}}function s(){var n={value:null,prev:null,next:null},e={value:null,prev:n,next:null};n.next=e,this.head=n,this.tail=e,this.length=0}function d(n,e,t){var i=e.next,r={value:t,prev:e,next:i};return e.next=r,i.prev=r,n.length++,r}function c(n,e,t){for(var i=e.next,r=0;r<t&&i!==n.tail;r++)i=i.next;e.next=i,i.prev=e,n.length-=r}if(n.Prism=r,l.stringify=function n(e,t){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=n(e,t)})),i}var l={type:e.type,content:n(e.content,t),tag:"span",classes:["token",e.type],attributes:{},language:t},o=e.alias;o&&(Array.isArray(o)?Array.prototype.push.apply(l.classes,o):l.classes.push(o)),r.hooks.run("wrap",l);var a="";for(var s in l.attributes)a+=" "+s+'="'+(l.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+l.tag+' class="'+l.classes.join(" ")+'"'+a+">"+l.content+"</"+l.tag+">"},!n.document)return n.addEventListener?(r.disableWorkerMessageHandler||n.addEventListener("message",(function(e){var t=JSON.parse(e.data),i=t.language,l=t.immediateClose;n.postMessage(r.highlight(t.code,r.languages[i],i)),l&&n.close()}),!1),r):r;var h=r.util.currentScript();function g(){r.manual||r.highlightAll()}if(h&&(r.filename=h.src,h.hasAttribute("data-manual")&&(r.manual=!0)),!r.manual){var f=document.readyState;"loading"===f||"interactive"===f&&h&&h.defer?document.addEventListener("DOMContentLoaded",g):window.requestAnimationFrame?window.requestAnimationFrame(g):window.setTimeout(g,16)}return r}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */n.exports&&(n.exports=e),void 0!==H&&(H.Prism=e),e.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},e.languages.markup.tag.inside["attr-value"].inside.entity=e.languages.markup.entity,e.languages.markup.doctype.inside["internal-subset"].inside=e.languages.markup,e.hooks.add("wrap",(function(n){"entity"===n.type&&(n.attributes.title=n.content.replace(/&amp;/,"&"))})),Object.defineProperty(e.languages.markup.tag,"addInlined",{value:function(n,t){var i={};i["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:e.languages[t]},i.cdata=/^<!\[CDATA\[|\]\]>$/i;var r={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:i}};r["language-"+t]={pattern:/[\s\S]+/,inside:e.languages[t]};var l={};l[n]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return n})),"i"),lookbehind:!0,greedy:!0,inside:r},e.languages.insertBefore("markup","cdata",l)}}),Object.defineProperty(e.languages.markup.tag,"addAttribute",{value:function(n,t){e.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+n+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:e.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),e.languages.html=e.languages.markup,e.languages.mathml=e.languages.markup,e.languages.svg=e.languages.markup,e.languages.xml=e.languages.extend("markup",{}),e.languages.ssml=e.languages.xml,e.languages.atom=e.languages.xml,e.languages.rss=e.languages.xml,function(n){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;n.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},n.languages.css.atrule.inside.rest=n.languages.css;var t=n.languages.markup;t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(e),e.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},e.languages.javascript=e.languages.extend("clike",{"class-name":[e.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),e.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,e.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:e.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:e.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:e.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:e.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:e.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),e.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:e.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),e.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),e.languages.markup&&(e.languages.markup.tag.addInlined("script","javascript"),e.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),e.languages.js=e.languages.javascript,function(){if(void 0!==e&&"undefined"!=typeof document){Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var n={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},t="data-src-status",i="loading",r="loaded",l="pre[data-src]:not(["+t+'="'+r+'"]):not(['+t+'="'+i+'"])';e.hooks.add("before-highlightall",(function(n){n.selector+=", "+l})),e.hooks.add("before-sanity-check",(function(o){var a=o.element;if(a.matches(l)){o.code="",a.setAttribute(t,i);var s=a.appendChild(document.createElement("CODE"));s.textContent="Loading…";var d=a.getAttribute("data-src"),c=o.language;if("none"===c){var h=(/\.(\w+)$/.exec(d)||[,"none"])[1];c=n[h]||h}e.util.setLanguage(s,c),e.util.setLanguage(a,c);var g=e.plugins.autoloader;g&&g.loadLanguages(c),function(n){var i=new XMLHttpRequest;i.open("GET",n,!0),i.onreadystatechange=function(){4==i.readyState&&(i.status<400&&i.responseText?function(n){a.setAttribute(t,r);var i=function(n){var e=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(n||"");if(e){var t=Number(e[1]),i=e[3];return e[2]?i?[t,Number(i)]:[t,void 0]:[t,t]}}(a.getAttribute("data-range"));if(i){var l=n.split(/\r\n?|\n/g),o=i[0],d=null==i[1]?l.length:i[1];o<0&&(o+=l.length),o=Math.max(0,Math.min(o-1,l.length)),d<0&&(d+=l.length),d=Math.max(0,Math.min(d,l.length)),n=l.slice(o,d).join("\n"),a.hasAttribute("data-start")||a.setAttribute("data-start",String(o+1))}s.textContent=n,e.highlightElement(s)}(i.responseText):function(n){a.setAttribute(t,"failed"),s.textContent=n}(i.status>=400?"✖ Error "+i.status+" while fetching file: "+i.statusText:"✖ Error: File does not exist or is empty"))},i.send(null)}(d)}})),e.plugins.fileHighlight={highlight:function(n){for(var t,i=(n||document).querySelectorAll(l),r=0;t=i[r++];)e.highlightElement(t)}};var o=!1;e.fileHighlight=function(){o||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),o=!0),e.plugins.fileHighlight.highlight.apply(this,arguments)}}}()}(M);const $=M.exports;Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python,function(n){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",t={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:t,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};n.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:t}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},t.inside=n.languages.bash;for(var r=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],l=i.variable[1].inside,o=0;o<r.length;o++)l[r[o]]=n.languages.bash[r[o]];n.languages.sh=n.languages.bash,n.languages.shell=n.languages.bash}(Prism),function(n){var e=/[*&][^\s[\]{},]+/,t=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+t.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+t.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),l=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function o(n,e){e=(e||"").replace(/m/g,"")+"m";var t=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return n}));return RegExp(t,e)}n.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+l+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:o(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:o(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:o(l),lookbehind:!0,greedy:!0},number:{pattern:o(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:t,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism),function(n){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;n.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},n.languages.css.atrule.inside.rest=n.languages.css;var t=n.languages.markup;t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(Prism);const L=class{constructor(e){n(this,e),this.code=void 0,this.language=void 0,this.copied=!1}copyToClipboard(){navigator.clipboard.writeText(this.code).then((()=>{this.copied=!0,setTimeout((()=>this.copied=!1),2e3)}))}getHighlightedCode(){return this.language&&$.languages[this.language]?$.highlight(this.code,$.languages[this.language],this.language):this.code}render(){return t("div",{key:"16c785c0fbac538fb0e20c42ed613f5211bea089",class:"relative bg-strongest rounded-sm"},t("div",{key:"24967e8c714dc62c2366cae6bf6a19566fdeedbf",class:"text-inverse flex justify-between items-center p-8"},this.language?t("span",{class:"f-ui-03"},this.language.toUpperCase()):t("pre",{class:"bg-stronger pl-8",role:"region","aria-label":"Code block without language"},t("code",{innerHTML:this.getHighlightedCode()})),t("span",{key:"d84c547a7fda762a51279462e6c33642d3ed93b1","aria-hidden":"true",class:"w-20 h-20 mt-8"},t("eds-icon-wrapper",{key:"e784206acb815fdb2df3f7013b32e18b42f47e0d",name:this.copied?"checkmark-filled":"copy",onClick:()=>this.copyToClipboard()})),t("span",{key:"8f68b5adda295c370cfff19602cb8cc140d9a10d",class:"sr-only"},"Copy Code")),this.language&&t("pre",{key:"a3c42360f4a5026d8e6f5328f5ed5d8ca724c3ca",class:`language-${this.language} bg-stronger pl-8 pb-8`,role:"region","aria-label":`Code block in ${this.language}`},t("code",{key:"96ce7f1cf1cee401bd1a90368c56934116d97d29",innerHTML:this.getHighlightedCode()})))}get el(){return i(this)}};L.style=":host{display:block}.relative{position:relative}.bg-strongest{background-color:#07140D;border:1px solid rgba(255, 255, 255, 0.1)}.rounded-sm{border-radius:12px;overflow:hidden}.text-inverse{color:#E5E7EB}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.p-8{padding:0.75rem 1rem;background:rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.08)}.f-ui-03{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:#00FF9D;background:rgba(0, 255, 157, 0.1);padding:0.25rem 0.5rem;border-radius:4px;line-height:1.4}.w-20{width:1.25rem}.h-20{height:1.25rem}.mt-8{margin-top:0;cursor:pointer;color:#9CA3AF;transition:color 0.2s ease}.mt-8:hover{color:white}pre{margin:0;color:#D1D5DB;overflow-x:auto}pre[class*=\"language-\"]{white-space:pre-wrap;word-break:break-word}.bg-stronger{background:transparent}.pl-8{padding:1.25rem 1.5rem}.pb-8{padding-bottom:1.25rem}code{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.7}.token.keyword{color:#ff79c6}.token.string{color:#00FF9D}.token.function{color:#8be9fd}.token.comment{color:#6B7280;font-style:italic}.token.tag{color:#ff79c6}.token.attr-name{color:#8be9fd}.token.attr-value{color:#00FF9D}.token.punctuation{color:#d8d8d8}.token.operator{color:#8be9fd}.token.number{color:#ffb87e}.token.boolean{color:#d18fff}.token.property{color:#8be9fd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";const j=class{constructor(t){n(this,t),this.dropdown=e(this,"dropdown",7),this.focusableItems=[],this.handleClick=()=>{var n,e;this.isOpen=!this.isOpen,this.isOpen?(this.focusableItems=Array.from((null===(n=this.panelEl)||void 0===n?void 0:n.querySelectorAll('a, button, [role="menuitem"]'))||[]),this.focusIndex=this.focusableItems.length?0:-1,this.focusItem()):this.closeDropdown(),this.dropdown.emit({expanded:this.isOpen}),l({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:(null===(e=this.label)||void 0===e?void 0:e.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="ghost",this.autoClose=!0,this.noCloseSelector="[data-dropdown-no-close]",this.isOpen=!1,this.focusIndex=-1}async close(){this.closeDropdown()}handleWindowClick(n){(n.composedPath&&n.composedPath()||[]).includes(this.host)||(this.closeDropdown(),this.dropdown.emit({expanded:!1}))}handleKeyDown(n){if(this.isOpen)switch(n.key){case"Tab":this.closeDropdown(),this.dropdown.emit({expanded:!1});break;case"ArrowUp":n.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":n.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem()}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1,this.dropdown.emit({expanded:!1})}focusItem(){var n;null===(n=this.focusableItems[this.focusIndex])||void 0===n||n.focus()}componentDidLoad(){var n;this.focusableItems=Array.from((null===(n=this.dropdownContent)||void 0===n?void 0:n.querySelectorAll("a, button"))||[])}handleHostInternalClick(n){var e;if(!this.isOpen||!this.panelEl)return;const t=(null===(e=n.composedPath)||void 0===e?void 0:e.call(n))||[];if(!t.includes(this.panelEl))return;const i=t.some((n=>{var e;return null===(e=null==n?void 0:n.closest)||void 0===e?void 0:e.call(n,"[data-dropdown-close]")}));if(i)return void setTimeout((()=>this.closeDropdown()),0);if(!this.autoClose)return;const r=t.some((n=>{var e;return null===(e=null==n?void 0:n.closest)||void 0===e?void 0:e.call(n,this.noCloseSelector)}));r||setTimeout((()=>this.closeDropdown()),0)}render(){return t("div",{key:"52f349afae529afc12461642abf17fcf4870ca6f",class:"z-focus relative",ref:n=>this.dropdownContent=n},t("eds-button",{key:"ed1f3366306f7e3d708473e14fc8de5723dba03f",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,iconSmall:!1,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu",size:"small",pill:!0}),t("nav",{key:"fb9a559a97ad866b62d4cb2a0f7f828548e24c75",ref:n=>this.panelEl=n,role:"menu",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":"left"===this.dropdownPos&&this.dropdownOffset,"left-0":"left"===this.dropdownPos&&!this.dropdownOffset,"right-4":"right"===this.dropdownPos&&this.dropdownOffset,"right-0":"right"===this.dropdownPos&&!this.dropdownOffset},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},t("slot",{key:"6205de74b039cb784bf9b104edfd6f7a03cc5ed1"})))}get host(){return i(this)}};j.style=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";const I=class{constructor(t){n(this,t),this.cookies=e(this,"cookies",7),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.social=!1,this.variant="default",this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${(new Date).getFullYear()} EBRAINS. All rights reserved.`,this.cookiesPreferences="Cookies preferences",this.enableCookiesSettings=!1,this.backToTopAriaLabel="Back to Top",this.showMatomoNotice=!1}componentDidLoad(){var n;this.backBtn=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#toTop")}handleScroll(){if(!this.backBtn)return;const n=window.scrollY>100&&document.body.scrollHeight>window.innerHeight;this.backBtn.style.opacity=n?"1":"0",this.backBtn.style.pointerEvents=n?"auto":"none";const e=this.backBtn.querySelector("eds-button");e&&(e.removeAttribute("aria-hidden"),e.setAttribute("tabindex",n?"0":"-1"))}toggleCookiesConsent(){this.cookies.emit("toggle")}render(){const n=(new Date).getFullYear(),e=this.rightsReserved||`${n} EBRAINS. All rights reserved.`,i="inverse"===this.variant,r=i?"border-inverse-softer":"border-softest",l=i?"text-inverse":"text-default";return t("footer",{key:"ffe47afda9981e367f24d2525a5b21e96f4f3d10",class:i?"bg-strongest text-inverse":""},this.social?t("div",{class:`${r} border-t-2 pt-20 md:pt-28`},t("div",{class:"container pb-20"},t("div",{class:"grid-layout"},t("div",{class:"grid-col-span-12 lg:grid-col-span-5"},t("eds-social-networks",{class:"mt-28",variant:this.variant}))))):null,t("div",{key:"2e884f06ca55ea5837aabfd7d726a79b72365ab3",class:`${r} ${this.social?"border-t-2":""} pb-28 pt-20 md:pt-28`},t("div",{key:"f601602dd39c564ce77d978325cbacaa752bd5f0",class:"container flex items-center gap-20 lg:flex-nowrap"},t("div",{key:"94d6bf12bca8a37560124de2a9114a4566494883",class:"flex items-center gap-x-12"},t("a",{key:"8c9bf0a41cce7e043311b39c6418d2dc3541694f",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en","aria-label":"Learn about Horizon Europe funding"},t("svg",{key:"5d0c96911aa0069dd7c0ef6a5690d5ac59dbc737",class:"h-auto w-full",width:"63",height:"50",viewBox:"0 0 640 480",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"bab3fd3f37857e99c2a525b7a9553d4c706d247c",d:"M0 0h640v480H0V0z",fill:"#039"}),t("path",{key:"e77d6f1fc21f36083196adcb4f6b7a3e70105b0f",d:"M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z",fill:"#FC0"})))),t("div",{key:"3057a627d8cc6e524f6381f21bb34b549d45021f"},t("div",{key:"d6397eaa434f15d415bff0c5171b4f71295dabc3",class:`f-ui-02 ${l}`},t("p",{key:"cc9e370cd5b4238fcd76bc8f1f84c54af2873bab"},this.fundedBy),t("div",{key:"9af9a16cf3cc6fc4223c1b5eac13f96894b92962",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"},t("span",{key:"e86c83c7504f60831dc9d4239b3e2b551b2765b6",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"},"© ",e),this.enableCookiesSettings?t("eds-link",{label:this.cookiesPreferences,intent:"underline",size:"small",onClick:()=>{this.toggleCookiesConsent()}}):null))),t("div",{key:"d2dcb8a3a99c5aa368d6d710e125e3a9f8fefd25",class:"ml-auto pl-12"},this.enableScrollTop?t("div",{id:"toTop",class:"transition-all transition duration-75 opacity-0"},t("eds-button",{id:"backToTop","aria-label":this.backToTopAriaLabel,intent:i?"ghostInverse":"ghost",size:"large",icon:"chevron-up",onClick:this.backToTop,tabindex:"-1"})):null))))}get el(){return i(this)}};function V(n,e,t,i,r,l,o){const a=[];if(i&&!e){const e=n.length>30?`${n.slice(0,27)}…`:n;a.push(`“${e}” is required.`)}if("number"===t){const t="number"==typeof e?e:parseFloat(e);isNaN(t)?a.push(`${n} must be a valid number.`):("number"==typeof l&&t<l&&a.push(`${n} must be greater than or equal to ${l}.`),"number"==typeof o&&t>o&&a.push(`${n} must be less than or equal to ${o}.`))}if(r&&"string"==typeof e&&e.length>r&&a.push(`${n} must be at most ${r} characters.`),"email"===t&&e&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString())&&a.push("Invalid email format."),"url"===t&&e)try{new URL(e.toString())}catch(n){a.push("Invalid URL format.")}if("tel"===t&&e){const n=e.toString(),t=/\d/.test(n),i=/^[\d\s\-\+\(\)\.]+$/.test(n);t?i||a.push("Phone number contains invalid characters. Use only digits, spaces, +, -, (, ), or ."):a.push("Phone number must contain at least one digit.")}return a}function _(n,e,t){const i=Array.from(t.querySelectorAll("eds-input-field")).filter((e=>{var t,i;return(null===(i=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll(`input[name="${n}"]`))||void 0===i?void 0:i.length)>0})).flatMap((e=>{var t;return Array.from((null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll(`input[name="${n}"]`))||[])})).some((n=>n.checked)),r=[];return e&&!i&&r.push(`At least one option in ${n} is required.`),r}function B(n,e,t){var i;const r=[],l=Array.from(t.querySelectorAll("eds-input-field")).find((e=>{var t;return null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector(`[name="${n}"]`)}));if(!l)return e&&r.push(`${n} is required.`),r;const o=null===(i=l.shadowRoot)||void 0===i?void 0:i.querySelector(`[name="${n}"]`);return e&&o&&!o.checked&&r.push(`${n} is required.`),r}I.style="p{margin:0}footer{position:relative}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-light)}.bg-strongest{background-color:var(--brand-black)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-inverse-softer{border-color:rgba(255, 255, 255, .15)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus:focus-visible{outline-style:solid}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.h-auto{height:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-light)}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.mt-4{margin-top:0.25rem}.mr-4{margin-right:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}.opacity-0{opacity:0}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-75{transition-duration:75ms}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}";const D=class{constructor(t){n(this,t),this.form=e(this,"form",7),this.name="eds-form",this.title="Form Title",this.description="Form Description",this.setFormUrl=!0,this.formBtn=!0,this.formBtnLabel="Submit",this.buttonIntent="primary",this.clearBtn=!1,this.clearBtnLabel="Clear",this.errorMessage="Some fields in your form are incorrect.",this.fields=[],this.groups=[],this.initData={},this.formStyle="default",this.values={},this.isSubmitting=!1,this.hasError=!1,this.errors={},this.parsedFields=[],this.parsedGroups=[]}async setData(n){this.populateFormWithInitData(n)}componentWillLoad(){this.parseFields(this.fields),this.parseGroups(this.groups),this.el.querySelectorAll("eds-button").forEach((n=>{this.emitContext(n)}))}componentDidLoad(){this.shouldFormProcessInitData&&this.populateFormWithInitData(this.initData)}get shouldFormProcessInitData(){return!!this.initData}parseFields(n){this.parsedFields=s(n)}parseGroups(n){this.parsedGroups=s(n)}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}isFieldVisible(n){if(!n.condition)return!0;const e=this.values[n.condition.field],t=n.condition.value;return null==e?null==t||""===t:Array.isArray(e)?e.some((n=>this.normalizeValue(n)===this.normalizeValue(t))):"string"==typeof e&&e.includes(",")?e.split(",").map((n=>n.trim())).some((n=>this.normalizeValue(n)===this.normalizeValue(t))):this.normalizeValue(e)===this.normalizeValue(t)}normalizeValue(n){return null==n?"":"boolean"==typeof n?n?"true":"false":"number"==typeof n?String(n):"string"==typeof n?n.trim().toLowerCase():String(n).trim().toLowerCase()}validateForm(){const{errors:n,hasError:e}=function(n,e,t,i){const r={};let l=!1;return n.forEach((n=>{if(i(n,t)){if("hidden"!==n.type)if("checkbox"!==n.type&&"radio"!==n.type||n.options)if(!n.options||"checkbox"!==n.type&&"radio"!==n.type)if("rating"===n.type){const t=function(n){const e=Array.from(n.querySelectorAll("eds-rating"));for(const n of e)return n;return null}(e);if(t){const e=t.getAttribute("selected-rating"),i=null!==e?parseInt(e,10):0,o=V(n.name,i,n.type,n.required);o.length>0&&(r[n.name]=o,l=!0)}}else{if("nps"===n.type){const t=function(n){const e=Array.from(n.querySelectorAll("eds-nps"));for(const n of e)return n;return null}(e);if(t){const e=t.getAttribute("selected-value"),i=null!==e?parseInt(e,10):null;(null===i||isNaN(i))&&n.required&&(r[n.name]=["This field is required."],l=!0)}else n.required&&(r[n.name]=["This field is required."],l=!0);return}{const t=function(n,e){const t=Array.from(n.querySelectorAll("eds-input-field"));for(const n of t)if(n.shadowRoot){const t=n.shadowRoot.querySelector(`[name="${e}"]`);if(t)return t}return null}(e,n.name);if(t){const e=V(n.name,t.value,n.type,n.required,n.maxlength,n.min,n.max);e.length>0&&(r[n.name]=e,l=!0)}}}else{const t=_(n.name,n.required,e);t.length>0&&(r[n.name]=t,l=!0)}else{const t=B(n.name,n.required,e);t.length>0&&(r[n.name]=t,l=!0)}}else delete r[n.name]})),{errors:r,hasError:l}}(this.parsedFields,this.formEl,this.values,(n=>this.isFieldVisible(n)));this.errors=n,this.hasError=e}populateFormWithInitData(n){const{updatedValues:e}=function({initData:n,parsedFields:e,currentValues:t}){const i=Object.assign({},t);return e.forEach((e=>{const t=n[e.name];void 0!==t&&(i[e.name]=t)})),{updatedValues:i}}({initData:n,parsedFields:this.parsedFields,currentValues:this.values,formEl:this.formEl,isFieldVisible:(n,e)=>{if(!n.condition)return!0;const t=e[n.condition.field],i=n.condition.value;return null==t?null==i||""===i:Array.isArray(t)?t.some((n=>this.normalizeValue(n)===this.normalizeValue(i))):"string"==typeof t&&t.includes(",")?t.split(",").map((n=>n.trim())).some((n=>this.normalizeValue(n)===this.normalizeValue(i))):this.normalizeValue(t)===this.normalizeValue(i)}});this.values=e}getFormData(){const n=new FormData;return n.append("form_name",this.name),this.setFormUrl&&"undefined"!=typeof window&&n.set("form_url",window.location.href),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((e=>{if(e.shadowRoot){const t=e.shadowRoot.querySelector("input, textarea, select");if(t&&t.name)if("checkbox"===t.type||"radio"===t.type){const i=Array.from(e.shadowRoot.querySelectorAll(`input[name="${t.name}"]:checked`)).map((n=>n.value));n.append(t.name,i.join(","))}else if("file"===t.type){const e=t;e.files&&e.files.length>0&&Array.from(e.files).forEach((t=>{n.append(e.name,t)}))}else n.append(t.name,t.value)}})),n}makeFormData(){var n;const e=new FormData;return e.append("form_name",this.name),this.setFormUrl&&"undefined"!=typeof window&&e.set("form_url",window.location.href),Object.keys(this.values).forEach((n=>{const t=this.values[n];Array.isArray(t)&&(0===t.length||t[0]instanceof File)?t.forEach((t=>e.append(n,t))):(t instanceof File||null!=t)&&e.append(n,t)})),(null===(n=this.parsedFields)||void 0===n?void 0:n.some((n=>"file"===(null==n?void 0:n.type))))&&this.formEl&&Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((n=>{const t=n.shadowRoot;t&&Array.from(t.querySelectorAll('input[type="file"][name]')).forEach((n=>{const t=n.name,i=n.files?Array.from(n.files):[];i.length>0&&i.forEach((n=>e.append(t,n)))}))})),e}handleChange(n,e){let t;if(n instanceof CustomEvent&&n.detail&&"value"in n.detail)t=n.detail.value;else{const i=n.target;if(t=i.value,"checkbox"===i.type){const n=this.values[e.name]||"";let r=n?n.split(","):[];i.checked?r.includes(i.value)||r.push(i.value):r=r.filter((n=>n!==i.value)),t=r.join(",")}else if("radio"===i.type){if(!i.checked)return;t=i.value}}this.values=Object.assign(Object.assign({},this.values),{[e.name]:t}),"password"!==e.name&&this.form.emit({event:"change",field:e.name,value:t,message:`${e.name} updated`})}handleInput(n,e){let t;if(n instanceof CustomEvent&&n.detail&&"value"in n.detail)t=n.detail.value;else{const e=n.target;if("radio"===e.type&&!e.checked)return;t=e.value}const i=Object.assign({},this.errors),r=function(n,e,t){return"checkbox"===n.type||"radio"===n.type?n.options?_(n.name,n.required,t):B(n.name,n.required,t):V(n.name,e,n.type,n.required,n.maxlength,n.min,n.max)}(e,t,this.formEl);r.length>0?i[e.name]=r:delete i[e.name],this.errors=i,this.hasError=Object.keys(i).length>0,this.form.emit({event:"input",field:e.name,value:t,message:`${e.name} updated`})}handleRating(n,e){const t=n.detail;this.values=Object.assign(Object.assign({},this.values),{[e.name]:t});const i=Object.assign({},this.errors);e.required&&0===t?i[e.name]=["This field is required"]:delete i[e.name],this.errors=i,this.hasError=Object.keys(i).length>0,this.form.emit({event:"change",field:e.name,value:t,message:`${e.name} updated`})}handleNPS(n,e){const t=n.detail;this.values=Object.assign(Object.assign({},this.values),{[e.name]:t});const i=Object.assign({},this.errors);e.required&&null===t?i[e.name]=["This field is required"]:delete i[e.name],this.errors=i,this.hasError=Object.keys(i).length>0,this.form.emit({event:"change",field:e.name,value:t,message:`${e.name} updated`})}handleSubmit(n){var e,t;if(null==n||n.preventDefault(),!this.isSubmitting){if(this.isSubmitting=!0,this.validateForm(),this.hasError)return this.isSubmitting=!1,this.form.emit({event:"submit",validated:!1,success:!1,message:this.errorMessage}),void l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${null===(e=this.formBtnLabel)||void 0===e?void 0:e.toLowerCase()}/non-validated`||"",action:"click"});this.form.emit({event:"submit",success:!0,validated:!0,message:"Form data validated successfully"}),l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${null===(t=this.formBtnLabel)||void 0===t?void 0:t.toLowerCase()}/validated`||"",action:"click"}),this.errors={},this.formEl.reset(),this.isSubmitting=!1}}handleClear(n){var e,t;null==n||n.preventDefault(),this.formEl.reset(),this.values=Object.assign({}),this.errors={},this.hasError=!1;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("eds-input-field");null==i||i.forEach((n=>{var e;if(n){const t=null===(e=n.shadowRoot)||void 0===e?void 0:e.querySelector("input, select, textarea");if(t){const n=t.type;"checkbox"===n||"radio"===n?t.checked=!1:t.value=""}}})),this.form.emit({event:"change",message:"Form cleared",success:!0}),l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${null===(t=this.clearBtnLabel)||void 0===t?void 0:t.toLowerCase()}/clear`||"",action:"click"})}get groupedFields(){const n={};return this.parsedGroups.forEach((e=>n[e.id]=[])),n.__ungrouped=[],this.parsedFields.forEach((e=>{if(!this.isFieldVisible(e))return;const t=e.groupId||"__ungrouped";n[t]||(n[t]=[]),n[t].push(e)})),n}renderField(n){var e,i,r,l;if(!this.isFieldVisible(n))return null;if("rating"===n.type){const i=this.values[n.name]||0;return t("div",{class:"form-group rating-field",key:n.name},t("div",{class:"flex justify-between"},n&&t("eds-input-label",{name:`rating-${n.name}`,label:n.label,disabled:n.disabled,required:n.required})),t("eds-rating",{id:`rating-${n.name}`,"rating-type":n.ratingType,"rating-count":n.ratingCount,"selected-rating":i,onRating:e=>this.handleRating(e,n)}),t("div",{class:"mt-6"},t("eds-input-footer",{id:`${n.name}-footer`,name:n.name,message:n.message,"error-message":null===(e=this.errors[n.name])||void 0===e?void 0:e.join("<br/>"),error:!!this.errors[n.name],link:n.link})))}if("nps"===n.type){const e=void 0!==this.values[n.name]?this.values[n.name]:null;return t("div",{class:"form-group nps-field",key:n.name},t("div",{class:"flex justify-between"},n&&t("eds-input-label",{name:`nps-${n.name}`,label:n.question,disabled:n.disabled,required:n.required})),t("eds-nps",{id:`nps-${n.name}`,"right-label":n.rightLabel,"left-label":n.leftLabel,"selected-value":e,onNps:e=>this.handleNPS(e,n)}),t("div",{class:"mt-6"},t("eds-input-footer",{id:`${n.name}-footer`,name:n.name,"error-message":null===(i=this.errors[n.name])||void 0===i?void 0:i.join("<br/>"),error:!!this.errors[n.name]})))}return"kg-web-service"===n.type?t("eds-kg-web-services-select",{key:n.name,name:n.name,label:n.label,"api-endpoint":n.apiEndpoint||"/api/v1/kg/web-services/cached",placeholder:n.placeholder,required:n.required,disabled:n.disabled,hint:n.hint,message:n.message,error:!!this.errors[n.name],"error-message":null===(r=this.errors[n.name])||void 0===r?void 0:r.join("<br/>"),value:this.values[n.name],size:n.size||500,onEdsinput:e=>this.handleInput(e,n),onEdschange:e=>this.handleChange(e,n)}):t("eds-input-field",{key:n.name,name:n.name,label:n.label,placeholder:n.placeholder,type:n.type,value:this.values[n.name],required:n.required,hint:n.hint,message:n.message,link:n.link,error:!!this.errors[n.name],errorMessage:null===(l=this.errors[n.name])||void 0===l?void 0:l.join("<br/>"),options:n.options,onInput:e=>this.handleInput(e,n),onChangeNative:e=>this.handleChange(e,n)})}async getData(){return this.makeFormData()}render(){const n=this.parsedFields.filter((n=>"hidden"===n.type)),e=this.groupedFields;let i="";return"default"===this.formStyle?i="bg-inverse border-softer relative rounded-xs border-2 p-32":"shadow"===this.formStyle?i="bg-inverse effect-shadow shadow-hover border-softer relative rounded-xs border-2 p-32":"brand"===this.formStyle&&(i="bg-inverse form-brand relative rounded-xs p-32"),t("form",{key:"5e58460e52950974cdf11001123f9ffb23dc659e",class:i,ref:n=>this.formEl=n,autocomplete:"on",onSubmit:this.handleSubmit},t("div",{key:"ff3a33e3a8d311c86712daa68c80aac767d82a9b",class:"flex flex-col gap-y-20 overflow-visible"},this.title&&t("span",{key:"b1f363c03074f944a8f60387a40cef6fa791b188",role:"heading",class:"f-heading-05 pb-4 block"},this.title),this.description&&t("span",{key:"7a9b5ea5451cf59ac47ec81dd1a44c7c9e6326a3",class:"f-body-02 text-light"},this.description),t("slot",{key:"1e50a245fa37b73149a22308fda4039051d4639c"})),n.map(((n,e)=>t("eds-input",{key:e,type:"hidden",name:n.name,value:n.value}))),this.parsedGroups.filter((n=>Array.isArray(e[n.id])&&e[n.id].length>0)).map((n=>t("div",{class:"mt-32",key:n.id},t("span",{class:"f-body-02"},t("b",null,n.title)),t("div",{class:"border-group mt-32 mb-32 flex flex-col gap-y-24"},e[n.id].map((n=>this.renderField(n))))))),t("div",{key:"6cd08f342c0f9004d10628827720cb641339fcd5",class:"flex flex-col mt-32 gap-y-24"},e.__ungrouped.map((n=>this.renderField(n)))),(this.formBtn||this.clearBtn)&&t("div",{key:"e8d37bedbd49c9fc94cbd2e2a887448f3764b8f9",class:"mt-32 md:mt-64 flex flex-col items-center md:flex-row-reverse md:justify-between gap-y-16 md:gap-y-0"},this.formBtn&&t("eds-button",{key:"ec878c5edaa87cf9bff0424b92e5c82605856e67",intent:this.buttonIntent,pill:!0,label:this.formBtnLabel,disabled:this.isSubmitting,loading:this.isSubmitting,icon:"arrow-right",size:"large",onClick:()=>this.handleSubmit()}),this.clearBtn&&t("eds-button",{key:"1158dc2af47f9f523ccd2ee1435a4147fc0a646c",intent:"neutral",pill:!0,size:"large",label:this.clearBtnLabel,disabled:this.isSubmitting||!this.values||0===Object.keys(this.values).length,onClick:n=>this.handleClear(n)})))}get el(){return i(this)}static get watchers(){return{fields:["parseFields"],groups:["parseGroups"]}}};D.style=".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:600;font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:600;font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing);overflow:visible}.text-light{color:var(--grey-dark)}.rounded-xs{border-radius:4px}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pt-32{padding-top:2rem}.pt-64{padding-top:4rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-20{row-gap:1.25rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}.bg-inverse{background-color:var(--white)}.form-brand{box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);border-left:4px solid var(--brand-green);animation:fadeInUp 0.6s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.shadow-hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.rounded-sm{border-radius:8px}.rounded-lg{border-radius:16px}.px-16{padding-left:1rem;padding-right:1rem}.pb-4{padding-bottom:0.25rem}.pb-16{padding-bottom:1rem}.p-32{padding:2rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.w-full{width:100%}.justify-between{justify-content:space-between}.items-center{align-items:center}@media (min-width: 750px){.md\\:flex-row-reverse{flex-direction:row-reverse}.md\\:justify-between{justify-content:space-between}.md\\:gap-y-0{row-gap:0}.md\\:w-auto{width:auto}.md\\:mt-64{margin-top:4rem}.md\\:pt-64{padding-top:4rem}}";const O=class{constructor(t){n(this,t),this.menuClose=e(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(n){this.isMenuOpen=!!n.detail}onKeydown(n){"Escape"===n.key&&this.isMenuOpen&&this.closeMenu()}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}async open(){this.isMenuOpen=!0}async close(){this.closeMenu()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){return s(this.links)}get parsedMenuLinks(){return s(this.menuLinks)}render(){return this.isMenuOpen?t("div",{role:"dialog","aria-modal":"true","aria-label":"Main menu",class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},t("div",{class:"flex min-h-full flex-col"},t("div",{class:"w-full sticky top-0 "+(this.inverseHeader?"bg-strongest":"bg-default")},t("div",{class:"mx-auto flex items-center justify-between"},t("div",{class:"mr-auto w-[250px]"},t("div",{class:"p-[24px]"},t("eds-logo",{variant:"positive",href:this.homeUrl}))),t("div",{class:"px-16"},t("eds-button",{"aria-label":"Close menu",intent:"ghost",icon:"close",size:"large",onClick:()=>this.closeMenu()})))),t("div",{class:"py-16 px-16"},t("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map(((n,e)=>t("eds-link",{label:n.label,key:e,url:n.url,intent:"secondary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"})))),t("eds-block-break",null),t("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map(((n,e)=>t("eds-link",{label:n.label,key:e,url:n.url,intent:"secondary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),t("nav",{class:"mt-28 flex flex-col gap-y-8"},t("slot",null))),t("div",{class:"mt-auto"},t("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};O.style=".bg-default{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[250px\\]{width:250px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}.p-\\[24px\\]{padding:24px}";const N=class{constructor(t){n(this,t),this.resultSelected=e(this,"resultSelected",7),this.searchClosed=e(this,"searchClosed",7),this.handleInput=n=>{var e;if(this.query=n.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),!this.query.trim())return this.results=[],this.hasSearched=!1,void(this.showDropdown=!1);l({category:"shared-ui",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`search-input: ${null===(e=this.query)||void 0===e?void 0:e.toLowerCase()}`||"unknow seach input query",action:"click"}),this.debounceTimer=window.setTimeout((()=>{this.runSearch()}),this.debounceDelay)},this.apiEndpoint="/api/v1/global-search",this.placeholder="Search Handbook + Design...",this.limit=20,this.debounceDelay=300,this.forceNewTab=!1,this.currentOrigin="",this.currentSource="",this.authToken="",this.query="",this.results=[],this.loading=!1,this.error="",this.hasSearched=!1,this.showDropdown=!1,this.selectedIndex=-1}componentDidLoad(){this.inputRef&&this.inputRef.focus()}disconnectedCallback(){this.debounceTimer&&clearTimeout(this.debounceTimer)}handleDocumentClick(n){n.composedPath().includes(this.el)||(this.showDropdown=!1,this.selectedIndex=-1)}handleKeydown(n){if(this.showDropdown&&0!==this.results.length)switch(n.key){case"ArrowDown":n.preventDefault(),this.selectedIndex=Math.min(this.selectedIndex+1,this.results.length-1),this.scrollToSelected();break;case"ArrowUp":n.preventDefault(),this.selectedIndex=Math.max(this.selectedIndex-1,-1),this.scrollToSelected();break;case"Enter":n.preventDefault(),this.selectedIndex>=0&&this.selectedIndex<this.results.length&&this.selectResult(this.results[this.selectedIndex]);break;case"Escape":this.showDropdown=!1,this.selectedIndex=-1,this.searchClosed.emit()}else"Escape"===n.key&&this.searchClosed.emit()}async runSearch(){var n;const e=this.query.trim();if(!e)return this.results=[],this.hasSearched=!1,void(this.showDropdown=!1);this.loading=!0,this.error="";try{const t={};this.authToken&&(t.Authorization=`Bearer ${this.authToken}`);const i=await fetch(`${this.apiEndpoint}?q=${encodeURIComponent(e)}&limit=${this.limit}`,{headers:t});if(!i.ok)throw new Error("Search failed");const r=await i.json();this.results=null!==(n=r.items)&&void 0!==n?n:[],this.hasSearched=!0,this.showDropdown=!0,this.selectedIndex=-1}catch(n){this.error="Search failed. Please try again.",this.results=[],this.showDropdown=!0}finally{this.loading=!1}}selectResult(n){this.resultSelected.emit(n),this.searchClosed.emit(),l({category:"shared-ui",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`search-select: ${n.url}`||"unknown search result selection",action:"click"});let e=!1,t=n.url;try{const i=new URL(n.url,window.location.href);if(this.currentSource&&n.source===this.currentSource)t=i.pathname+i.search+i.hash,e=!1;else{const n=this.currentOrigin||window.location.origin;e=i.origin!==n}}catch(n){console.error("[eds-global-search] URL parsing error:",n),e=!1}this.forceNewTab||e?window.open(n.url,"_blank","noopener,noreferrer"):window.location.href=t}scrollToSelected(){if(this.selectedIndex>=0&&this.dropdownRef){const n=this.dropdownRef.querySelector(`[data-index="${this.selectedIndex}"]`);n&&n.scrollIntoView({block:"nearest",behavior:"smooth"})}}stripHtml(n){const e=document.createElement("div");return e.innerHTML=n,e.textContent||e.innerText||""}get hasResults(){return this.results.length>0}get showEmpty(){return this.hasSearched&&!this.loading&&!this.hasResults&&this.query.trim()}render(){return t("div",{key:"1852fc796b6240987bcad1e278f4b1df136cc449",class:"search-wrapper"},t("eds-input-field",{key:"b52b3f0910af3b75c52dc5fd9a514c592b257939",icon:"search","input-id":"search-global",type:"text",name:"search-box-global",placeholder:this.placeholder,value:this.query,onInput:this.handleInput}),this.showDropdown&&t("div",{key:"9f3201f757082d175f74cd6cf289235876a7adbd",class:"search-dropdown",ref:n=>this.dropdownRef=n},this.loading&&t("div",{key:"3eb28e3703204b69356012f69088e6eb756be901",class:"flex text-center justify-center p-64"},t("eds-spinner",{key:"08034f1d9fd9125bc9581c89e9b2f96efc1a964b",variant:"primary",size:"sm"})),this.error&&!this.loading&&t("div",{key:"8b54ae6c27499978b37a34b0b8e596216141a967",class:"flex text-center justify-center p-16"},t("span",{key:"b4229325ea0650af096984c50882558508c3e97d",class:"text-error f-body-02"},this.error)),this.showEmpty&&t("div",{key:"e2c4afb90f05171d30c42d7f5780388b18b19e50",class:"dropdown-state"},t("eds-icon-wrapper",{key:"ad17ced3b7cd285c654cb88e21f295c1aaa1059f",name:"search"}),t("div",{key:"66f22b148372de474fa3593deedbaa138b6f534e"},t("p",{key:"eeb0532fbe406b0415f45685ea0f00e09950db84",class:"f-body-02"},"No results found"),t("p",{key:"e13d6267eaa8cfc11930b2f61ea29b2f3a82cb71",class:"f-ui-04 text-lightest"},"Try different keywords"))),this.hasResults&&!this.loading&&t("ul",{key:"23a0e1e6e1634d0e9212d2b9711a9d9f8d1ace42",class:"dropdown-results"},this.results.map(((n,e)=>t("li",{key:n.id,"data-index":e,class:{"result-item":!0,"result-item--selected":e===this.selectedIndex},onClick:()=>this.selectResult(n),onMouseEnter:()=>this.selectedIndex=e},t("div",{class:"result-header"},t("span",{class:"result-title f-body-02"},n.title)),t("div",{class:"result-meta"},t("span",{class:"result-badge"},n.source),n.section&&t("span",{class:"result-badge"},n.section),t("span",{class:"result-url"},n.url)),n.snippet&&t("p",{class:"result-snippet"},this.stripHtml(n.snippet)))))),this.hasResults&&!this.loading&&t("div",{key:"4d901487a14818ea05d3433c7cc5b881a87764e2",class:"dropdown-footer"},t("span",{key:"8411362dd3b694220e6d10268a63ef4fc3b30eeb",class:"footer-hint"},t("kbd",{key:"5b1c50f275a4d1daa35f0b1276c26bf110189785"},"↑")," ",t("kbd",{key:"711430aba48663a8f58b5f3dae15c1357e75761b"},"↓")," navigate • ",t("kbd",{key:"b4e4362f19d7b82cbce9dcdea0b9c863a6e36fef"},"↵")," select • ",t("kbd",{key:"9cc79708fece76043eb8f050b1715ff610f937ec"},"esc")," close"))))}get el(){return i(this)}};N.style=":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}.search-wrapper{position:relative;width:100%}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12),\n    0 2px 8px rgba(0, 0, 0, 0.08),\n    0 0 0 1px rgba(0, 255, 157, 0.08);max-height:500px;overflow:hidden;z-index:9999;display:flex;flex-direction:column;animation:dropdownFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#616161;font-size:14px}.dropdown-results{list-style:none;margin:0;overflow-y:auto;overflow-x:hidden;max-height:440px}.result-item{padding:7px 7px;cursor:pointer;border-left:4px solid transparent;margin-bottom:2px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;word-wrap:break-word;word-break:break-word}.result-item:hover,.result-item--selected{background:linear-gradient(\n    90deg,\n    rgba(0, 255, 157, 0.08) 0%,\n    rgba(0, 255, 157, 0.03) 100%\n  );border-left-color:var(--green-600);box-shadow:0 2px 8px rgba(0, 255, 157, 0.15)}.result-item:hover .result-title,.result-item--selected .result-title{color:var(--green-700)}.result-title{color:var(--black);transition:color 0.2s ease}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.result-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.result-badge{display:inline-block;padding:3px 8px;background:rgba(0, 255, 157, 0.12);color:var(--green-800);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.2s ease}.result-item:hover .result-badge,.result-item--selected .result-badge{background:rgba(0, 255, 157, 0.2);color:var(--green-900)}.result-url{font-size:12px;color:var(--grey-600)}.external-icon{display:inline-block;width:14px;height:14px;margin-left:4px;color:var(--green-600)}.result-snippet{font-size:13px;color:#616161;line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color 0.2s ease}.result-item:hover .result-snippet,.result-item--selected .result-snippet{color:#424242}.dropdown-footer{border-top:1px solid rgba(0, 255, 157, 0.15);padding:10px 16px;background:linear-gradient(\n    180deg,\n    rgba(0, 255, 157, 0.02) 0%,\n    rgba(0, 255, 157, 0.05) 100%\n  );flex-shrink:0}.footer-hint{font-size:11px;color:#616161;display:flex;align-items:center;gap:6px;flex-wrap:wrap}kbd{display:inline-block;padding:3px 7px;font-size:11px;font-family:monospace;line-height:1.2;font-weight:500;color:var(--green-700);background:rgba(0, 255, 157, 0.1);border:1px solid rgba(0, 200, 123, 0.3);border-radius:4px;box-shadow:0 2px 0 rgba(0, 255, 157, 0.15),\n    inset 0 1px 0 rgba(255, 255, 255, 0.5)}.dropdown-results::-webkit-scrollbar{width:8px}.dropdown-results::-webkit-scrollbar-track{background:rgba(0, 255, 157, 0.05);border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb{background:#33FFB8;border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb:hover{background:#00FF9D}.flex{display:flex}.inline-flex{display:inline-flex}.text-center{text-align:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-error{color:var(--red-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-4{margin-left:0.25rem}.ml-8{margin-left:0.5rem}.ml-16{margin-left:1rem}.p-16{padding:1rem}.p-64{padding:4rem}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}";const T=class{constructor(t){n(this,t),this.toggleheadermenu=e(this,"toggleheadermenu",7),this.url="/",this.links=void 0,this.variant="default",this.menu=!1,this.isMenuOpen=!1,this.isUserMenuOpen=!1}componentDidLoad(){var n,e;(null!==(e=null===(n=this.hostEl.shadowRoot)||void 0===n?void 0:n.querySelectorAll("eds-link"))&&void 0!==e?e:[]).forEach((n=>this.emitContext(n)))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}handleToggleMenu(){this.toggleheadermenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){return s(this.links)}render(){const n={strong:"text-inverse bg-strongest",inverse:"text-default bg-inverse",default:"text-default bg-dark"},e="strong"===this.variant?"underlineInverse":"underline";return t("header",{key:"2c1cfca934f70c0d72fa50c163eb14524ca4e5a5",role:"banner",class:`flex items-center justify-between relative z-10 ${n[this.variant]||n.default}`},t("div",{key:"b7914ad1431d19a167e39814aa5ab7e6c87ce8e4",class:"w-[250px]"},t("div",{key:"efb6efcb51f960e48bf236dd94d308ae12480808",class:"p-[24px]"},t("eds-logo",{key:"a8b20eee1ed9577fc06da51e6325875f56025694",variant:"strong"===this.variant?"negative":"positive",href:this.url}))),this.parsedLinks&&t("nav",{key:"3b322f02b8249091158876559339baf4ba763242",role:"navigation","aria-label":"Primary",class:"flex-1 flex justify-center items-center hidden md:flex"},t("ul",{key:"8c74e64f51bddefcc578c09e5d6570f208ecbcf6",class:"flex gap-x-16"},this.parsedLinks.map((n=>t("eds-link",{label:n.label,"aria-label":n.label,url:n.url,intent:e,size:"large",icon:n.icon,external:n.external}))))),t("div",{key:"c75b261b7bc734a121ac195400d2c1200b58d7ec",class:"w-[250px] flex justify-end items-center"},t("slot",{key:"1b447037e7158d3e06f68add6084da957ff8c8b0",name:"actions"})),this.menu&&t("div",{key:"8e92ee65ed8a235ad0af4d61588ce6118a92b07f",class:"md:hidden flex overflow-hidden px-16"},t("eds-button",{key:"8b79d619d4b51dac26f0ff5347909611383cb635","aria-label":"Menu",intent:"strong"===this.variant?"ghostInverse":"ghost",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})))}get hostEl(){return i(this)}};function W(n,e,t){return(e=function(n){var e=function(n,e){if("object"!=typeof n||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var i=t.call(n,e);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n,"string");return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function R(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function P(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?R(Object(t),!0).forEach((function(e){W(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Z(n,e){if(null==n)return{};var t,i,r=function(n,e){if(null==n)return{};var t={};for(var i in n)if({}.hasOwnProperty.call(n,i)){if(-1!==e.indexOf(i))continue;t[i]=n[i]}return t}(n,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);for(i=0;i<l.length;i++)-1===e.indexOf(t=l[i])&&{}.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}T.style=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-light)}.bg-strongest{background-color:var(--brand-black)}.mr-auto{margin-right:auto}.w-\\[250px\\]{width:250px}.h-\\[85px\\]{height:85px}.p-\\[24px\\]{padding:24px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.flex-1{flex:1 1 0%}.justify-end{justify-content:flex-end}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-8{gap:0.5rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}";var Y=["width","height","viewBox"],U=["tabindex"],X={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function q(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=n.width,t=n.height,i=n.viewBox,r=void 0===i?"0 0 ".concat(e," ").concat(t):i,l=Z(n,Y),o=l.tabindex,a=Z(l,U),s=P(P(P({},X),a),{},{width:e,height:t,viewBox:r});return s["aria-label"]||s["aria-labelledby"]||s.title?(s.role="img",null!=o&&(s.focusable="true",s.tabindex=o)):s["aria-hidden"]=!0,s}function G(n){var e=n.elem,t=void 0===e?"svg":e,i=n.attrs,r=void 0===i?{}:i,l=n.content,o=(void 0===l?[]:l).map(G).join("");return"svg"!==t?"<".concat(t," ").concat(K(r),">").concat(o,"</").concat(t,">"):"<".concat(t," ").concat(K(q(r)),">").concat(o,"</").concat(t,">")}function K(n){return Object.keys(n).reduce((function(e,t,i){var r="".concat(t,'="').concat(n[t],'"');return 0===i?r:e+" "+r}),"")}function J(n){return G(Object.assign(Object.assign({},n),{attrs:q(n.attrs)}))}const Q={"chevron-right":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M22 16L12 26 10.6 24.6 19.2 16 10.6 7.4 12 6z"}}],name:"chevron--right",size:20}),"chevron-left":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M10 16L20 6 21.4 7.4 12.8 16 21.4 24.6 20 26z"}}],name:"chevron--left",size:20}),"chevron-down":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"}}],name:"chevron--down",size:20}),"chevron-up":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16 10L26 20 24.6 21.4 16 12.8 7.4 21.4 6 20z"}}],name:"chevron--up",size:20}),"arrow-right":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"}}],name:"arrow--right",size:20}),"arrow-left":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M14 26L15.41 24.59 7.83 17 28 17 28 15 7.83 15 15.41 7.41 14 6 4 16 14 26z"}}],name:"arrow--left",size:20}),"arrow-up-right":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M10 6L10 8 22.59 8 6 24.59 7.41 26 24 9.41 24 22 26 22 26 6 10 6z"}}],name:"arrow--up-right",size:20}),close:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M17.4141 16L24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"}}],name:"close",size:20}),add:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"}}],name:"add",size:20}),edit:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M2 26H30V28H2zM25.4 9c.8-.8.8-2 0-2.8 0 0 0 0 0 0l-3.6-3.6c-.8-.8-2-.8-2.8 0 0 0 0 0 0 0l-15 15V24h6.4L25.4 9zM20.4 4L24 7.6l-3 3L17.4 7 20.4 4zM6 22v-3.6l10-10 3.6 3.6-10 10H6z"}}],name:"edit",size:20}),checkmark:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M8 13.2L3.6 8.8 2.7 9.7 7.1 14.1 8 15 16.5 6.5 15.6 5.6z"}},{elem:"path",attrs:{d:"M15.6 5.6L8 13.2 3.6 8.8 2.7 9.7 7.1 14.1 8 15 16.5 6.5 15.6 5.6z"}}],name:"checkmark",size:20}),download:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26 24v4H6V24H4v4H4a2 2 0 002 2H26a2 2 0 002-2h0V24zM26 14L24.59 12.59 17 20.17 17 2 15 2 15 20.17 7.41 12.59 6 14 16 24 26 14z"}}],name:"download",size:20}),upload:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M6 18L7.41 19.41 15 11.83 15 30 17 30 17 11.83 24.59 19.41 26 18 16 8 6 18zM6 8V4H26V8h2V4a2 2 0 00-2-2H6A2 2 0 004 4V8z"}}],name:"upload",size:20}),view:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M30.94,15.66A16.69,16.69,0,0,0,16,5,16.69,16.69,0,0,0,1.06,15.66a1,1,0,0,0,0,.68A16.69,16.69,0,0,0,16,27,16.69,16.69,0,0,0,30.94,16.34,1,1,0,0,0,30.94,15.66ZM16,25c-5.3,0-10.9-3.93-12.93-9C5.1,10.93,10.7,7,16,7s10.9,3.93,12.93,9C26.9,21.07,21.3,25,16,25Z"}},{elem:"path",attrs:{d:"M16,10a6,6,0,1,0,6,6A6,6,0,0,0,16,10Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,16,20Z"}}],name:"view",size:20}),exit:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26 4H28V28H26zM11.414 20.586L7.828 17 22 17 22 15 7.828 15 11.414 11.414 10 10 4 16 10 22 11.414 20.586z"}}],name:"exit",size:20}),caretSort:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M24 24L16 32 8 24zM8 8L16 0 24 8z"}}],name:"caret--sort",size:20}),bookmark:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M24,4V26.75l-7.1-3.59-.9-.45-.9.45L8,26.75V4H24m0-2H8A2,2,0,0,0,6,4V30L16,25,26,30V4A2,2,0,0,0,24,2Z"}}],name:"bookmark",size:20}),createLink:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M7,8v3h-2v-3h-3v-2h3v-3h2v3h3v2h-3ZM22.42,26.01l6.03-6.03h0c2.06-2.06,2.06-5.39,0-7.44s-5.39-2.06-7.44,0l1.41,1.41h0c1.27-1.27,3.34-1.27,4.62,0,1.27,1.27,1.27,3.34,0,4.62l-6.03,6.03h0c-1.27,1.27-3.34,1.27-4.62,0-1.27-1.27-1.27-3.34,0-4.62l-1.41-1.41c-.99.99-1.54,2.33-1.54,3.73,0,2.91,2.36,5.26,5.27,5.26,1.4,0,2.74-.55,3.72-1.54h0l-.01-.01ZM13.99,28.46l-1.41-1.41c-1.27,1.26-3.32,1.26-4.6,0-1.28-1.27-1.29-3.34-.02-4.62l6.03-6.03.02-.02c1.28-1.27,3.35-1.26,4.62.02s1.26,3.35-.02,4.62l1.41,1.41.03-.03c2.05-2.06,2.03-5.4-.03-7.44-2.06-2.05-5.4-2.03-7.44.03l-6.03,6.03c-.99.99-1.55,2.33-1.55,3.72,0,2.91,2.37,5.26,5.27,5.26,1.4,0,2.74-.55,3.72-1.54Z"}}],name:"create-link",size:20}),activity:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M12,29a1,1,0,0,1-.92-.62L6.33,17H2V15H7a1,1,0,0,1,.92.62L12,25.28,20.06,3.65A1,1,0,0,1,21,3a1,1,0,0,1,.93.68L25.72,15H30v2H25a1,1,0,0,1-.95-.68L21,7,12.94,28.35A1,1,0,0,1,12,29Z"}}],name:"activity",size:20}),account:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M8,14H19v2H8Zm0,5H21v2H8Z"}},{elem:"path",attrs:{d:"M28,4H4A2,2,0,0,0,2,6V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V6A2,2,0,0,0,28,4Zm0,2V8H4V6ZM4,26V10H28V26Z"}}],name:"account",size:20}),analytics:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M4,2H2V28a2,2,0,0,0,2,2H30V28H4Z"}},{elem:"path",attrs:{d:"M30,9H23v2h3.59L19,18.59l-4.29-4.3a1,1,0,0,0-1.42,0L6,21.59,7.41,23,14,16.41l4.29,4.3a1,1,0,0,0,1.42,0L28,12.41V16h2Z"}}],name:"analytics",size:20}),template:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26 6v4H6V6H26m0-2H6A2 2 0 004 6v4a2 2 0 002 2H26a2 2 0 002-2V6a2 2 0 00-2-2zM10 16V26H6V16h4m0-2H6a2 2 0 00-2 2V26a2 2 0 002 2h4a2 2 0 002-2V16a2 2 0 00-2-2zM26 16V26H16V16H26m0-2H16a2 2 0 00-2 2V26a2 2 0 002 2H26a2 2 0 002-2V16a2 2 0 00-2-2z"}}],name:"template",size:20}),documentExport:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M13 21L26.17 21 23.59 23.59 25 25 30 20 25 15 23.59 16.41 26.17 19 13 19 13 21z"}},{elem:"path",attrs:{d:"M22,14V10a1,1,0,0,0-.29-.71l-7-7A1,1,0,0,0,14,2H4A2,2,0,0,0,2,4V28a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V26H20v2H4V4h8v6a2,2,0,0,0,2,2h6v2Zm-8-4V4.41L19.59,10Z"}}],name:"document--export",size:20}),documentDownload:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M30 25L28.586 23.586 26 26.172 26 18 24 18 24 26.172 21.414 23.586 20 25 25 30 30 25z"}},{elem:"path",attrs:{d:"M18,28H8V4h8v6a2.0058,2.0058,0,0,0,2,2h6v3l2,0V10a.9092.9092,0,0,0-.3-.7l-7-7A.9087.9087,0,0,0,18,2H8A2.0058,2.0058,0,0,0,6,4V28a2.0058,2.0058,0,0,0,2,2H18ZM18,4.4,23.6,10H18Z"}}],name:"document--download",size:20}),trashCan:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M12 12H14V24H12zM18 12H20V24H18z"}},{elem:"path",attrs:{d:"M4 6V8H6V28a2 2 0 002 2H24a2 2 0 002-2V8h2V6zM8 28V8H24V28zM12 2H20V4H12z"}}],name:"trash-can",size:20}),chooseItem:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M28 6H30V26H28zM17 6L15.57 7.393 23.15 15 2 15 2 17 23.15 17 15.57 24.573 17 26 27 16 17 6z"}}],name:"choose-item",size:20}),copyLink:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M11.9474,19a4.9476,4.9476,0,0,1-3.4991-8.4465l5.1053-5.1043a4.9482,4.9482,0,0,1,6.9981,6.9976l-.5523.5526-1.4158-1.4129.5577-.5579a2.95,2.95,0,0,0-.0039-4.1653,3.02,3.02,0,0,0-4.17,0l-5.1047,5.104a2.9474,2.9474,0,0,0,0,4.1692,3.02,3.02,0,0,0,4.17,0l1.4143,1.4145A4.9176,4.9176,0,0,1,11.9474,19Z"}},{elem:"path",attrs:{d:"M19.9474,17a4.9476,4.9476,0,0,1-3.4991-8.4465l.5526-.5526,1.4143,1.4146-.5526.5523a2.9476,2.9476,0,0,0,0,4.1689,3.02,3.02,0,0,0,4.17,0c.26-.26,4.7293-4.7293,5.1053-5.1045a2.951,2.951,0,0,0,0-4.1687,3.02,3.02,0,0,0-4.17,0L21.5536,3.449a4.9483,4.9483,0,0,1,6.9981,6.9978c-.3765.376-4.844,4.8428-5.1038,5.1035A4.9193,4.9193,0,0,1,19.9474,17Z"}},{elem:"path",attrs:{d:"M24,30H4a2.0021,2.0021,0,0,1-2-2V8A2.0021,2.0021,0,0,1,4,6H8V8H4V28H24V18h2V28A2.0021,2.0021,0,0,1,24,30Z"}}],name:"copy--link",size:20}),dragHorizontal:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M12 4L12 15 5.83 15 8.41 12.41 7 11 2 16 7 21 8.41 19.59 5.83 17 12 17 12 28 14 28 14 4 12 4zM25 11L23.59 12.41 26.17 15 20 15 20 4 18 4 18 28 20 28 20 17 26.17 17 23.59 19.59 25 21 30 16 25 11z"}}],name:"drag--horizontal",size:20}),dragVertical:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M4 20L15 20 15 26.17 12.41 23.59 11 25 16 30 21 25 19.59 23.59 17 26.17 17 20 28 20 28 18 4 18 4 20zM11 7L12.41 8.41 15 5.83 15 12 4 12 4 14 28 14 28 12 17 12 17 5.83 19.59 8.41 21 7 16 2 11 7z"}}],name:"drag--vertical",size:20}),login:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26,30H14a2,2,0,0,1-2-2V25h2v3H26V4H14V7H12V4a2,2,0,0,1,2-2H26a2,2,0,0,1,2,2V28A2,2,0,0,1,26,30Z"}},{elem:"path",attrs:{d:"M14.59 20.59L18.17 17 4 17 4 15 18.17 15 14.59 11.41 16 10 22 16 16 22 14.59 20.59z"}}],name:"login",size:20}),logout:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M6,30H18a2.0023,2.0023,0,0,0,2-2V25H18v3H6V4H18V7h2V4a2.0023,2.0023,0,0,0-2-2H6A2.0023,2.0023,0,0,0,4,4V28A2.0023,2.0023,0,0,0,6,30Z"}},{elem:"path",attrs:{d:"M20.586 20.586L24.172 17 10 17 10 15 24.172 15 20.586 11.414 22 10 28 16 22 22 20.586 20.586z"}}],name:"logout",size:20}),move:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M25 11L23.59 12.41 26.17 15 17 15 17 5.83 19.59 8.41 21 7 16 2 11 7 12.41 8.41 15 5.83 15 15 5.83 15 8.41 12.41 7 11 2 16 7 21 8.41 19.59 5.83 17 15 17 15 26.17 12.41 23.59 11 25 16 30 21 25 19.59 23.59 17 26.17 17 17 26.17 17 23.59 19.59 25 21 30 16 25 11z"}}],name:"move",size:20}),replicate:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M28 8h2V4a2.0021 2.0021 0 00-2-2H24V4h4zM17 2H21V4H17zM28 11H30V15H28zM28 18v4H24V10a2.0023 2.0023 0 00-2-2H10V4h4V2H10A2.0023 2.0023 0 008 4V8H4a2.0023 2.0023 0 00-2 2V28a2.0023 2.0023 0 002 2H22a2.0023 2.0023 0 002-2V24h4a2.0023 2.0023 0 002-2V18zM22 28H4V10H22z"}}],name:"replicate",size:20}),sortAscending:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M18 22L19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22zM2 18H16V20H2zM6 12H16V14H6zM10 6H16V8H10z"}}],name:"sort--ascending",size:20}),sortDescending:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M18 22L19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22zM2 6H16V8H2zM6 12H16V14H6zM10 18H16V20H10z"}}],name:"sort--descending",size:20}),requestQuote:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M22,22v6H6V4H16V2H6A2,2,0,0,0,4,4V28a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V22Z"}},{elem:"path",attrs:{d:"M29.54,5.76l-3.3-3.3a1.6,1.6,0,0,0-2.24,0l-14,14V22h5.53l14-14a1.6,1.6,0,0,0,0-2.24ZM14.7,20H12V17.3l9.44-9.45,2.71,2.71ZM25.56,9.15,22.85,6.44l2.27-2.27,2.71,2.71Z"}}],name:"request-quote",size:20}),reset:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M18,28A12,12,0,1,0,6,16v6.2L2.4,18.6,1,20l6,6,6-6-1.4-1.4L8,22.2V16H8A10,10,0,1,1,18,26Z"}}],name:"reset",size:20}),resultDraft:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M29.7 19.3l-3-3c-.4-.4-1-.4-1.4 0L16 25.6V30h4.4l9.3-9.3C30.1 20.3 30.1 19.7 29.7 19.3zM19.6 28H18v-1.6l5-5 1.6 1.6L19.6 28zM26 21.6L24.4 20l1.6-1.6 1.6 1.6L26 21.6zM10 23H12V25H10zM14 18H18V20H14zM10 18H12V20H10zM14 13H22V15H14zM10 13H12V15H10z"}},{elem:"path",attrs:{d:"M7,28V7h3v3h12V7h3v6h2V7c0-1.1-0.9-2-2-2h-3V4c0-1.1-0.9-2-2-2h-8c-1.1,0-2,0.9-2,2v1H7C5.9,5,5,5.9,5,7v21\tc0,1.1,0.9,2,2,2h5v-2H7z M12,4h8v4h-8V4z"}}],name:"result--draft",size:20}),share:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M23,20a5,5,0,0,0-3.89,1.89L11.8,17.32a4.46,4.46,0,0,0,0-2.64l7.31-4.57A5,5,0,1,0,18,7a4.79,4.79,0,0,0,.2,1.32l-7.31,4.57a5,5,0,1,0,0,6.22l7.31,4.57A4.79,4.79,0,0,0,18,25a5,5,0,1,0,5-5ZM23,4a3,3,0,1,1-3,3A3,3,0,0,1,23,4ZM7,19a3,3,0,1,1,3-3A3,3,0,0,1,7,19Zm16,9a3,3,0,1,1,3-3A3,3,0,0,1,23,28Z"}}],name:"share",size:20}),play:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M7,28a1,1,0,0,1-1-1V5a1,1,0,0,1,1.4819-.8763l20,11a1,1,0,0,1,0,1.7525l-20,11A1.0005,1.0005,0,0,1,7,28ZM8,6.6909V25.3088L24.9248,16Z"}}],name:"play",size:20}),book:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M19 10H26V12H19zM19 15H26V17H19zM19 20H26V22H19zM6 10H13V12H6zM6 15H13V17H6zM6 20H13V22H6z"}},{elem:"path",attrs:{d:"M28,5H4A2.002,2.002,0,0,0,2,7V25a2.002,2.002,0,0,0,2,2H28a2.002,2.002,0,0,0,2-2V7A2.002,2.002,0,0,0,28,5ZM4,7H15V25H4ZM17,25V7H28V25Z"}}],name:"book",size:20}),chatOff:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M28 8V21h2V8a3.9986 3.9986 0 00-4-4H8.2429l2 2H26A1.9965 1.9965 0 0128 8zM30 28.5859L3.4141 2 2 3.4141 3.5039 4.918A3.9181 3.9181 0 002 8V20a3.9992 3.9992 0 004 4h6V22H6a1.9965 1.9965 0 01-2-2V8a1.9814 1.9814 0 01.9194-1.6665L20.5859 22H17l-4 7 1.7358 1 3.4288-6h4.4213l6 6z"}}],name:"chat--off",size:20}),forum:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M28,6H8C6.8,6,6,6.8,6,8v14c0,1.2,0.8,2,2,2h8v-2H8V8h20v14h-7.2L16,28.8l1.6,1.2l4.2-6H28c1.2,0,2-0.8,2-2V8\tC30,6.8,29.2,6,28,6z"}},{elem:"path",attrs:{d:"M4,18H2V5c0-1.7,1.3-3,3-3h13v2H5C4.4,4,4,4.4,4,5V18z"}}],name:"forum",size:20}),shareKnowledge:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M27 25H21a3 3 0 00-3 3v2h2V28a1 1 0 011-1h6a1 1 0 011 1v2h2V28A3 3 0 0027 25zM20 20a4 4 0 104-4A4 4 0 0020 20zm6 0a2 2 0 11-2-2A2 2 0 0126 20zM6 21V20H4v1a7 7 0 007 7h3V26H11A5 5 0 016 21zM19 10H26V12H19zM19 6H29V8H19zM19 2H29V4H19zM11 11H5a3 3 0 00-3 3v2H4V14a1 1 0 011-1h6a1 1 0 011 1v2h2V14A3 3 0 0011 11zM8 10A4 4 0 104 6 4 4 0 008 10zM8 4A2 2 0 116 6 2 2 0 018 4z"}}],name:"share-knowledge",size:20}),time:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M10,19c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S15,19,10,19z M10,2.3c-4.3,0-7.7,3.5-7.7,7.7s3.5,7.7,7.7,7.7s7.7-3.5,7.7-7.7\tS14.3,2.3,10,2.3z"}},{elem:"path",attrs:{d:"M13 13.9L9.4 10.3 9.4 4 10.6 4 10.6 9.7 13.9 13z"}}],name:"time",size:20}),help:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"}},{elem:"circle",attrs:{cx:"16",cy:"23.5",r:"1.5"}},{elem:"path",attrs:{d:"M17,8H15.5A4.49,4.49,0,0,0,11,12.5V13h2v-.5A2.5,2.5,0,0,1,15.5,10H17a2.5,2.5,0,0,1,0,5H15v4.5h2V17a4.5,4.5,0,0,0,0-9Z"}}],name:"help",size:20}),customerService:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26 30h-2v-5c-.0033-2.7601-2.2399-4.9967-5-5h-6c-2.7601.0033-4.9967 2.2399-5 5v5h-2v-5c.0045-3.8641 3.1359-6.9955 7-7h6c3.8641.0045 6.9955 3.1359 7 7v5zM22 6v4c0 1.1025-.8972 2-2 2h-1c-.5522 0-1 .4478-1 1s.4478 1 1 1h1c2.2056 0 4-1.7944 4-4v-4h-2zM16 16c-3.8599 0-7-3.1401-7-7S12.1401 2 16 2c1.9885 0 3.8901.8503 5.2173 2.3329l-1.4902 1.334c-.9482-1.0593-2.3066-1.6669-3.7271-1.6669-2.7571 0-5 2.243-5 5s2.2429 5 5 5v2z"}}],name:"customer-service",size:20}),code:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M31 16L24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16zM1 16L8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"}},{elem:"path",attrs:{d:"M5.91 15H26.080000000000002V17H5.91z",transform:"rotate(-75 15.996 16)"}}],name:"code",size:20}),rocket:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M6.34 19H17.65V21H6.34z",transform:"rotate(-45 11.995 20.002)"}},{elem:"path",attrs:{d:"M17,30a1,1,0,0,1-.37-.07,1,1,0,0,1-.62-.79l-1-7,2-.28.75,5.27L21,24.52V17a1,1,0,0,1,.29-.71l4.07-4.07A8.94,8.94,0,0,0,28,5.86V4H26.14a8.94,8.94,0,0,0-6.36,2.64l-4.07,4.07A1,1,0,0,1,15,11H7.48L4.87,14.26l5.27.75-.28,2-7-1a1,1,0,0,1-.79-.62,1,1,0,0,1,.15-1l4-5A1,1,0,0,1,7,9h7.59l3.77-3.78A10.92,10.92,0,0,1,26.14,2H28a2,2,0,0,1,2,2V5.86a10.92,10.92,0,0,1-3.22,7.78L23,17.41V25a1,1,0,0,1-.38.78l-5,4A1,1,0,0,1,17,30Z"}}],name:"rocket",size:20}),compass:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16,4A12,12,0,1,1,4,16,12,12,0,0,1,16,4m0-2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Z"}},{elem:"path",attrs:{d:"M23,10.41,21.59,9l-4.3,4.3a3,3,0,0,0-4,4L9,21.59,10.41,23l4.3-4.3a3,3,0,0,0,4-4ZM17,16a1,1,0,1,1-1-1A1,1,0,0,1,17,16Z"}},{elem:"circle",attrs:{cx:"16",cy:"7.5",r:"1.5"}}],name:"compass",size:20}),menu:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M2 14.8H18V16H2zM2 11.2H18V12.399999999999999H2zM2 7.6H18V8.799999999999999H2zM2 4H18V5.2H2z"}}],name:"menu",size:20}),search:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M29,27.5859l-7.5521-7.5521a11.0177,11.0177,0,1,0-1.4141,1.4141L27.5859,29ZM4,13a9,9,0,1,1,9,9A9.01,9.01,0,0,1,4,13Z"}}],name:"search",size:20}),settings:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M27,16.76c0-.25,0-.5,0-.76s0-.51,0-.77l1.92-1.68A2,2,0,0,0,29.3,11L26.94,7a2,2,0,0,0-1.73-1,2,2,0,0,0-.64.1l-2.43.82a11.35,11.35,0,0,0-1.31-.75l-.51-2.52a2,2,0,0,0-2-1.61H13.64a2,2,0,0,0-2,1.61l-.51,2.52a11.48,11.48,0,0,0-1.32.75L7.43,6.06A2,2,0,0,0,6.79,6,2,2,0,0,0,5.06,7L2.7,11a2,2,0,0,0,.41,2.51L5,15.24c0,.25,0,.5,0,.76s0,.51,0,.77L3.11,18.45A2,2,0,0,0,2.7,21L5.06,25a2,2,0,0,0,1.73,1,2,2,0,0,0,.64-.1l2.43-.82a11.35,11.35,0,0,0,1.31.75l.51,2.52a2,2,0,0,0,2,1.61h4.72a2,2,0,0,0,2-1.61l.51-2.52a11.48,11.48,0,0,0,1.32-.75l2.42.82a2,2,0,0,0,.64.1,2,2,0,0,0,1.73-1L29.3,21a2,2,0,0,0-.41-2.51ZM25.21,24l-3.43-1.16a8.86,8.86,0,0,1-2.71,1.57L18.36,28H13.64l-.71-3.55a9.36,9.36,0,0,1-2.7-1.57L6.79,24,4.43,20l2.72-2.4a8.9,8.9,0,0,1,0-3.13L4.43,12,6.79,8l3.43,1.16a8.86,8.86,0,0,1,2.71-1.57L13.64,4h4.72l.71,3.55a9.36,9.36,0,0,1,2.7,1.57L25.21,8,27.57,12l-2.72,2.4a8.9,8.9,0,0,1,0,3.13L27.57,20Z"}},{elem:"path",attrs:{d:"M16,22a6,6,0,1,1,6-6A5.94,5.94,0,0,1,16,22Zm0-10a3.91,3.91,0,0,0-4,4,3.91,3.91,0,0,0,4,4,3.91,3.91,0,0,0,4-4A3.91,3.91,0,0,0,16,12Z"}}],name:"settings",size:20}),notification:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M28.7071,19.293,26,16.5859V13a10.0136,10.0136,0,0,0-9-9.9492V1H15V3.0508A10.0136,10.0136,0,0,0,6,13v3.5859L3.2929,19.293A1,1,0,0,0,3,20v3a1,1,0,0,0,1,1h7v.7768a5.152,5.152,0,0,0,4.5,5.1987A5.0057,5.0057,0,0,0,21,25V24h7a1,1,0,0,0,1-1V20A1,1,0,0,0,28.7071,19.293ZM19,25a3,3,0,0,1-6,0V24h6Zm8-3H5V20.4141L7.707,17.707A1,1,0,0,0,8,17V13a8,8,0,0,1,16,0v4a1,1,0,0,0,.293.707L27,20.4141Z"}}],name:"notification",size:20}),user:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16 4a5 5 0 11-5 5 5 5 0 015-5m0-2a7 7 0 107 7A7 7 0 0016 2zM26 30H24V25a5 5 0 00-5-5H13a5 5 0 00-5 5v5H6V25a7 7 0 017-7h6a7 7 0 017 7z"}}],name:"user",size:20}),group:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M31 30H29V27a3 3 0 00-3-3H22a3 3 0 00-3 3v3H17V27a5 5 0 015-5h4a5 5 0 015 5zM24 12a3 3 0 11-3 3 3 3 0 013-3m0-2a5 5 0 105 5A5 5 0 0024 10zM15 22H13V19a3 3 0 00-3-3H6a3 3 0 00-3 3v3H1V19a5 5 0 015-5h4a5 5 0 015 5zM8 4A3 3 0 115 7 3 3 0 018 4M8 2a5 5 0 105 5A5 5 0 008 2z"}}],name:"group",size:20}),save:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M17.8,5.5l-3.3-3.3C14.3,2.1,14.2,2,14,2H3.3C2.6,2,2,2.6,2,3.3v13.3C2,17.4,2.6,18,3.3,18h13.3c0.7,0,1.4-0.5,1.4-1.2V6.1\tC18,5.7,17.9,5.7,17.8,5.5z M7.3,3.3h5.3v3.3H7.3V3.3z M12.7,16.7H7.3v-5.3h5.3L12.7,16.7L12.7,16.7z M14,16.7v-5.3\tc0-0.7-0.6-1.3-1.3-1.3H7.3C6.6,10,6,10.6,6,11.3v5.3H3.3V3.3H6v3.3C6,7.4,6.6,8,7.3,8h5.3C13.4,8,14,7.4,14,6.7v-3l2.7,2.7v10.4\tL14,16.7L14,16.7z"}}],name:"save",size:20}),document:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M25.7,9.3l-7-7C18.5,2.1,18.3,2,18,2H8C6.9,2,6,2.9,6,4v24c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V10C26,9.7,25.9,9.5,25.7,9.3\tz M18,4.4l5.6,5.6H18V4.4z M24,28H8V4h8v6c0,1.1,0.9,2,2,2h6V28z"}},{elem:"path",attrs:{d:"M10 22H22V24H10zM10 16H22V18H10z"}}],name:"document",size:20}),folder:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M11.17,6l3.42,3.41.58.59H28V26H4V6h7.17m0-2H4A2,2,0,0,0,2,6V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2H16L12.59,4.59A2,2,0,0,0,11.17,4Z"}}],name:"folder",size:20}),image:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M19,14a3,3,0,1,0-3-3A3,3,0,0,0,19,14Zm0-4a1,1,0,1,1-1,1A1,1,0,0,1,19,10Z"}},{elem:"path",attrs:{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Zm0,22H6V20l5-5,5.59,5.59a2,2,0,0,0,2.82,0L21,19l5,5Zm0-4.83-3.59-3.59a2,2,0,0,0-2.82,0L18,19.17l-5.59-5.59a2,2,0,0,0-2.82,0L6,17.17V6H26Z"}}],name:"image",size:20}),calendar:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26,4h-4V2h-2v2h-8V2h-2v2H6C4.9,4,4,4.9,4,6v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V6C28,4.9,27.1,4,26,4z M26,26H6V12h20\tV26z M26,10H6V6h4v2h2V6h8v2h2V6h4V10z"}}],name:"calendar",size:20}),information:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M17 22L17 14 13 14 13 16 15 16 15 22 12 22 12 24 20 24 20 22 17 22zM16 8a1.5 1.5 0 101.5 1.5A1.5 1.5 0 0016 8z"}},{elem:"path",attrs:{d:"M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z"}}],name:"information",size:20}),warning:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"}},{elem:"path",attrs:{d:"M15 8H17V19H15zM16 22a1.5 1.5 0 101.5 1.5A1.5 1.5 0 0016 22z"}}],name:"warning",size:20}),error:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M2,16H2A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm23.15,7.75L8.25,6.85a12,12,0,0,1,16.9,16.9ZM8.24,25.16A12,12,0,0,1,6.84,8.27L23.73,25.16a12,12,0,0,1-15.49,0Z"}}],name:"error",size:20}),"checkmark-filled":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M10,1c-4.9,0-9,4.1-9,9s4.1,9,9,9s9-4,9-9S15,1,10,1z M8.7,13.5l-3.2-3.2l1-1l2.2,2.2l4.8-4.8l1,1L8.7,13.5z"}},{elem:"path",attrs:{fill:"none",d:"M8.7,13.5l-3.2-3.2l1-1l2.2,2.2l4.8-4.8l1,1L8.7,13.5z","data-icon-path":"inner-path",opacity:"0"}}],name:"checkmark--filled",size:20}),copy:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"}},{elem:"path",attrs:{d:"M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z"}}],name:"copy",size:20}),star:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M16,2l-4.55,9.22L1.28,12.69l7.36,7.18L6.9,30,16,25.22,25.1,30,23.36,19.87l7.36-7.17L20.55,11.22Z"}}],name:"star--filled",size:20}),"thumbs-up":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M2 16H7V30H2zM23 30H9V15.1973l3.0422-4.5635.8453-5.9165A2.0094 2.0094 0 0114.8672 3H15a3.0033 3.0033 0 013 3v6h8a4.0045 4.0045 0 014 4v7A7.0078 7.0078 0 0123 30z"}}],name:"thumbs-up--filled",size:20}),"thumbs-down":J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M2 2H7V16H2zM23 2H9V16.8027l3.0422 4.5635.8453 5.9165A2.0094 2.0094 0 0014.8672 29H15a3.0033 3.0033 0 003-3V20h8a4.0045 4.0045 0 004-4V9A7.0078 7.0078 0 0023 2z"}}],name:"thumbs-down--filled",size:20}),twitter:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M11.5475,25.7523c9.0566,0,14.0102-7.5034,14.0102-14.0102,0-.2131,0-.4253-.0144-.6365,.9637-.697,1.7955-1.5601,2.4566-2.5488-.8987,.3982-1.852,.6594-2.8282,.7747,1.0279-.6154,1.7972-1.5833,2.1648-2.7235-.9666,.5736-2.024,.9778-3.1267,1.1952-1.8648-1.9829-4.984-2.0786-6.9669-.2138-1.2788,1.2026-1.8214,2.9947-1.4245,4.7047-3.9591-.1985-7.6479-2.0685-10.1482-5.1446-1.3069,2.2499-.6394,5.1282,1.5245,6.5731-.7836-.0232-1.5501-.2346-2.2349-.6163v.0624c.0006,2.3439,1.6529,4.3628,3.9504,4.8269-.7249,.1977-1.4855,.2266-2.2234,.0845,.6451,2.0058,2.4937,3.38,4.6003,3.4195-1.7436,1.3703-3.8975,2.1142-6.1152,2.112-.3918-.0008-.7832-.0245-1.1722-.071,2.2518,1.4451,4.8719,2.2116,7.5475,2.208"}}],name:"logo--twitter",size:20}),linkedin:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26.2,4H5.8C4.8,4,4,4.8,4,5.7v20.5c0,0.9,0.8,1.7,1.8,1.7h20.4c1,0,1.8-0.8,1.8-1.7V5.7C28,4.8,27.2,4,26.2,4z M11.1,24.4\tH7.6V13h3.5V24.4z M9.4,11.4c-1.1,0-2.1-0.9-2.1-2.1c0-1.2,0.9-2.1,2.1-2.1c1.1,0,2.1,0.9,2.1,2.1S10.5,11.4,9.4,11.4z M24.5,24.3\tH21v-5.6c0-1.3,0-3.1-1.9-3.1c-1.9,0-2.1,1.5-2.1,2.9v5.7h-3.5V13h3.3v1.5h0.1c0.5-0.9,1.7-1.9,3.4-1.9c3.6,0,4.3,2.4,4.3,5.5V24.3z"}}],name:"logo--linkedin",size:20}),facebook:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M26.67,4H5.33A1.34,1.34,0,0,0,4,5.33V26.67A1.34,1.34,0,0,0,5.33,28H16.82V18.72H13.7V15.09h3.12V12.42c0-3.1,1.89-4.79,4.67-4.79.93,0,1.86,0,2.79.14V11H22.37c-1.51,0-1.8.72-1.8,1.77v2.31h3.6l-.47,3.63H20.57V28h6.1A1.34,1.34,0,0,0,28,26.67V5.33A1.34,1.34,0,0,0,26.67,4Z"}}],name:"logo--facebook",size:20}),youtube:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M29.41,9.26a3.5,3.5,0,0,0-2.47-2.47C24.76,6.2,16,6.2,16,6.2s-8.76,0-10.94.59A3.5,3.5,0,0,0,2.59,9.26,36.13,36.13,0,0,0,2,16a36.13,36.13,0,0,0,.59,6.74,3.5,3.5,0,0,0,2.47,2.47C7.24,25.8,16,25.8,16,25.8s8.76,0,10.94-.59a3.5,3.5,0,0,0,2.47-2.47A36.13,36.13,0,0,0,30,16,36.13,36.13,0,0,0,29.41,9.26ZM13.2,20.2V11.8L20.47,16Z"}}],name:"logo--youtube",size:20}),mastodon:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"m29.0581,11.1929c0-6.0742-3.9797-7.8545-3.9797-7.8545-2.0066-.9214-5.4522-1.3091-9.0318-1.3384h-.0879c-3.5798.0293-7.023.417-9.0296,1.3384,0,0-3.98,1.7803-3.98,7.8545,0,1.3911-.0271,3.0537.0171,4.8174.1445,5.9404,1.0889,11.7945,6.5811,13.2481,2.5322.6704,4.7063.8105,6.4573.7144,3.1755-.1758,4.958-1.1333,4.958-1.1333l-.1047-2.3037s-2.269.7153-4.8176.6284c-2.5249-.0869-5.1902-.2725-5.5986-3.3726-.0378-.272-.0566-.563-.0566-.8691,0,0,2.4785.606,5.6196.75,1.9207.0879,3.7219-.1128,5.5515-.3311,3.5083-.4189,6.563-2.5806,6.9468-4.5557.605-3.1113.5552-7.5928.5552-7.5928Zm-4.6943,7.8257h-2.9138v-7.1382c0-1.5049-.6331-2.2686-1.8997-2.2686-1.4002,0-2.1018.9058-2.1018,2.6973v3.9077h-2.8967v-3.9077c0-1.7915-.7019-2.6973-2.1021-2.6973-1.2666,0-1.8997.7637-1.8997,2.2686v7.1382h-2.9138v-7.3545c0-1.5029.3828-2.6978,1.1516-3.5811.7927-.8838,1.8308-1.3369,3.1196-1.3369,1.491,0,2.6204.5732,3.367,1.7192l.7256,1.2168.7261-1.2168c.7463-1.146,1.8755-1.7192,3.3667-1.7192,1.2886,0,2.3267.4531,3.1196,1.3369.7686.8833,1.1514,2.0781,1.1514,3.5811v7.3545Z"}}],name:"logo--mastodon",size:20}),bluesky:J({elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:20,height:20},content:[{elem:"path",attrs:{d:"M9.2,6.9c2.7,2.1,5.7,6.3,6.8,8.5,1.1-2.2,4-6.4,6.8-8.5,2-1.5,5.2-2.6,5.2,1s-.4,6.2-.7,7c-.9,3.1-4,3.8-6.8,3.4,4.8.8,6.1,3.6,3.4,6.3-5.1,5.2-7.3-1.3-7.8-3,0-.3-.1-.5-.1-.3,0-.1,0,0-.1.3-.6,1.7-2.8,8.2-7.8,3-2.7-2.7-1.4-5.5,3.4-6.3-2.8.5-5.9-.3-6.8-3.4-.2-.9-.7-6.3-.7-7,0-3.7,3.2-2.5,5.2-1,0,0,0,0,0,0Z"}}],name:"logo--bluesky",size:20})},nn=class{constructor(e){n(this,e),this.name=void 0,this.size=20}render(){const n=Q[this.name];return n?t(r,{role:"img"},t("span",{class:`icon icon--${this.size}`,innerHTML:n})):(console.warn(`Icon "${this.name}" not found in ICONS`),null)}};nn.style=":host{display:inline-flex;align-items:center;justify-content:center}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{display:block;fill:currentColor;color:inherit}.icon--16{width:16px;height:16px}.icon--16 svg{width:16px;height:16px}.icon--20{width:20px;height:20px}.icon--20 svg{width:20px;height:20px}.icon--24{width:24px;height:24px}.icon--24 svg{width:24px;height:24px}.icon--32{width:32px;height:32px}.icon--32 svg{width:32px;height:32px}";const en=class{constructor(e){n(this,e),this.img=null,this.handleLoad=()=>{this.loaded=!0,this.showBg=!1},this.handleError=()=>{this.loaded=!0,this.showBg=!1},this.handleTransitionEnd=()=>{this.showBg=!1},this.src=void 0,this.alt="",this.width=void 0,this.height=void 0,this.srcset=void 0,this.sizes=void 0,this.formats=[],this.lazyload=!0,this.withBg=!0,this.loaded=!this.lazyload,this.showBg=this.withBg}componentDidLoad(){this.img&&this.img.complete&&(this.loaded=!0,this.showBg=!1)}render(){const n={};return this.lazyload&&(n.loading="lazy",n.decoding="async"),t("div",{key:"401f46b1ba986cbab6ef1617039f2315fb9d5e6b",class:{"items-center justify-center":!0,"effect-bg-pattern":this.lazyload&&this.showBg}},t("picture",{key:"cf2b2803efd4f8f0abb40cd427b1b29eff591b15"},this.formats.map((n=>t("source",{type:n.type,srcSet:n.srcset,media:n.media,sizes:this.sizes}))),t("img",Object.assign({key:"a256bcf9c87284391fdeebcf6dcdb1e95b7fc1f8",ref:n=>this.img=n,class:{"effect-opacity object-cover object-center":!0,"opacity-100":this.loaded,"opacity-0":!this.loaded},width:this.width,height:this.height,sizes:this.sizes,src:this.src,srcSet:this.srcset,alt:this.alt},n,{onLoad:this.handleLoad,onError:this.handleError,onTransitionEnd:this.handleTransitionEnd}))))}get imgElement(){return i(this)}};en.style="/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n    max-width: 100%;\n    height: auto;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.justify-between {\n    justify-content: space-between;\n}\n\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n    }\n}\n\n.effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n}\n\n.object-center {\n    -o-object-position: center;\n    object-position: center;\n}\n\n.opacity-0 {\n    opacity: 0;\n}\n\n.opacity-100 {\n    opacity: 1;\n}";const tn=class{constructor(e){n(this,e),this.handleInput=n=>{const e=n.target;this.innerVal=e.value,this.maxLength&&"textarea"===this.type&&(this.maxLengthReached=e.value.length>=this.maxLength)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.min=void 0,this.max=void 0,this.step=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(n){this.innerVal=n}componentWillLoad(){this.value?this.innerVal=this.value:"select"===this.type&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const n=!!this.icon,e=this.hasMessage||this.error?`${this.name}-error`:"";return t("div",{key:"5e5aabb89e931e0129ad606f9ed6070e336f9d98",class:"relative flex items-center"},"textarea"===this.type?t("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${n?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":e,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):"select"===this.type?t("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":e,onInput:this.handleInput,onChange:this.handleInput},this.options.map((n=>t("option",{value:n.value,selected:n.value===this.innerVal,key:n.value},n.label)))):t("input",Object.assign({id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0},"number"===this.type?{min:this.min,max:this.max,step:this.step}:{},{class:`\n              ${this.extraClass||""} \n              input ${"radio"===this.type?"input-radio":"checkbox"===this.type?"input-checkbox":""}\n              ${n&&"radio"!==this.type&&"checkbox"!==this.type?"input-icon pl-36":""} \n              ${this.error?"input-error":""}\n              `,"aria-invalid":this.error?"true":"false","aria-describedby":e,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput})),this.maxLength&&"textarea"===this.type&&t("span",{key:"b3f75c5b363dc5320d4552ca9d9544975fdd89e0",class:"input-counter f-ui-05 absolute bottom-8 right-8 "+(this.maxLengthReached?"input-counter-error":"")},this.maxLength),this.icon&&t("eds-icon-wrapper",{key:"e3d18b7c5089e635ee3c4341f039482fdf37f5f1",class:"absolute top-1/2 left-[12px] -translate-y-1/2 text-lightest",name:this.icon}))}get el(){return i(this)}static get watchers(){return{value:["onValueChanged"]}}},rn=class{constructor(t){n(this,t),this.edsfile=e(this,"edsfile",7),this.handleDropzoneClick=()=>{var n;this.disabled||null===(n=this.fileInputRef)||void 0===n||n.click()},this.handleFileSelect=n=>{const e=n.target;e.files&&this.addFiles(Array.from(e.files))},this.handleDragOver=n=>{n.preventDefault(),n.stopPropagation(),this.disabled||(this.isDragging=!0)},this.handleDragLeave=n=>{n.preventDefault(),n.stopPropagation(),this.isDragging=!1},this.handleDrop=n=>{var e;if(n.preventDefault(),n.stopPropagation(),this.isDragging=!1,this.disabled)return;const t=null===(e=n.dataTransfer)||void 0===e?void 0:e.files;t&&t.length>0&&this.addFiles(Array.from(t))},this.handleRemoveFile=n=>{this.selectedFiles=this.selectedFiles.filter((e=>e.id!==n)),this.emitFileChange()},this.name=void 0,this.inputId=void 0,this.disabled=!1,this.required=!1,this.multiple=!0,this.accept=void 0,this.maxFileSize=void 0,this.primaryText="Drag and drop files here",this.secondaryText="or click to browse",this.selectedFiles=[],this.isDragging=!1}addFiles(n){const e=n.map((n=>({file:n,id:`${n.name}-${Date.now()}-${Math.random()}`})));this.selectedFiles=this.multiple?[...this.selectedFiles,...e]:e.slice(0,1),this.emitFileChange()}emitFileChange(){const n=this.selectedFiles.map((n=>n.file));this.edsfile.emit({files:n})}formatFileSize(n){if(0===n)return"0 B";const e=Math.floor(Math.log(n)/Math.log(1024));return`${(n/Math.pow(1024,e)).toFixed(1)} ${["B","KB","MB","GB"][e]}`}getFileIcon(n){var e;const i=null===(e=n.split(".").pop())||void 0===e?void 0:e.toLowerCase();return["png","jpg","jpeg","gif","svg","webp"].includes(i||"")?t("svg",{class:"file-chip-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},t("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),t("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),t("polyline",{points:"21 15 16 10 5 21"})):t("svg",{class:"file-chip-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},t("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t("polyline",{points:"14 2 14 8 20 8"}))}render(){const n=`eds-input-dropzone ${this.isDragging?"dragging":""} ${this.disabled?"disabled":""}`;return t("div",{key:"a5f1b90a46927fc9b6396c7aa46b6871233f543a",class:"eds-input-dropzone-container"},t("input",{key:"3eefd790de82dc7686f1eaeb70f974155830d0e1",ref:n=>this.fileInputRef=n,type:"file",id:this.inputId||this.name,name:this.name,class:"eds-input-dropzone-hidden",disabled:this.disabled,required:this.required,multiple:this.multiple,accept:this.accept,onChange:this.handleFileSelect}),t("div",{key:"e9f2a824fd9df33e943b6b4ab80dff9b6b0c031d",class:n,onClick:this.handleDropzoneClick,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},t("svg",{key:"f7535c3bb5e80e894520176de395da72732fa714",class:"dropzone-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},t("path",{key:"c16c8692d38cf348ec967b2a3617422afff7909a",d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),t("polyline",{key:"13d7a4c1ae764156957c86c03dbeb4e18f4df227",points:"17 8 12 3 7 8"}),t("line",{key:"ddd716e98d7defa01360ecaa726696141116c860",x1:"12",y1:"3",x2:"12",y2:"15"})),t("div",{key:"2ab160b911248c5db33b00100b2dbacfeebd6145",class:"dropzone-text"},t("p",{key:"4dc47aaa591673211e7b6b2fbd84565a3986bf8e",class:"dropzone-primary"},this.primaryText),t("p",{key:"92d44b3198860ad6509743a7c55a7c1f949fab70",class:"dropzone-secondary"},this.secondaryText))),this.selectedFiles.length>0&&t("div",{key:"84b2403ba93872292c4d15206d9fcbe1a71a21a5",class:"eds-input-dropzone-chips"},this.selectedFiles.map((n=>t("div",{key:n.id,class:"eds-input-dropzone-chip"},this.getFileIcon(n.file.name),t("span",{class:"eds-input-dropzone-chip-name"},n.file.name),t("span",{class:"eds-input-dropzone-chip-size"},this.formatFileSize(n.file.size)),t("button",{type:"button",class:"eds-input-dropzone-chip-remove",onClick:()=>this.handleRemoveFile(n.id),disabled:this.disabled,"aria-label":`Remove ${n.file.name}`},t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},t("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))))))))}get hostEl(){return i(this)}};rn.style=".eds-input-dropzone-container{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;max-width:100%}.eds-input-dropzone-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.eds-input-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:200px;padding:2rem;border:2px dashed var(--color-border-soft, #d0d0d0);border-radius:8px;background-color:var(--color-bg-inverse, #ffffff);cursor:pointer;transition:all 0.2s ease;outline:none;box-sizing:border-box}.eds-input-dropzone:hover:not(.disabled){border-color:var(--color-border-strong, #07140D);background-color:var(--color-bg-softer, #ECECEC)}.eds-input-dropzone.dragging:not(.disabled){border-color:var(--color-accent, #00FF9D);background-color:var(--color-bg-softest, #F8F8F8);border-width:3px}.eds-input-dropzone.disabled{opacity:0.5;cursor:not-allowed;background-color:var(--color-bg-disabled, #f5f5f5)}.eds-input-dropzone:focus-visible{outline:2px solid var(--color-accent, #00FF9D);outline-offset:2px}.dropzone-icon{width:48px;height:48px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-dropzone.dragging .dropzone-icon{color:var(--color-accent, #00FF9D)}.dropzone-text{display:flex;flex-direction:column;align-items:center;gap:0.25rem;text-align:center}.dropzone-primary{font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:1rem;font-weight:500;color:var(--color-text-default, #07140D);margin:0}.dropzone-secondary{font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:0.875rem;font-weight:400;color:var(--color-text-light, #7A7B7A);margin:0}.eds-input-dropzone-chips{display:flex;flex-wrap:wrap;gap:0.5rem;width:100%}.eds-input-dropzone-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background-color:var(--color-bg-softer, #ECECEC);border-radius:100px;font-size:0.75rem;color:var(--color-text-default, #07140D)}.file-chip-icon{width:14px;height:14px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-dropzone-chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.eds-input-dropzone-chip-size{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:0.625rem;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-dropzone-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:var(--color-text-light, #7A7B7A);cursor:pointer;transition:color 0.2s ease;flex-shrink:0}.eds-input-dropzone-chip-remove:hover:not(:disabled){color:var(--color-error, #e53935)}.eds-input-dropzone-chip-remove:disabled{opacity:0.5;cursor:not-allowed}.eds-input-dropzone-chip-remove svg{width:14px;height:14px}@media (max-width: 640px){.eds-input-dropzone{min-height:160px;padding:1.5rem}.dropzone-icon{width:40px;height:40px}.dropzone-primary{font-size:0.875rem}.dropzone-secondary{font-size:0.75rem}.eds-input-dropzone-chip-name{max-width:120px}}";const ln=class{constructor(t){n(this,t),this.edsinput=e(this,"edsinput",7),this.edschange=e(this,"edschange",7),this.handleNativeInput=n=>{var e,t;if(null===(e=this.onInput)||void 0===e||e.call(this,n),this.shouldEmitValue()){const e=n.target;let i=e.value;if("checkbox"===this.type&&(null===(t=this.parsedOptions)||void 0===t?void 0:t.length)>0){const n=this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);i=Array.from(n).filter((n=>n.checked)).map((n=>n.value))}else i="checkbox"===this.type?e.checked:e.value;this.edsinput.emit({value:i})}},this.handleNativeChange=n=>{var e,t;if(null===(e=this.onChangeNative)||void 0===e||e.call(this,n),this.shouldEmitValue()){const e=n.target;let i=e.value;if("checkbox"===this.type&&(null===(t=this.parsedOptions)||void 0===t?void 0:t.length)>0){const n=this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);i=Array.from(n).filter((n=>n.checked)).map((n=>n.value))}else i="checkbox"===this.type?e.checked:e.value;this.edschange.emit({value:i})}},this.handleFileChange=n=>{var e;const t=n.detail.files,i=new CustomEvent("edschange",{detail:{value:t},bubbles:!0});null===(e=this.onChangeNative)||void 0===e||e.call(this,i),this.shouldEmitValue()&&(this.edschange.emit({value:t}),this.edsinput.emit({value:t}))},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.min=void 0,this.max=void 0,this.step=void 0,this.options=void 0,this.type="text",this.onChangeNative=void 0,this.onInput=void 0,this.exposeValueEvents=!0}shouldEmitValue(){return this.exposeValueEvents&&"password"!==this.type}get parsedOptions(){if(Array.isArray(this.options))return this.options;if("string"==typeof this.options)try{return JSON.parse(this.options)}catch(n){return console.warn("Invalid options format"),[]}return[]}render(){const n=Object.assign({name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleNativeInput,onChange:this.handleNativeChange,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked},"number"===this.type?{min:this.min,max:this.max,step:this.step}:{});return t("div",{key:"1568054341b82bcaa01ffe4a48092d5f25a639ed"},"checkbox"===this.type||"radio"===this.type?this.parsedOptions.length>0?t("fieldset",{class:"space-y-4"},(this.label||this.hint)&&t("div",{class:"flex justify-between mb-4"},this.label&&t("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&t("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map((e=>t("div",{class:"flex items-center gap-x-4 gap-y-4",key:e.value},t("eds-input",Object.assign({},n,{value:e.value,checked:"string"==typeof this.value&&this.value.split(",").includes(String(e.value))})),t("label",{htmlFor:this.name,class:"input-label-options "+(this.disabled?"text-lighter":"")},e.label))))):t("div",{class:"flex items-center gap-x-8"},t("eds-input",Object.assign({},n,{value:this.value,checked:"on"===this.value||this.checked})),this.label&&t("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):t("div",null,(this.label||this.hint)&&t("div",{class:"flex justify-between mb-4"},this.label&&t("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&t("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),"select"===this.type?t("eds-input-select",Object.assign({},n,{options:this.parsedOptions})):"file"===this.type?t("eds-input-file",{name:this.name,inputId:this.inputId,disabled:this.disabled,required:this.required,multiple:!0,onEdsfile:this.handleFileChange}):"dropzone"===this.type?t("eds-input-dropzone",{name:this.name,inputId:this.inputId,disabled:this.disabled,required:this.required,multiple:!0,onEdsfile:this.handleFileChange}):"search"===this.type?t("eds-input-search",{name:"search-box"}):"range"===this.type?(()=>{var e,i,r;const l={name:n.name,inputId:n.id||n.name,disabled:n.disabled,required:n.required,onInput:n.onInput,onChange:n.onChange},o=this.parsedOptions,a="string"==typeof this.value?parseFloat(this.value):this.value;return t("eds-input-range",Object.assign({},l,{min:null===(e=o[0])||void 0===e?void 0:e.value,max:null===(i=o[1])||void 0===i?void 0:i.value,step:null===(r=o[2])||void 0===r?void 0:r.value,value:a}))})():t("eds-input",Object.assign({},n))),t("div",{key:"5df838f8bf73bc9e0dfa0792f76ad1b958f3d1fc",class:"mt-6"},t("eds-input-footer",{key:"daf5d0fd8d9cca3241e760b740a47e2663c3e665",id:`${this.name}-footer`,name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link})))}static get delegatesFocus(){return!0}get hostEl(){return i(this)}};ln.style=':root {\n  font-optical-sizing: auto;\n}\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n/*\n:focus[data-focus-method="mouse"],\n:focus[data-focus-method="touch"] {\n  outline: none !important;\n}\n*/\n/*FADE*/\n.fade-enter-active,\n.fade-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: linear;\n  transition-property: opacity;\n}\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n/*FADE TRANSLATE Y*/\n.fade-down-enter-active,\n.fade-down-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-property: opacity, transform;\n}\n.fade-down-enter-from,\n.fade-down-leave-to {\n  opacity: 0;\n  transform: translateY(12px);\n}\n/*SLIDE LEFT*/\n.slide-left-enter-active,\n.slide-left-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: opacity, transform;\n}\n.slide-left-enter-from,\n.slide-left-leave-to {\n  transform: translateX(-110%);\n}\n/*SLIDE BOTTOM*/\n.slide-bottom-enter-active,\n.slide-bottom-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: opacity, transform;\n}\n.slide-bottom-enter-from,\n.slide-bottom-leave-to {\n  transform: translateY(100%);\n}\n.slide-bottom-list-move,\n.slide-bottom-list-enter-active,\n.slide-bottom-list-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-property: opacity, transform;\n}\n.slide-bottom-list-enter-from,\n.slide-bottom-list-leave-to {\n  opacity: 0;\n  transform: translateY(100%);\n}\n.slide-bottom-list-leave-active {\n  position: absolute;\n}\n/*COLLAPSE Y*/\n.collapseY-enter-active,\n.collapseY-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: linear;\n  overflow: hidden;\n  max-height: 500px;\n  transition-property: max-height;\n}\n.collapseY-enter-from,\n.collapseY-leave-to {\n  max-height: 0;\n}\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(147 197 253 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(147 197 253 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*/\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: currentColor; /* 2 */\n}\n::before,\n::after {\n  --tw-content: \'\';\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:root {\n  --breakpoint: "sm";\n  --container-width: unset;\n  --inner-gutter: 8px;\n  --outer-gutter: 16px;\n  --grid-columns: 12;\n  --env: "dev";\n  --grid-column-bg: rgba(127, 255, 255, 0.25);\n}\n@media (min-width: 750px) {\n  :root {\n    --breakpoint: "md";\n    --container-width: unset;\n    --inner-gutter: 12px;\n    --outer-gutter: 20px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --breakpoint: "lg";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --breakpoint: "xl";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --breakpoint: "xxl";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 2200px) {\n  :root {\n    --breakpoint: "xxxl";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n.container {\n  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n  margin-right: auto;\n  margin-left: auto;\n}\n.container > * {\n  --container-outer-gutter: 0;\n  --breakout-container-outer-gutter: 0;\n}\n[class*=\'scrollbar-track-\'], [class*=\'scrollbar-thumb-\'] {\n  --scrollbar-bg: #fafafa;\n  --scrollbar-fg: #c1c1c1;\n  --scrollbar-border: #e8e8e8;\n  scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar {\n  width: var(--scrollbar-width, 15px);\n  height: var(--scrollbar-width, 15px);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-track, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track {\n  background: var(--scrollbar-bg);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-track:horizontal, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:horizontal {\n  border-top: 1px solid var(--scrollbar-border);\n  border-bottom: 1px solid var(--scrollbar-border);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-track:vertical, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:vertical {\n  border-inline-start: 1px solid var(--scrollbar-border);\n  border-inline-end: 1px solid var(--scrollbar-border);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-thumb, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-fg);\n  border-radius: 20px;\n  border: var(--scrollbar-padding, 4px) solid transparent;\n  background-clip: content-box;\n}\n:root {\n  --spacing-space-01: 5rem;\n  --spacing-space-02: 3.75rem;\n  --spacing-space-03: 6.25rem;\n  --spacing-space-04: 1.75rem;\n}\n@media (min-width: 900px) {\n  :root {\n    --spacing-space-01: 7.5rem;\n    --spacing-space-02: 5rem;\n    --spacing-space-03: 7.5rem;\n  }\n}\n:root {\n  --sans: Inter, Helvetica, Arial, sans-serif;\n  --f-heading-01-fontFamily: var(--sans);\n  --f-heading-01-fontWeight: 800;\n  --f-heading-01-fontSize: 42px;\n  --f-heading-01-lineHeight: 100%;\n  --f-heading-01-letterSpacing: -0.01em;\n  --f-heading-02-fontFamily: var(--sans);\n  --f-heading-02-fontWeight: 800;\n  --f-heading-02-fontSize: 36px;\n  --f-heading-02-lineHeight: 100%;\n  --f-heading-02-letterSpacing: -0.01em;\n  --f-heading-03-fontFamily: var(--sans);\n  --f-heading-03-fontWeight: 800;\n  --f-heading-03-fontSize: 36px;\n  --f-heading-03-lineHeight: 100%;\n  --f-heading-03-letterSpacing: -0.01em;\n  --f-heading-04-fontFamily: var(--sans);\n  --f-heading-04-fontWeight: 800;\n  --f-heading-04-fontSize: 28px;\n  --f-heading-04-lineHeight: 100%;\n  --f-heading-04-letterSpacing: -0.01em;\n  --f-heading-05-fontFamily: var(--sans);\n  --f-heading-05-fontWeight: 800;\n  --f-heading-05-fontSize: 28px;\n  --f-heading-05-lineHeight: 110%;\n  --f-heading-05-letterSpacing: -0.01em;\n  --f-heading-06-fontFamily: var(--sans);\n  --f-heading-06-fontWeight: 800;\n  --f-heading-06-fontSize: 22px;\n  --f-heading-06-lineHeight: 120%;\n  --f-body-01-fontFamily: var(--sans);\n  --f-body-01-fontWeight: 600;\n  --f-body-01-fontSize: 20px;\n  --f-body-01-lineHeight: 140%;\n  --f-body-01-letterSpacing: -0.01em;\n  --f-body-02-fontFamily: var(--sans);\n  --f-body-02-fontWeight: 600;\n  --f-body-02-fontSize: 17px;\n  --f-body-02-lineHeight: 150%;\n  --f-ui-01-fontFamily: var(--sans);\n  --f-ui-01-fontWeight: 800;\n  --f-ui-01-fontSize: 18px;\n  --f-ui-01-lineHeight: 110%;\n  --f-ui-01-letterSpacing: -0.01em;\n  --f-ui-02-fontFamily: var(--sans);\n  --f-ui-02-fontWeight: 800;\n  --f-ui-02-fontSize: 16px;\n  --f-ui-02-lineHeight: 110%;\n  --f-ui-02-letterSpacing: -0.01em;\n  --f-ui-02-light-fontFamily: var(--sans);\n  --f-ui-02-light-fontWeight: 600;\n  --f-ui-02-light-fontSize: 16px;\n  --f-ui-02-light-lineHeight: 110%;\n  --f-ui-02-light-letterSpacing: -0.01em;\n  --f-ui-03-fontFamily: var(--sans);\n  --f-ui-03-fontWeight: 800;\n  --f-ui-03-fontSize: 14px;\n  --f-ui-03-lineHeight: 110%;\n  --f-ui-03-letterSpacing: -0.01em;\n  --f-ui-03-light-fontFamily: var(--sans);\n  --f-ui-03-light-fontWeight: 600;\n  --f-ui-03-light-fontSize: 14px;\n  --f-ui-03-light-lineHeight: 130%;\n  --f-ui-03-light-letterSpacing: -0.01em;\n  --f-ui-04-fontFamily: var(--sans);\n  --f-ui-04-fontWeight: 800;\n  --f-ui-04-fontSize: 12px;\n  --f-ui-04-lineHeight: 100%;\n  --f-ui-04-letterSpacing: -0.01em;\n  --f-ui-05-fontFamily: var(--sans);\n  --f-ui-05-fontWeight: 800;\n  --f-ui-05-fontSize: 10px;\n  --f-ui-05-lineHeight: 110%;\n  --f-ui-05-letterSpacing: -0.01em;\n  --f-caption-fontFamily: var(--sans);\n  --f-caption-fontWeight: 800;\n  --f-caption-fontSize: 12px;\n  --f-caption-lineHeight: 120%;\n  --f-display-01-fontFamily: var(--sans);\n  --f-display-01-fontWeight: 800;\n  --f-display-01-fontSize: 120px;\n  --f-display-01-lineHeight: 100%;\n  --f-display-01-letterSpacing: -0.01em;\n}\n.f-heading-01 {\n  font-family: var(--f-heading-01-fontFamily);\n  font-weight: var(--f-heading-01-fontWeight);\n  font-size: var(--f-heading-01-fontSize);\n  line-height: var(--f-heading-01-lineHeight);\n  letter-spacing: var(--f-heading-01-letterSpacing);\n}\n.f-heading-02 {\n  font-family: var(--f-heading-02-fontFamily);\n  font-weight: var(--f-heading-02-fontWeight);\n  font-size: var(--f-heading-02-fontSize);\n  line-height: var(--f-heading-02-lineHeight);\n  letter-spacing: var(--f-heading-02-letterSpacing);\n}\n.f-heading-03 {\n  font-family: var(--f-heading-03-fontFamily);\n  font-weight: var(--f-heading-03-fontWeight);\n  font-size: var(--f-heading-03-fontSize);\n  line-height: var(--f-heading-03-lineHeight);\n  letter-spacing: var(--f-heading-03-letterSpacing);\n}\n.f-heading-04 {\n  font-family: var(--f-heading-04-fontFamily);\n  font-weight: var(--f-heading-04-fontWeight);\n  font-size: var(--f-heading-04-fontSize);\n  line-height: var(--f-heading-04-lineHeight);\n  letter-spacing: var(--f-heading-04-letterSpacing);\n}\n.f-heading-05 {\n  font-family: var(--f-heading-05-fontFamily);\n  font-weight: var(--f-heading-05-fontWeight);\n  font-size: var(--f-heading-05-fontSize);\n  line-height: var(--f-heading-05-lineHeight);\n  letter-spacing: var(--f-heading-05-letterSpacing);\n}\n.f-heading-06 {\n  font-family: var(--f-heading-06-fontFamily);\n  font-weight: var(--f-heading-06-fontWeight);\n  font-size: var(--f-heading-06-fontSize);\n  line-height: var(--f-heading-06-lineHeight);\n  letter-spacing: var(--f-heading-06-letterSpacing);\n}\n.f-body-01 {\n  font-family: var(--f-body-01-fontFamily);\n  font-weight: var(--f-body-01-fontWeight);\n  font-size: var(--f-body-01-fontSize);\n  line-height: var(--f-body-01-lineHeight);\n  letter-spacing: var(--f-body-01-letterSpacing);\n}\n.f-body-02 {\n  font-family: var(--f-body-02-fontFamily);\n  font-weight: var(--f-body-02-fontWeight);\n  font-size: var(--f-body-02-fontSize);\n  line-height: var(--f-body-02-lineHeight);\n  letter-spacing: var(--f-body-02-letterSpacing);\n}\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n.f-ui-02 {\n  font-family: var(--f-ui-02-fontFamily);\n  font-weight: var(--f-ui-02-fontWeight);\n  font-size: var(--f-ui-02-fontSize);\n  line-height: var(--f-ui-02-lineHeight);\n  letter-spacing: var(--f-ui-02-letterSpacing);\n}\n.f-ui-02-light {\n  font-family: var(--f-ui-02-light-fontFamily);\n  font-weight: var(--f-ui-02-light-fontWeight);\n  font-size: var(--f-ui-02-light-fontSize);\n  line-height: var(--f-ui-02-light-lineHeight);\n  letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.f-ui-03 {\n  font-family: var(--f-ui-03-fontFamily);\n  font-weight: var(--f-ui-03-fontWeight);\n  font-size: var(--f-ui-03-fontSize);\n  line-height: var(--f-ui-03-lineHeight);\n  letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.f-ui-03-light {\n  font-family: var(--f-ui-03-light-fontFamily);\n  font-weight: var(--f-ui-03-light-fontWeight);\n  font-size: var(--f-ui-03-light-fontSize);\n  line-height: var(--f-ui-03-light-lineHeight);\n  letter-spacing: var(--f-ui-03-light-letterSpacing);\n}\n.f-ui-04 {\n  font-family: var(--f-ui-04-fontFamily);\n  font-weight: var(--f-ui-04-fontWeight);\n  font-size: var(--f-ui-04-fontSize);\n  line-height: var(--f-ui-04-lineHeight);\n  letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.f-ui-05 {\n  font-family: var(--f-ui-05-fontFamily);\n  font-weight: var(--f-ui-05-fontWeight);\n  font-size: var(--f-ui-05-fontSize);\n  line-height: var(--f-ui-05-lineHeight);\n  letter-spacing: var(--f-ui-05-letterSpacing);\n}\n.f-caption {\n  font-family: var(--f-caption-fontFamily);\n  font-weight: var(--f-caption-fontWeight);\n  font-size: var(--f-caption-fontSize);\n  line-height: var(--f-caption-lineHeight);\n  letter-spacing: var(--f-caption-letterSpacing);\n}\n.f-display-01 {\n  font-family: var(--f-display-01-fontFamily);\n  font-weight: var(--f-display-01-fontWeight);\n  font-size: var(--f-display-01-fontSize);\n  line-height: var(--f-display-01-lineHeight);\n  letter-spacing: var(--f-display-01-letterSpacing);\n}\n@media (min-width: 750px) {\n  :root {\n    --f-heading-01-fontSize: 48px;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --f-heading-01-fontSize: 72px;\n    --f-heading-02-fontSize: 48px;\n    --f-display-01-fontSize: 150px;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --f-heading-01-fontSize: 83px;\n    --f-heading-02-fontSize: 60px;\n    --f-heading-03-fontSize: 42px;\n    --f-heading-04-fontSize: 36px;\n  }\n}\n.f-heading-01 b, .f-heading-01 strong {\n  font-weight: var(--f-heading-01---bold-weight, bold);\n}\n.f-heading-02 b, .f-heading-02 strong {\n  font-weight: var(--f-heading-02---bold-weight, bold);\n}\n.f-heading-03 b, .f-heading-03 strong {\n  font-weight: var(--f-heading-03---bold-weight, bold);\n}\n.f-heading-04 b, .f-heading-04 strong {\n  font-weight: var(--f-heading-04---bold-weight, bold);\n}\n.f-heading-05 b, .f-heading-05 strong {\n  font-weight: var(--f-heading-05---bold-weight, bold);\n}\n.f-heading-06 b, .f-heading-06 strong {\n  font-weight: var(--f-heading-06---bold-weight, bold);\n}\n.f-body-01 b, .f-body-01 strong {\n  font-weight: var(--f-body-01---bold-weight, bold);\n}\n.f-body-02 b, .f-body-02 strong {\n  font-weight: var(--f-body-02---bold-weight, bold);\n}\n.f-ui-01 b, .f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n.f-ui-02 b, .f-ui-02 strong {\n  font-weight: var(--f-ui-02---bold-weight, bold);\n}\n.f-ui-02-light b, .f-ui-02-light strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.f-ui-03 b, .f-ui-03 strong {\n  font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.f-ui-03-light b, .f-ui-03-light strong {\n  font-weight: var(--f-ui-03-light---bold-weight, bold);\n}\n.f-ui-04 b, .f-ui-04 strong {\n  font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.f-ui-05 b, .f-ui-05 strong {\n  font-weight: var(--f-ui-05---bold-weight, bold);\n}\n.f-caption b, .f-caption strong {\n  font-weight: var(--f-caption---bold-weight, bold);\n}\n.f-display-01 b, .f-display-01 strong {\n  font-weight: var(--f-display-01---bold-weight, bold);\n}\n:root {\n  --grey-100: #f8f8f8;\n  --grey-200: #f2f2f2;\n  --grey-300: #e6e6e6;\n  --grey-400: #d8d8d8;\n  --grey-500: #8c8c8c;\n  --grey-600: #6e6e6e;\n  --grey-700: #666666;\n  --grey-800: #4d4d4d;\n  --grey-900: #242424;\n  --green-100: #eaffee;\n  --green-200: #d3ffdc;\n  --green-300: #9dffb4;\n  --green-400: #63fb92;\n  --green-500: #00e766;\n  --green-600: #00c959;\n  --green-700: #009d45;\n  --green-800: #007734;\n  --green-900: #004f23;\n  --yellow-100: #fefee5;\n  --yellow-200: #ffffcb;\n  --yellow-300: #fdfdaa;\n  --yellow-400: #ffff8b;\n  --yellow-500: #ffff51;\n  --yellow-600: #f3f30a;\n  --yellow-700: #d7d72b;\n  --yellow-800: #9a9a1e;\n  --yellow-900: #636313;\n  --orange-100: #fff4ee;\n  --orange-200: #ffeade;\n  --orange-300: #ffdcc5;\n  --orange-400: #ffcca9;\n  --orange-500: #ffb87e;\n  --orange-600: #ffa543;\n  --orange-700: #cb7f28;\n  --orange-800: #995f1e;\n  --orange-900: #653f14;\n  --red-100: #feefef;\n  --red-200: #ffe0e1;\n  --red-300: #ffc7c9;\n  --red-400: #ff9ea2;\n  --red-500: #ff7a7f;\n  --red-600: #ff4d68;\n  --red-700: #d01111;\n  --red-800: #a3001a;\n  --red-900: #6f0011;\n  --purple-100: #f9f3ff;\n  --purple-200: #f4e8ff;\n  --purple-300: #e9ceff;\n  --purple-400: #ddb1ff;\n  --purple-500: #d18fff;\n  --purple-600: #c461ff;\n  --purple-700: #af56e4;\n  --purple-800: #8337b1;\n  --purple-900: #3d1e4f;\n  --blue-100: #eff0ff;\n  --blue-200: #dee0ff;\n  --blue-300: #caceff;\n  --blue-400: #b2b8ff;\n  --blue-500: #7a89f5;\n  --blue-600: #2b69fc;\n  --blue-700: #0034cb;\n  --blue-800: #002799;\n  --blue-900: #001a65;\n  --cyan-100: #E0EEFF;\n  --cyan-200: #D3E6FF;\n  --cyan-300: #B5D8FF;\n  --cyan-400: #92C8FF;\n  --cyan-500: #6CBFFE;\n  --cyan-600: #3FA9F5;\n  --cyan-700: #267FBE;\n  --cyan-800: #1F689B;\n  --cyan-900: #15496D;\n  --black: #000000;\n  --white: #ffffff;\n  --transparent: transparent;\n  --current: currentColor;\n}\n.grid-layout {\n  display: grid;\n  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n  grid-gap: var(--inner-gutter);\n}\n.grid-col-span-2 {\n  --container-grid-columns: 2;\n  grid-column: span 2 / span 2;\n}\n.grid-col-span-3 {\n  --container-grid-columns: 3;\n  grid-column: span 3 / span 3;\n}\n.grid-col-span-4 {\n  --container-grid-columns: 4;\n  grid-column: span 4 / span 4;\n}\n.grid-col-span-6 {\n  --container-grid-columns: 6;\n  grid-column: span 6 / span 6;\n}\n.grid-col-span-8 {\n  --container-grid-columns: 8;\n  grid-column: span 8 / span 8;\n}\n.grid-col-span-10 {\n  --container-grid-columns: 10;\n  grid-column: span 10 / span 10;\n}\n.grid-col-span-12 {\n  --container-grid-columns: 12;\n  grid-column: span 12 / span 12;\n}\n.grid-col-start-1 {\n  grid-column-start: 1;\n}\n.grid-col-start-2 {\n  grid-column-start: 2;\n}\n.grid-col-start-3 {\n  grid-column-start: 3;\n}\n.grid-col-start-4 {\n  grid-column-start: 4;\n}\n.grid-col-start-5 {\n  grid-column-start: 5;\n}\n.grid-col-start-6 {\n  grid-column-start: 6;\n}\n.grid-col-start-7 {\n  grid-column-start: 7;\n}\n.grid-col-start-8 {\n  grid-column-start: 8;\n}\n.grid-col-start-9 {\n  grid-column-start: 9;\n}\n.grid-col-start-10 {\n  grid-column-start: 10;\n}\n.grid-col-start-11 {\n  grid-column-start: 11;\n}\n.grid-col-start-12 {\n  grid-column-start: 12;\n}\n[class*="grid-line-"] > * {\n  position: relative;\n}\n[class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  pointer-events: none;\n}\n.grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n}\n.grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n  top: 0;\n}\n.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n  bottom: 0;\n}\n.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n  top: 0;\n}\n.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n  bottom: 0;\n}\n.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n  top: 0;\n}\n.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n  bottom: 0;\n}\n.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n  top: 0;\n}\n.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n  bottom: 0;\n}\n.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n  top: 0;\n}\n.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n  bottom: 0;\n}\n.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n  top: 0;\n}\n.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n  bottom: 0;\n}\n.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n  top: 0;\n}\n.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n  bottom: 0;\n}\n.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n  top: 0;\n}\n.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n  bottom: 0;\n}\n.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n  top: 0;\n}\n.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n  bottom: 0;\n}\n.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n  top: 0;\n}\n.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n  bottom: 0;\n}\n.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n  bottom: 0;\n}\n.grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n  inset-inline-start: calc(var(--inner-gutter) / -2);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n  top: 0;\n}\n.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n  bottom: 0;\n}\n.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n  bottom: 0;\n}\n@media (min-width: 750px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .md\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .md\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .md\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .md\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .md\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .md\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .md\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .md\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .md\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .md\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .md\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .md\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .md\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .md\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .md\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .md\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .md\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .md\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .md\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .md\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .md\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .md\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .md\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .md\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .md\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .md\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .md\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .md\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .md\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .md\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .md\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .md\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .md\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .md\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .md\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .md\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .md\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .md\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .md\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .md\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .md\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .md\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .md\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .md\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .md\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .md\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .md\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .md\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .md\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .md\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .md\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .md\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .md\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .md\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .md\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .md\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .md\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .md\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .md\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .md\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .md\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .md\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .md\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .md\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .md\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .md\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .md\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .md\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .md\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .md\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .md\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .md\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .md\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .md\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .md\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .md\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .md\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .md\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .md\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .md\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .md\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .md\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .md\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .md\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .md\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .md\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .md\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .md\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .md\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .md\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .md\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .md\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .md\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .md\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 900px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .lg\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .lg\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .lg\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .lg\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .lg\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .lg\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .lg\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .lg\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .lg\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .lg\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .lg\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .lg\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .lg\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .lg\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .lg\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .lg\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .lg\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .lg\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .lg\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .lg\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .lg\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .lg\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .lg\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .lg\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .lg\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .lg\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .lg\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .lg\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .lg\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .lg\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .lg\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .lg\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .lg\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .lg\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .lg\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .lg\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .lg\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .lg\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .lg\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .lg\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .lg\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .lg\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .lg\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .lg\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .lg\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .lg\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .lg\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .lg\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .lg\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .lg\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .lg\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .lg\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .lg\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .lg\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .lg\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .lg\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .lg\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .lg\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .lg\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .lg\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .lg\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .lg\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .lg\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .lg\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .lg\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .lg\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .lg\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .lg\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .lg\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .lg\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .lg\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .lg\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .lg\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .lg\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .lg\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .lg\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .lg\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .lg\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .lg\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .lg\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .lg\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .lg\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .lg\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .lg\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .lg\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .lg\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .lg\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .lg\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .lg\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .lg\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .lg\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .lg\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .lg\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .lg\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 1024px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .xl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .xl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .xl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .xl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .xl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .xl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .xl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .xl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .xl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .xl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .xl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 1280px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xxl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xxl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .xxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .xxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .xxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .xxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .xxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .xxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .xxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .xxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .xxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .xxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .xxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 2200px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xxxl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xxxl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xxxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .xxxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xxxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xxxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xxxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xxxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xxxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xxxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xxxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xxxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xxxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xxxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xxxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xxxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xxxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xxxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xxxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xxxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xxxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xxxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xxxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xxxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xxxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xxxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xxxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .xxxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xxxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xxxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xxxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xxxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xxxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xxxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xxxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .xxxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xxxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xxxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xxxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xxxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xxxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xxxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xxxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .xxxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xxxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xxxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xxxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xxxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xxxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xxxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xxxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .xxxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xxxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xxxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xxxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xxxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xxxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xxxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xxxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .xxxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xxxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xxxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xxxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xxxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xxxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xxxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xxxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .xxxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xxxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xxxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xxxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xxxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .xxxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-black);\n  }\n  .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-black);\n  }\n  .xxxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .xxxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--brand-green);\n  }\n  .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--brand-green);\n  }\n  .xxxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n.cols-container > .ml-0 {\n  margin-left: 0;\n}\n.w-12-cols {\n  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))));\n}\n.cols-container > .w-12-cols {\n  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))));\n}\n.w-12-cols > * {\n  --container-grid-columns: 12;\n}\n.border-inside {\n  position: relative;\n\n    &::after {\n    pointer-events: none;\n  }\n\n    &::after {\n    position: absolute;\n  }\n\n    &::after {\n    inset: 0rem;\n  }\n\n    &::after {\n    z-index: 1;\n  }\n\n    &::after {\n    border-radius: 8px;\n  }\n\n    &::after {\n    border-width: 1px;\n  }\n\n    &::after {\n    border-width: 2px;\n  }\n\n    &::after {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n\n    &::after {\n      content: \'\';\n    }\n}\n.border-inside-inverse {\n    &::after {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n    &::after {\n      content: \'\';\n    }\n  }\n.border-inside-pill {\n    &::after {\n    border-radius: 100px;\n  }\n    &::after {\n      content: \'\';\n    }\n  }\n.input-label-options {\n  font-family: var(--f-ui-03-fontFamily);\n  font-size: var(--f-ui-03-fontSize);\n  line-height: var(--f-ui-03-lineHeight);\n  letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.input-label {\n  font-family: var(--f-ui-04-fontFamily);\n  font-weight: var(--f-ui-04-fontWeight);\n  font-size: var(--f-ui-04-fontSize);\n  line-height: var(--f-ui-04-lineHeight);\n  letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.input-label b,.input-label strong {\n  font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.input {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  display: flex;\n  min-height: 2.5rem;\n  width: 100%;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  border-radius: 8px;\n  border-width: 2px;\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input:hover {\n  border-color: var(--brand-black);\n}\n.input:active {\n  border-color: var(--brand-black);\n}\n.input {\n  font-family: var(--f-ui-02-light-fontFamily);\n  font-weight: var(--f-ui-02-light-fontWeight);\n  font-size: var(--f-ui-02-light-fontSize);\n  line-height: var(--f-ui-02-light-lineHeight);\n  letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.input b,.input strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.input::-moz-placeholder {\n  color: var(--grey-500);\n}\n.input::placeholder {\n  color: var(--grey-500);\n}\n.input {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--brand-green);\n}\n.input:focus-visible {\n  outline-style: solid;\n}\n.input:disabled {\n  cursor: not-allowed;\n  background-color: var(--grey-300);\n  color: var(--grey-500);\n}\n.input:disabled:hover {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input:disabled:active {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input-with-icon {\n  padding-right: 34px;\n}\n.input-checkbox {\n  position: relative;\n  height: 1rem;\n  min-height: auto;\n  width: 1rem;\n  padding: 0rem;\n  border-radius: 4px;\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-checkbox::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n  position: absolute;\n  top: 0rem;\n  left: 50%;\n  --tw-translate-x: -50%;\n  height: 10px;\n  width: 6px;\n  --tw-rotate: 45deg;\n  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));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-bottom-width: 2px;\n  border-right-width: 2px;\n  border-color: var(--transparent);\n}\n.input-checkbox:checked {\n  border-color: var(--brand-black);\n  background-color: var(--brand-black);\n}\n.input-checkbox:checked::after {\n  border-color: var(--white);\n}\n.input-checkbox:checked:disabled {\n  border-color: rgba(0, 0, 0, .15 );\n  background-color: var(--grey-300);\n}\n.input-checkbox:checked:disabled::after {\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio {\n  position: relative;\n  height: 1rem;\n  min-height: auto;\n  width: 1rem;\n  padding: 0rem;\n  border-radius: 9999px;\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  --tw-translate-x: -50%;\n  --tw-translate-y: -50%;\n  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));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  height: 6px;\n  width: 6px;\n  border-radius: 9999px;\n  background-color: var(--transparent);\n}\n.input-radio:checked {\n  border-color: var(--brand-black);\n  background-color: var(--brand-black);\n}\n.input-radio:checked::after {\n  background-color: var(--white);\n}\n.input-radio:checked:disabled::after {\n  background-color: var(--white);\n}\n.input-error {\n  border-color: var(--red-700);\n}\n.input-counter {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  color: var(--grey-500);\n\n    &.input-counter-error {\n    color: var(--red-700);\n  }\n}\ninput[type="range"]::-webkit-slider-thumb {\n    height: 1.5rem;\n    width: 1.5rem;\n    border-radius: 9999px;\n    outline: 2px solid var(--brand-green); /* This adds an outline */\n    background-color: var(--brand-green-dark);\n      -webkit-appearance: none;\n              appearance: none; /* Ensure the thumb can be styled */\n}\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.loader {\n  animation: spin 1s linear infinite;\n  border-radius: 9999px;\n    border: 3px solid rgba(0, 0, 0, .3);\n    border-bottom-color: #000;\n}\n.scroller-x {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.scroller-x::-webkit-scrollbar {\n  display: none;\n}\n.scroller-x {\n  overflow: auto;\n  overscroll-behavior-x: contain;\n}\n/** region TRANSITIONS */\n.effect-color {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-background {\n  transition-property: background;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-height {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: height;\n}\n.effect-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n/** endregion */\n/* region FOCUS */\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--brand-green);\n}\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--brand-green);\n}\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n      position: absolute;\n      content: \'\';\n      z-index: -1;\n      inset: 0;\n      background-color: rgba(208, 208, 208, 0.75);\n      opacity: 0.75;\n      background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n      background-position: 0 0, 8px 8px;\n      background-size: 16px 16px;\n    }\n  }\n.effect-bg-behind {\n  position: relative;\n}\n.effect-bg-behind::before {\n  position: absolute;\n  inset: 0rem;\n  z-index: -1;\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.effect-bg-behind {\n\n    &:before {\n      background-size: calc(100% + 6px) calc(100% + 6px) !important;\n      background-position: -4px -4px !important;\n      background-repeat: no-repeat !important;\n    }\n  }\n.effect-bg-behind-link {\n  position: relative;\n}\n.effect-bg-behind-link::before {\n  position: absolute;\n  top: 0rem;\n  bottom: 0rem;\n  left: -0.5rem;\n  right: 0rem;\n  z-index: 0;\n  border-radius: 8px;\n  background-color: var(--grey-400);\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.effect-bg-behind-link[aria-disabled="true"]::before {\n  background-color: var(--transparent);\n}\n/* endregion */\n/*region shadow*/\n/*endregion*/\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.visible {\n  visibility: visible;\n}\n.collapse {\n  visibility: collapse;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0rem;\n}\n.inset-x-16 {\n  left: 1rem;\n  right: 1rem;\n}\n.-top-1 {\n  top: -0.0625rem;\n}\n.bottom-0 {\n  bottom: 0rem;\n}\n.bottom-20 {\n  bottom: 1.25rem;\n}\n.bottom-4 {\n  bottom: 0.25rem;\n}\n.bottom-8 {\n  bottom: 0.5rem;\n}\n.left-0 {\n  left: 0rem;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.left-20 {\n  left: 1.25rem;\n}\n.left-4 {\n  left: 0.25rem;\n}\n.left-\\[12px\\] {\n  left: 12px;\n}\n.right-0 {\n  right: 0rem;\n}\n.right-20 {\n  right: 1.25rem;\n}\n.right-4 {\n  right: 0.25rem;\n}\n.right-8 {\n  right: 0.5rem;\n}\n.right-\\[4px\\] {\n  right: 4px;\n}\n.right-\\[6px\\] {\n  right: 6px;\n}\n.top-0 {\n  top: 0rem;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-16 {\n  top: 1rem;\n}\n.top-20 {\n  top: 1.25rem;\n}\n.top-full {\n  top: 100%;\n}\n.z-0 {\n  z-index: 0;\n}\n.z-1 {\n  z-index: 1;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[999999\\] {\n  z-index: 999999;\n}\n.z-focus {\n  z-index: 99;\n}\n.z-on-top {\n  z-index: 99999;\n}\n.order-first {\n  order: -9999;\n}\n.order-last {\n  order: 9999;\n}\n.m-0 {\n  margin: 0rem;\n}\n.m-32 {\n  margin: 2rem;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-16 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.my-20 {\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n.my-4 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.my-8 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.-ml-16 {\n  margin-left: -1rem;\n}\n.-mr-16 {\n  margin-right: -1rem;\n}\n.mb-10 {\n  margin-bottom: 0.625rem;\n}\n.mb-12 {\n  margin-bottom: 0.75rem;\n}\n.mb-28 {\n  margin-bottom: 1.75rem;\n}\n.mb-4 {\n  margin-bottom: 0.25rem;\n}\n.ml-0 {\n  margin-left: 0rem;\n}\n.ml-4 {\n  margin-left: 0.25rem;\n}\n.ml-64 {\n  margin-left: 4rem;\n}\n.ml-8 {\n  margin-left: 0.5rem;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-4 {\n  margin-right: 0.25rem;\n}\n.mr-8 {\n  margin-right: 0.5rem;\n}\n.mr-auto {\n  margin-right: auto;\n}\n.mt-12 {\n  margin-top: 0.75rem;\n}\n.mt-16 {\n  margin-top: 1rem;\n}\n.mt-2 {\n  margin-top: 0.125rem;\n}\n.mt-20 {\n  margin-top: 1.25rem;\n}\n.mt-28 {\n  margin-top: 1.75rem;\n}\n.mt-32 {\n  margin-top: 2rem;\n}\n.mt-4 {\n  margin-top: 0.25rem;\n}\n.mt-6 {\n  margin-top: 0.375rem;\n}\n.mt-8 {\n  margin-top: 0.5rem;\n}\n.mt-auto {\n  margin-top: auto;\n}\n.line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n.line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.line-clamp-3 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n.line-clamp-4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n}\n.block {\n  display: block;\n}\n.inline-block {\n  display: inline-block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.aspect-16x9 {\n  aspect-ratio: 16/9;\n}\n.aspect-1x1 {\n  aspect-ratio: 1/1;\n}\n.aspect-21x9 {\n  aspect-ratio: 21/9;\n}\n.aspect-3x2 {\n  aspect-ratio: 3/2;\n}\n.aspect-4x3 {\n  aspect-ratio: 4/3;\n}\n.aspect-4x5 {\n  aspect-ratio: 4/5;\n}\n.h-0 {\n  height: 0rem;\n}\n.h-12 {\n  height: 0.75rem;\n}\n.h-16 {\n  height: 1rem;\n}\n.h-2 {\n  height: 0.125rem;\n}\n.h-20 {\n  height: 1.25rem;\n}\n.h-24 {\n  height: 1.5rem;\n}\n.h-28 {\n  height: 1.75rem;\n}\n.h-32 {\n  height: 2rem;\n}\n.h-36 {\n  height: 2.25rem;\n}\n.h-4 {\n  height: 0.25rem;\n}\n.h-40 {\n  height: 2.5rem;\n}\n.h-44 {\n  height: 2.75rem;\n}\n.h-48 {\n  height: 3rem;\n}\n.h-64 {\n  height: 4rem;\n}\n.h-8 {\n  height: 0.5rem;\n}\n.h-96 {\n  height: 6rem;\n}\n.h-\\[85px\\] {\n  height: 85px;\n}\n.h-auto {\n  height: auto;\n}\n.h-full {\n  height: 100%;\n}\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n.min-h-156 {\n  min-height: 156px;\n}\n.min-h-36 {\n  min-height: 2.25rem;\n}\n.min-h-44 {\n  min-height: 2.75rem;\n}\n.min-h-56 {\n  min-height: 3.5rem;\n}\n.min-h-80 {\n  min-height: 5rem;\n}\n.min-h-\\[150px\\] {\n  min-height: 150px;\n}\n.min-h-\\[225px\\] {\n  min-height: 225px;\n}\n.min-h-\\[90px\\] {\n  min-height: 90px;\n}\n.min-h-full {\n  min-height: 100%;\n}\n.min-h-screen {\n  min-height: 100vh;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-20 {\n  width: 1.25rem;\n}\n.w-28 {\n  width: 1.75rem;\n}\n.w-32 {\n  width: 2rem;\n}\n.w-4 {\n  width: 0.25rem;\n}\n.w-44 {\n  width: 2.75rem;\n}\n.w-\\[200px\\] {\n  width: 200px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[54px\\] {\n  width: 54px;\n}\n.w-auto {\n  width: auto;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.min-w-\\[200px\\] {\n  min-width: 200px;\n}\n.min-w-\\[210px\\] {\n  min-width: 210px;\n}\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n.min-w-\\[280px\\] {\n  min-width: 280px;\n}\n.max-w-120 {\n  max-width: 120px;\n}\n.max-w-full {\n  max-width: 100%;\n}\n.max-w-sidebar {\n  max-width: 1224px;\n}\n.max-w-xxxl {\n  max-width: 2200px;\n}\n.flex-none {\n  flex: none;\n}\n.grow {\n  flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  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));\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  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));\n}\n.transform {\n  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));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.resize {\n  resize: both;\n}\n.appearance-none {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(0, 1fr));\n}\n.grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(0, 1fr));\n}\n.grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n.grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(0, 1fr));\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-1 {\n  gap: 0.0625rem;\n}\n.gap-12 {\n  gap: 0.75rem;\n}\n.gap-20 {\n  gap: 1.25rem;\n}\n.gap-4 {\n  gap: 0.25rem;\n}\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n.gap-x-16 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n.gap-x-2 {\n  -moz-column-gap: 0.125rem;\n       column-gap: 0.125rem;\n}\n.gap-x-4 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem;\n}\n.gap-x-8 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n.gap-y-12 {\n  row-gap: 0.75rem;\n}\n.gap-y-16 {\n  row-gap: 1rem;\n}\n.gap-y-4 {\n  row-gap: 0.25rem;\n}\n.gap-y-8 {\n  row-gap: 0.5rem;\n}\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.0625rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-16 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 16px;\n}\n.rounded-md {\n  border-radius: 12px;\n}\n.rounded-pill {\n  border-radius: 100px;\n}\n.rounded-sm {\n  border-radius: 8px;\n}\n.rounded-xs {\n  border-radius: 4px;\n}\n.rounded-xxs {\n  border-radius: 2px;\n}\n.rounded-t-lg {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.rounded-tl-lg {\n  border-top-left-radius: 16px;\n}\n.rounded-tr-lg {\n  border-top-right-radius: 16px;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-3 {\n  border-width: 3px;\n}\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-t-2 {\n  border-top-width: 2px;\n}\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n.border-\\[\\#d2d2d2\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n.border-accent {\n  border-color: var(--brand-green);\n}\n.border-current {\n  border-color: currentColor;\n}\n.border-default {\n  border-color: var(--brand-black);\n}\n.border-error {\n  border-color: var(--red-700);\n}\n.border-inverse {\n  border-color: var(--white);\n}\n.border-inverse-soft {\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.border-inverse-softer {\n  border-color: rgba(255, 255, 255, 0.15);\n}\n.border-soft {\n  border-color: rgba(0, 0, 0, .15 );\n}\n.border-softer {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.border-softest {\n  border-color: var(--grey-light);\n}\n.border-transparent {\n  border-color: var(--transparent);\n}\n.border-b-softer {\n  border-bottom-color: rgba(0, 0, 0, .1 );\n}\n.\\!bg-accent-dark {\n  background-color: var(--green-600) !important;\n}\n.\\!bg-darker {\n  background-color: var(--grey-400) !important;\n}\n.\\!bg-strong-dark {\n  background-color: var(--grey-800) !important;\n}\n.bg-accent {\n  background-color: var(--brand-green);\n}\n.bg-accent-dark {\n  background-color: var(--green-600);\n}\n.bg-accent-darker {\n  background-color: var(--green-800);\n}\n.bg-current {\n  background-color: currentColor;\n}\n.bg-dark {\n  background-color: var(--grey-300);\n}\n.bg-darker {\n  background-color: var(--grey-400);\n}\n.bg-default {\n  background-color: var(--grey-light);\n}\n.bg-error {\n  background-color: var(--red-200);\n}\n.bg-inverse {\n  background-color: var(--white);\n}\n.bg-inverse-soft {\n  background-color: rgba(255, 255, 255, .2);\n}\n.bg-inverse-softer {\n  background-color: rgba(255, 255, 255, .15);\n}\n.bg-on-dark {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.bg-on-gradient {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n.bg-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n.bg-strong {\n  background-color: var(--grey-700);\n}\n.bg-strong-dark {\n  background-color: var(--grey-800);\n}\n.bg-stronger {\n  background-color: var(--grey-900);\n}\n.bg-strongest {\n  background-color: var(--brand-black);\n}\n.bg-strongest-soft {\n  background-color: rgba(0, 0, 0, .05);\n}\n.bg-success {\n  background-color: var(--green-200);\n}\n.bg-transparent {\n  background-color: var(--transparent);\n}\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n.bg-opacity-90 {\n  --tw-bg-opacity: 0.9;\n}\n.object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.object-center {\n  -o-object-position: center;\n     object-position: center;\n}\n.\\!p-8 {\n  padding: 0.5rem !important;\n}\n.p-0 {\n  padding: 0rem;\n}\n.p-12 {\n  padding: 0.75rem;\n}\n.p-16 {\n  padding: 1rem;\n}\n.p-2 {\n  padding: 0.125rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.p-32 {\n  padding: 2rem;\n}\n.p-4 {\n  padding: 0.25rem;\n}\n.p-6 {\n  padding: 0.375rem;\n}\n.p-8 {\n  padding: 0.5rem;\n}\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n.\\!py-0 {\n  padding-top: 0rem !important;\n  padding-bottom: 0rem !important;\n}\n.\\!py-4 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-2 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem;\n}\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-4 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-6 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.py-1 {\n  padding-top: 0.0625rem;\n  padding-bottom: 0.0625rem;\n}\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-16 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-4 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-6 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.pb-16 {\n  padding-bottom: 1rem;\n}\n.pb-20 {\n  padding-bottom: 1.25rem;\n}\n.pb-28 {\n  padding-bottom: 1.75rem;\n}\n.pb-60 {\n  padding-bottom: 3.75rem;\n}\n.pb-8 {\n  padding-bottom: 0.5rem;\n}\n.pl-12 {\n  padding-left: 0.75rem;\n}\n.pl-28 {\n  padding-left: 1.75rem;\n}\n.pl-32 {\n  padding-left: 2rem;\n}\n.pl-36 {\n  padding-left: 2.25rem;\n}\n.pl-4 {\n  padding-left: 0.25rem;\n}\n.pl-8 {\n  padding-left: 0.5rem;\n}\n.pr-12 {\n  padding-right: 0.75rem;\n}\n.pr-28 {\n  padding-right: 1.75rem;\n}\n.pr-32 {\n  padding-right: 2rem;\n}\n.pr-4 {\n  padding-right: 0.25rem;\n}\n.pr-8 {\n  padding-right: 0.5rem;\n}\n.pt-12 {\n  padding-top: 0.75rem;\n}\n.pt-20 {\n  padding-top: 1.25rem;\n}\n.pt-28 {\n  padding-top: 1.75rem;\n}\n.pt-32 {\n  padding-top: 2rem;\n}\n.pt-40 {\n  padding-top: 2.5rem;\n}\n.pt-48 {\n  padding-top: 3rem;\n}\n.pt-8 {\n  padding-top: 0.5rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.lowercase {\n  text-transform: lowercase;\n}\n.\\!text-current {\n  color: currentColor !important;\n}\n.text-\\[\\#0034CB\\] {\n  --tw-text-opacity: 1;\n  color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n.text-accent {\n  color: var(--brand-green);\n}\n.text-current {\n  color: currentColor;\n}\n.text-default {\n  color: var(--brand-black);\n}\n.text-error {\n  color: var(--red-700);\n}\n.text-extra-light {\n  color: var(--grey-300);\n}\n.text-inverse {\n  color: var(--white);\n}\n.text-light {\n  color: var(--grey-700);\n}\n.text-lighter {\n  color: var(--grey-600);\n}\n.text-lightest {\n  color: var(--grey-500);\n}\n.text-on-gradient {\n  color: rgba(0, 0, 0, 0.55);\n}\n.text-success {\n  color: var(--green-800);\n}\n.text-transparent {\n  color: var(--transparent);\n}\n.text-warning {\n  color: var(--yellow-900);\n}\n.underline {\n  text-decoration-line: underline;\n}\n.\\!no-underline {\n  text-decoration-line: none !important;\n}\n.decoration-\\[\\#0034CB\\] {\n  text-decoration-color: #0034CB;\n}\n.decoration-accent {\n  text-decoration-color: var(--brand-green);\n}\n.decoration-2 {\n  text-decoration-thickness: 2px;\n}\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-accent {\n  --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n  --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-small {\n  --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -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);\n  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);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n[class*="keyline-"] {\n  position: relative;\n}\n[class*="keyline-"]::before {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n  top: 0;\n  bottom: 0;\n  border: 1px solid transparent;\n  pointer-events: none;\n}\n[class*="keyline-0"]::before {\n  border-inline-end-color: transparent;\n  border-inline-start-color: transparent;\n}\n.ratio {\n  --ratio: 100%;\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n.ratio::before {\n  content: attr(👻);\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: var(--ratio);\n}\n.ratio > [class*="ratio-content"] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n.\\@container {\n  container-type: inline-size;\n}\n.bg-gradient-01-top {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-01-bottom {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-02-top {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-02-bottom {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-03-top {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-03-bottom {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-04-top {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-04-bottom {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.after\\:effect-opacity::after {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.before\\:effect-opacity::before {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (min-width: 750px) {\n  .md\\:grid-col-span-4 {\n    --container-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n  .md\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  .md\\:w-10-cols {\n    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))));\n  }\n  .cols-container > .md\\:w-10-cols {\n    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))));\n  }\n  .md\\:w-10-cols > * {\n    --container-grid-columns: 10;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:grid-col-span-5 {\n    --container-grid-columns: 5;\n    grid-column: span 5 / span 5;\n  }\n  .lg\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  .lg\\:grid-col-start-7 {\n    grid-column-start: 7;\n  }\n  .lg\\:w-8-cols {\n    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))));\n  }\n  .cols-container > .lg\\:w-8-cols {\n    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))));\n  }\n  .lg\\:w-8-cols > * {\n    --container-grid-columns: 8;\n  }\n  .lg\\:w-10-cols {\n    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))));\n  }\n  .cols-container > .lg\\:w-10-cols {\n    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))));\n  }\n  .lg\\:w-10-cols > * {\n    --container-grid-columns: 10;\n  }\n}\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-500);\n}\n.focus-within\\:bg-transparent:focus-within {\n  background-color: var(--transparent);\n}\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--green-600);\n}\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-300);\n}\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-400);\n}\n.hover\\:bg-default:hover {\n  background-color: var(--grey-light);\n}\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--grey-800);\n}\n.hover\\:bg-transparent:hover {\n  background-color: var(--transparent);\n}\n.hover\\:text-default:hover {\n  color: var(--brand-black);\n}\n.hover\\:text-lighter:hover {\n  color: var(--grey-600);\n}\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n.hover\\:shadow-hover:hover {\n  --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n  --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:shadow-none:focus {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:rounded-xs:focus-visible {\n  border-radius: 4px;\n}\n.focus-visible\\:text-default:focus-visible {\n  color: var(--brand-black);\n}\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-300);\n}\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-500);\n}\n.aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n  cursor: not-allowed;\n}\n.aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n  border-color: var(--transparent) !important;\n}\n.aria-disabled\\:bg-dark[aria-disabled="true"] {\n  background-color: var(--grey-300);\n}\n.aria-disabled\\:bg-transparent[aria-disabled="true"] {\n  background-color: var(--transparent);\n}\n.aria-disabled\\:text-light[aria-disabled="true"] {\n  color: var(--grey-700);\n}\n.aria-disabled\\:text-lightest[aria-disabled="true"] {\n  color: var(--grey-500);\n}\n.aria-disabled\\:line-through[aria-disabled="true"] {\n  text-decoration-line: line-through;\n}\n.aria-disabled\\:shadow-none[aria-disabled="true"] {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.aria-current-page\\:bg-darker[aria-current="page"] {\n  background-color: var(--grey-400);\n}\n.after\\:absolute::after {\n  position: absolute;\n}\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n.after\\:left-16::after {\n  left: 1rem;\n}\n.after\\:right-16::after {\n  right: 1rem;\n}\n.after\\:z-10::after {\n  z-index: 10;\n}\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.after\\:border-3::after {\n  border-width: 3px;\n}\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n.after\\:\\!border-transparent::after {\n  border-color: var(--transparent) !important;\n}\n.after\\:border-accent::after {\n  border-color: var(--brand-green);\n}\n.after\\:border-softest::after {\n  border-color: var(--grey-light);\n}\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n.after\\:content-\\[\\\'\\\'\\]::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: var(--transparent) !important;\n}\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n  border-color: var(--transparent) !important;\n}\n.before\\:absolute::before {\n  position: absolute;\n}\n.before\\:inset-x-0::before {\n  left: 0rem;\n  right: 0rem;\n}\n.before\\:-bottom-2::before {\n  bottom: -0.125rem;\n}\n.before\\:bottom-0::before {\n  bottom: 0rem;\n}\n.before\\:h-12::before {\n  height: 0.75rem;\n}\n.before\\:h-3::before {\n  height: 0.1875rem;\n}\n.before\\:rounded-lg::before {\n  border-radius: 16px;\n}\n.before\\:border-2::before {\n  border-width: 2px;\n}\n.before\\:border-softest::before {\n  border-color: var(--grey-light);\n}\n.before\\:bg-default::before {\n  background-color: var(--grey-light);\n}\n.before\\:bg-inverse-softer::before {\n  background-color: rgba(255, 255, 255, .15);\n}\n.before\\:\\!opacity-100::before {\n  opacity: 1 !important;\n}\n.before\\:opacity-0::before {\n  opacity: 0;\n}\n.before\\:opacity-5::before {\n  opacity: 0.05;\n}\n.before\\:content-\\[\\\'\\\'\\]::before {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.before\\:bg-gradient-y::before {\n    background: linear-gradient(to bottom, transparent, ease-in-out, black);\n  }\n.before\\:bg-gradient-01-top::before {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-01-bottom::before {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-02-top::before {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-02-bottom::before {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-03-top::before {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-03-bottom::before {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-04-top::before {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-04-bottom::before {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n  opacity: 0 !important;\n}\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n  opacity: 0;\n}\n@container (min-width: 46.875rem) {\n  .\\@md\\:max-w-192 {\n    max-width: 192px;\n  }\n}\n@media (min-width: 0px) {\n  .sm\\:mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .sm\\:max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n}\n@media (min-width: 750px) {\n  .md\\:left-1\\/2 {\n    left: 50%;\n  }\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:hidden {\n    display: none;\n  }\n  .md\\:w-\\[300px\\] {\n    width: 300px;\n  }\n  .md\\:-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    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));\n  }\n  .md\\:-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    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));\n  }\n  .md\\:gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .md\\:pt-28 {\n    padding-top: 1.75rem;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:order-last {\n    order: 9999;\n  }\n  .lg\\:order-none {\n    order: 0;\n  }\n  .lg\\:mt-0 {\n    margin-top: 0rem;\n  }\n  .lg\\:block {\n    display: block;\n  }\n  .lg\\:flex {\n    display: flex;\n  }\n  .lg\\:hidden {\n    display: none;\n  }\n  .lg\\:w-\\[500px\\] {\n    width: 500px;\n  }\n  .lg\\:w-auto {\n    width: auto;\n  }\n  .lg\\:max-w-\\[720px\\] {\n    max-width: 720px;\n  }\n  .lg\\:flex-row {\n    flex-direction: row;\n  }\n  .lg\\:flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .lg\\:gap-y-16 {\n    row-gap: 1rem;\n  }\n  .lg\\:px-28 {\n    padding-left: 1.75rem;\n    padding-right: 1.75rem;\n  }\n  .lg\\:\\!pl-12 {\n    padding-left: 0.75rem !important;\n  }\n  .lg\\:\\!pr-12 {\n    padding-right: 0.75rem !important;\n  }\n}\n@media (min-width: 1024px) {\n  .xl\\:pb-40 {\n    padding-bottom: 2.5rem;\n  }\n}\n@media (min-width: 2200px) {\n  .xxxl\\:px-0 {\n    padding-left: 0rem;\n    padding-right: 0rem;\n  }\n}\n\n';const on=class{constructor(t){n(this,t),this.edsfile=e(this,"edsfile",7),this.handleButtonClick=()=>{var n;null===(n=this.fileInputRef)||void 0===n||n.click()},this.handleFileSelect=n=>{const e=n.target;if(!e.files)return;const t=Array.from(e.files).map((n=>({file:n,id:`${n.name}-${Date.now()}-${Math.random()}`})));this.selectedFiles=this.multiple?[...this.selectedFiles,...t]:t.slice(0,1),this.emitFileChange()},this.handleRemoveFile=n=>{this.selectedFiles=this.selectedFiles.filter((e=>e.id!==n)),this.emitFileChange()},this.name=void 0,this.inputId=void 0,this.disabled=!1,this.required=!1,this.multiple=!1,this.accept=void 0,this.maxFileSize=void 0,this.buttonLabel=void 0,this.selectedFiles=[]}emitFileChange(){const n=this.selectedFiles.map((n=>n.file));this.edsfile.emit({files:n})}formatFileSize(n){if(0===n)return"0 B";const e=Math.floor(Math.log(n)/Math.log(1024));return`${(n/Math.pow(1024,e)).toFixed(1)} ${["B","KB","MB","GB"][e]}`}getFileIcon(n){var e;const i=null===(e=n.split(".").pop())||void 0===e?void 0:e.toLowerCase();return["png","jpg","jpeg","gif","svg","webp"].includes(i||"")?t("svg",{class:"file-chip-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},t("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),t("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),t("polyline",{points:"21 15 16 10 5 21"})):t("svg",{class:"file-chip-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},t("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t("polyline",{points:"14 2 14 8 20 8"}))}render(){const n=this.buttonLabel||(this.multiple?"Choose Files":"Choose File");return t("div",{key:"c4c8f06b7d911cc7b9aa44a54bc1ec1144fc7901",class:"eds-input-file-container"},t("input",{key:"bf4d4f3b3a49a2b386780fd6d65056e2bfee327d",ref:n=>this.fileInputRef=n,type:"file",id:this.inputId||this.name,name:this.name,class:"eds-input-file-hidden",disabled:this.disabled,required:this.required,multiple:this.multiple,accept:this.accept,onChange:this.handleFileSelect}),t("button",{key:"cb4447bab24a31ba0ab7ab852041a9117a4c8d16",type:"button",class:"eds-input-file-btn",onClick:this.handleButtonClick,disabled:this.disabled},t("svg",{key:"b5a98574c8b044b63bf4d6b5384f691d78179b25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},t("path",{key:"9dcd73b3ea6b947052417dedbdedfbe9c1683d11",d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),t("polyline",{key:"17442a8caa70a37f77839b4a313a36aa8324d54a",points:"17 8 12 3 7 8"}),t("line",{key:"de51aa410bd793d708280bc398766859afa59ff5",x1:"12",y1:"3",x2:"12",y2:"15"})),n),this.selectedFiles.length>0&&t("div",{key:"179a1541b71508f3bf78760079d04b2d98a8c7ec",class:"eds-input-file-chips"},this.selectedFiles.map((n=>t("div",{key:n.id,class:"eds-input-file-chip"},this.getFileIcon(n.file.name),t("span",{class:"eds-input-file-chip-name"},n.file.name),t("span",{class:"eds-input-file-chip-size"},this.formatFileSize(n.file.size)),t("button",{type:"button",class:"eds-input-file-chip-remove",onClick:()=>this.handleRemoveFile(n.id),disabled:this.disabled,"aria-label":`Remove ${n.file.name}`},t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},t("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))))))))}get hostEl(){return i(this)}};on.style=".eds-input-file-container{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem}.eds-input-file-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.eds-input-file-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border:1.5px solid var(--color-border-soft, #d0d0d0);border-radius:100px;background-color:var(--color-bg-inverse, #ffffff);font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:0.875rem;font-weight:500;color:var(--color-text-default, #07140D);cursor:pointer;transition:all 0.2s ease;outline:none}.eds-input-file-btn:hover:not(:disabled){border-color:var(--color-border-strong, #07140D);background-color:var(--color-bg-softer, #ECECEC)}.eds-input-file-btn:active:not(:disabled){background-color:var(--color-bg-soft, #F5F5F5)}.eds-input-file-btn:focus-visible{outline:2px solid var(--color-accent, #00FF9D);outline-offset:2px}.eds-input-file-btn:disabled{opacity:0.5;cursor:not-allowed}.eds-input-file-btn svg{width:16px;height:16px;flex-shrink:0}.eds-input-file-chips{display:flex;flex-wrap:wrap;gap:0.5rem}.eds-input-file-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background-color:var(--color-bg-softer, #ECECEC);border-radius:100px;font-size:0.75rem;color:var(--color-text-default, #07140D)}.eds-input-file-chip-icon{width:14px;height:14px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-file-chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.eds-input-file-chip-size{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:0.625rem;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-file-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:var(--color-text-light, #7A7B7A);cursor:pointer;transition:color 0.2s ease;flex-shrink:0}.eds-input-file-chip-remove:hover:not(:disabled){color:var(--color-error, #e53935)}.eds-input-file-chip-remove:disabled{opacity:0.5;cursor:not-allowed}.eds-input-file-chip-remove svg{width:14px;height:14px}@media (max-width: 640px){.eds-input-file-chip-name{max-width:120px}}";const an=class{constructor(e){n(this,e),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return t("div",{key:"b6e571eae554f1292e897d99443ea03b6dfa4fe3"},this.error&&this.errorMessage&&t("div",{key:"9240b3db2aee19b5cbc1c54aa7a90994c23580d0",id:`error_${this.name}`,class:"text-error flex items-center"},t("eds-icon-wrapper",{key:"68b17235d0396119275c9b2a883bb47ee365c266",name:"warning",size:20}),t("p",{key:"bfb1721ddcc7ad63583e56911b8c4a31f1147c51",class:"f-ui-04 ml-4 mb-4 pt-4",innerHTML:this.errorMessage})),this.message&&t("p",{key:"390c9ea7b3b2754a1a090c9f3f3ec6996a8f0945",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&t("eds-link",{key:"0777fb8b099d5cc7fa2902bf1b741f28592515a1",label:this.link.label,url:this.link.url,intent:"underline",size:"small",external:!0}))}};an.style="p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.pt-4{padding-top:0.25rem}.mb-4{margin-bottom:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}";const sn=class{constructor(e){n(this,e),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return t("label",{key:"7790bae024ee253c12b47ee43dd7697329ff5602",htmlFor:this.name,class:"input-label "+(this.disabled?"text-lighter":"")},this.label,this.required&&t("span",{key:"1f8e72cee3848171c0f70ce7564524c9f2646eeb"},t("span",{key:"5ac8ccbe9b984c54ae3a556ea0dc09d6fa625f24","aria-hidden":"true"},"*"),t("span",{key:"a562b41bce8a4e671596266c7705a98f5b2252d0",class:"sr-only"},"required")))}};sn.style=".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";const dn=class{constructor(t){n(this,t),this.edsrange=e(this,"edsrange",7),this.onInput=n=>{this.sliderVal=parseInt(n.target.value,10)},this.onChange=n=>{this.sliderVal=parseInt(n.target.value,10),this.edsrange.emit(this.sliderVal)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.value=void 0,this.sliderVal=void 0}componentWillLoad(){var n;this.sliderVal=null!==(n=this.value)&&void 0!==n?n:Math.round(this.min+(this.max-this.min)/2)}onValueChange(n){void 0!==n&&(this.sliderVal=n)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){var n;const e=null!==(n=this.sliderVal)&&void 0!==n?n:Math.round(this.min+(this.max-this.min)/2);return t("div",{key:"9be1a9d4241844c03d7e2b851ebc5ce181bfadf6",class:"relative flex flex-col items-start"},t("input",{key:"746c10f7a466a6b498f57812dcb6d9b9ff1e685d",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:e,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input",tabindex:"0",role:"slider","aria-describedby":`desc_${this.name}`,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":e,onInput:this.onInput,onChange:this.onChange}),t("p",{key:"97b516ab9c20d9b5c7a783b369081b29eb3a83f0",id:`desc_${this.name}`,class:"block f-ui-05 mt-4 text-light"},"Current value: ",e))}get el(){return i(this)}static get watchers(){return{value:["onValueChange"]}}},cn=class{constructor(t){n(this,t),this.search=e(this,"search",7),this.keydownListener=n=>{(n.metaKey||n.ctrlKey)&&"k"===n.key.toLowerCase()&&(n.preventDefault(),this.inputElement&&!this.disabled&&this.inputElement.focus())},this.onChange=n=>{this.search.emit({event:"change",value:n.target.value}),l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:n.target.value||"",action:"search"})},this.name=void 0,this.inputId="search-main",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1,this.decorate=void 0,this.label="Search"}componentDidLoad(){this.inputElement=this.el.querySelector("input"),document.addEventListener("keydown",this.keydownListener)}disconnectedCallback(){document.removeEventListener("keydown",this.keydownListener)}async getInputElement(){return this.inputElement}render(){return t("div",{key:"849afaf3483b07fd2579d1138fbc1c1eee3930be",class:"relative flex items-center"},t("eds-icon-wrapper",{key:"1b9a30ee46d4575116b585efe8a2d0c6d6b83b39",name:"search",class:"absolute top-1/2 left-[14px] -translate-y-1/2 text-lightest","aria-hidden":"true"}),t("input",{key:"174fc93f10851aec47cb440895105c34600de601",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search","aria-label":this.placeholder,class:`input pl-36 ${this.decorate}`,onChange:this.onChange}))}get el(){return i(this)}},hn=class{constructor(t){n(this,t),this.edsselect=e(this,"edsselect",7),this.handleChange=n=>{this.edsselect.emit(n.target.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.value=void 0}render(){return t("div",{key:"c2f809a88f8b9eab6a36b86bb49daaa39ac1a832",class:"relative"},t("select",{key:"0847d6526bd118db744627279d96a979dafd19d1",id:this.inputId||this.name,name:this.name,class:{input:!0,"input-error":this.error,"px-4":!0,"py-2":!0},"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:void 0,disabled:this.disabled,required:this.required,onChange:this.handleChange},t("option",{key:"1d66602cc92028fddfd047bb2fc79c8f3602ba8e",value:"",disabled:!0,selected:!this.value||""===this.value},this.placeholder||"Pick from the list"),this.options.map(((n,e)=>t("option",{key:e,value:n.value,selected:n.value===this.value},n.label)))),t("span",{key:"40f750ff55b0ac5707c4010868835c6d82537d17",class:"bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center"},t("eds-icon-wrapper",{key:"ef8c068e287819be7228940bfbe0b8b923e22087",class:"w-20 h-20",name:"chevron-right"})))}},gn=new Map,fn=class{constructor(t){n(this,t),this.edsinput=e(this,"edsinput",7),this.edschange=e(this,"edschange",7),this.apiEndpoint="/api/v1/kg/web-services/cached",this.label="Select Web Service",this.name="web-service",this.placeholder="Choose a web service...",this.required=!1,this.disabled=!1,this.size=100,this.searchTerm="",this.value=void 0,this.hint=void 0,this.message=void 0,this.error=!1,this.errorMessage=void 0,this.loading=!1,this.webServices=[],this.fetchError="",this.selectOptions=[]}componentWillLoad(){this.fetchWebServices()}async fetchWebServices(){this.loading=!0,this.fetchError="";try{const n=new URLSearchParams(Object.assign({size:this.size.toString()},this.searchTerm&&{search:this.searchTerm})),e=`${this.apiEndpoint}?${n.toString()}`,t=gn.get(e),i=Date.now();if(t&&i-t.timestamp<3e5)this.webServices=t.data;else{const t=await fetch(`${this.apiEndpoint}?${n}`);if(!t.ok)throw new Error(`Failed to fetch web services: ${t.statusText}`);const r=await t.json();this.webServices=r.data||[],gn.set(e,{data:this.webServices,timestamp:i})}this.selectOptions=this.webServices.map((n=>({label:`${n.name} (${n.short_name})`,value:n.short_name})))}catch(n){console.error("[eds-kg-web-services-select] Error fetching web services:",n),this.fetchError=n instanceof Error?n.message:"Failed to load web services",this.selectOptions=[]}finally{this.loading=!1}}render(){return this.loading?t("div",{class:"loading-container"},t("eds-input-field",{name:this.name,label:this.label,type:"select",disabled:!0,placeholder:"Loading web services...",hint:this.hint,message:this.message,required:this.required})):this.fetchError?t("div",{class:"error-container"},t("eds-input-field",{name:this.name,label:this.label,type:"select",disabled:!0,error:!0,"error-message":this.fetchError,hint:this.hint,message:this.message,required:this.required})):t("div",{class:"kg-web-services-select-container"},t("eds-input-field",{name:this.name,label:this.label,type:"select",placeholder:this.placeholder,disabled:this.disabled,required:this.required,options:this.selectOptions,value:this.value,hint:this.hint,message:this.message,error:this.error,"error-message":this.errorMessage,onEdsinput:n=>{this.value=n.detail.value,this.edsinput.emit(n.detail)},onEdschange:n=>{this.value=n.detail.value,this.edschange.emit(n.detail)}}))}};fn.style=".kg-web-services-select-container{width:100%}.loading-container,.error-container{width:100%}";const bn=v(["relative inline-flex justify-center items-center py-8 rounded-sm","effect-color effect-focus aria-disabled:text-lightest","cursor-pointer","aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:after:!border-transparent"],{variants:{intent:{primary:"bg-strongest text-inverse hover:bg-accent-dark hover:text-default focus:shadow-none aria-disabled:shadow-none",secondary:"hover:bg-strongest hover:text-inverse border-inside text-default bg-transparent hover:bg-dark",secondaryInverse:"border-inside-inverse text-inverse bg-transparent hover:bg-inverse hover:text-default",ghost:"hover:bg-darker",strong:["!px-0 !py-4 !min-h-20 hover:text-accent","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],weak:["!px-0 !py-4 !min-h-20","text-light hover:text-default","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],inverse:["!px-0 !py-4 !min-h-20","text-inverse","effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent"],underline:["text-default animated-underline !px-0 !py-0","aria-disabled:bg-transparent aria-disabled:text-light aria-disabled:no-underline effect-focus focus-visible:rounded-xs !min-h-0"],underlineInverse:["text-inverse animated-underline-inverse !px-0 !py-0","aria-disabled:bg-transparent aria-disabled:text-lightest aria-disabled:no-underline effect-focus focus-visible:rounded-xs !min-h-0"],brand:["bg-accent text-default hover:bg-strongest hover:text-inverse","rounded-full","aria-disabled:bg-dark aria-disabled:text-lightest"],brandInverse:["bg-accent text-default hover:bg-inverse hover:text-default","rounded-full","aria-disabled:bg-dark aria-disabled:text-lightest"],cta:["cta-link !px-0 !py-0 !min-h-0 !h-auto"],"cta-brand":["cta-link-brand !px-0 !py-0 !min-h-0 !h-auto"]},iconSmall:{true:"",false:""},isActive:{true:"",false:""},hasIcon:{true:"",false:""},size:{small:"min-h-36 f-ui-02 px-12",large:"min-h-44 f-ui-01 px-16"},pill:{true:"rounded-full border-inside-pill",false:"rounded-sm"}},compoundVariants:[{iconSmall:!0,size:"small",class:"pr-4"},{iconSmall:!0,size:"large",class:"pr-8"},{intent:"underline",hasIcon:!0,class:"-mr-4 -top-1"},{intent:"underlineInverse",hasIcon:!0,class:"-mr-4 -top-1"},{intent:"cta",hasIcon:!0,class:"gap-8"},{intent:"cta-brand",hasIcon:!0,class:"gap-8"},{intent:"primary",isActive:!0,class:"!bg-accent-dark"},{intent:"secondary",isActive:!0,class:"!bg-strong-dark"},{intent:"secondaryInverse",isActive:!0,class:"!bg-inverse !text-default"},{intent:"ghost",isActive:!0,class:"!bg-darker"},{intent:"strong",isActive:!0,class:"before:!opacity-100"},{intent:"weak",isActive:!0,class:"before:!opacity-100"},{intent:"inverse",isActive:!0,class:"before:!opacity-100"},{intent:"underline",size:"small",class:"!px-0 !py-0 !min-h-0 f-ui-02"},{intent:"underline",size:"large",class:"!px-0 !py-0 !min-h-0 f-ui-01"},{intent:"underlineInverse",size:"small",class:"!px-0 !py-0 !min-h-0 f-ui-02"},{intent:"underlineInverse",size:"large",class:"!px-0 !py-0 !min-h-0 f-ui-01"},{intent:"cta",size:"small",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"cta",size:"large",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"cta-brand",size:"small",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"cta-brand",size:"large",class:"!px-0 !py-0 !min-h-0 !h-auto"},{intent:"brand",isActive:!0,class:"!bg-inverse !text-default"}],defaultVariants:{isActive:!1,iconSmall:!1,size:"small",hasIcon:!1,pill:!1}}),pn=class{constructor(e){n(this,e),this.parentContext=null,this.label=void 0,this.intent="primary",this.icon=void 0,this.iconPos="right",this.iconSmall=!1,this.size="small",this.pill=!1,this.external=!1,this.current=!1,this.download=!1,this.url=void 0,this.ariaLabel=void 0,this.disabled=!1,this.hideLabelOnSmallScreen=!1}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var e,t;this.disabled?n.preventDefault():l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(e=this.label)||void 0===e?void 0:e.toLowerCase())||(null===(t=this.ariaLabel)||void 0===t?void 0:t.toLowerCase())||"",action:"click"})}handleKeyDown(n){this.disabled||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.handleClick(n),this.url&&!this.disabled&&(this.external?window.open(this.url,"_blank","noopener,noreferrer"):window.location.href=this.url))}getLinkSize(){return this.size}renderLeftIcon(){return this.icon&&"left"===this.iconPos?t("span",{class:"flex"},t("eds-icon-wrapper",{"aria-hidden":"true",size:20,class:"flex inline-flex items-center justify-center",name:this.icon})):null}renderRightIcon(){return this.icon&&"right"===this.iconPos?t("span",{class:"flex"},t("eds-icon-wrapper",{"aria-hidden":"true",size:20,class:"flex inline-flex items-center justify-center",name:this.icon})):null}render(){const n=bn({intent:this.intent,size:this.getLinkSize(),iconSmall:this.iconSmall,isActive:this.current,hasIcon:!!this.icon,pill:this.pill}),e=!this.disabled,i=this.hideLabelOnSmallScreen?"hidden lg:flex":"";return t("a",{key:"b604585e484db17a87cba4fb492ef17014c0c88a",class:`${n||""}`,href:e&&"string"==typeof this.url&&this.url.length?this.url:void 0,target:this.external&&e?"_blank":void 0,rel:this.external&&e?"noopener noreferrer":void 0,tabIndex:e?0:-1,"aria-label":!this.label||this.hideLabelOnSmallScreen&&this.icon?this.ariaLabel||"Link":void 0,"aria-disabled":this.disabled?"true":void 0,"aria-current":this.current?"page":void 0,role:this.disabled?"link":void 0,download:this.download?"":void 0,onClick:n=>this.handleClick(n),onKeyDown:n=>this.handleKeyDown(n)},t("span",{key:"c3d5d62b4740ecb9f4fa6330147bb1f23afe22e0",class:"z-1 relative inline-flex items-center justify-center"},this.renderLeftIcon(),this.label&&t("span",{key:"c4340d032516895b8ad9a01170998605875a5774",class:`${i} ${this.icon?"right"===this.iconPos?"large"===this.size?"pr-4":"pr-2":"large"===this.size?"pl-4":"pl-2":""}`},this.label),this.renderRightIcon()))}get el(){return i(this)}};pn.style='*,\n::before,\n::after {\n  box-sizing: border-box;\n  /* 1 */\n  border-width: 0;\n  /* 2 */\n  border-style: solid;\n  /* 2 */\n  border-color: currentColor;\n  /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n.f-body-02 {\n  font-family: var(--f-body-02-fontFamily);\n  font-weight: var(--f-body-02-fontWeight);\n  font-size: var(--f-body-02-fontSize);\n  line-height: var(--f-body-02-lineHeight);\n  letter-spacing: var(--f-body-02-letterSpacing);\n}\n\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.f-ui-02 {\n  font-family: var(--f-ui-02-fontFamily);\n  font-weight: var(--f-ui-02-fontWeight);\n  font-size: var(--f-ui-02-fontSize);\n  letter-spacing: var(--f-ui-02-letterSpacing);\n}\n\n.f-ui-04 {\n  font-family: var(--f-ui-04-fontFamily);\n  font-weight: var(--f-ui-04-fontWeight);\n  font-size: var(--f-ui-04-fontSize);\n  letter-spacing: var(--f-ui-04-letterSpacing);\n}\n\n.f-body-01 b,\n.f-body-01 strong {\n  font-weight: var(--f-body-01---bold-weight, bold);\n}\n\n.f-body-02 b,\n.f-body-02 strong {\n  font-weight: var(--f-body-02---bold-weight, bold);\n}\n\n.f-ui-01 b,\n.f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n\n.f-ui-02 b,\n.f-ui-02 strong {\n  font-weight: var(--f-ui-02---bold-weight, bold);\n}\n\n.border-inside {\n  position: relative;\n\n  &::after {\n    pointer-events: none;\n  }\n\n  &::after {\n    position: absolute;\n  }\n\n  &::after {\n    inset: 0rem;\n  }\n\n  &::after {\n    z-index: 1;\n  }\n\n  &::after {\n    border-radius: 8px;\n  }\n\n  &::after {\n    border-width: 1px;\n  }\n\n  &::after {\n    border-width: 2px;\n  }\n\n  &::after {\n    border-color: rgba(7, 20, 13, 1);\n  }\n\n  &::after {\n    content: \'\';\n  }\n}\n\n.border-inside-inverse {\n  position: relative;\n\n  &::after {\n    pointer-events: none;\n    position: absolute;\n    inset: 0rem;\n    z-index: 1;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(255, 255, 255, 1); /* white border */\n    content: \'\';\n  }\n}\n\n.border-inside-pill {\n  &::after {\n    border-radius: 100px;\n  }\n\n  &::after {\n    content: \'\';\n  }\n}\n\n.border-inside-inverse.border-inside-pill {\n  &::after {\n    border-radius: 100px; /* pill shape for inverse border */\n  }\n}\n\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.loader {\n  animation: spin 1s linear infinite;\n  border-radius: 9999px;\n  border: 3px solid rgba(0, 0, 0, .3);\n  border-bottom-color: #000;\n}\n\n/** region TRANSITIONS */\n.effect-color {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.effect-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n/** endregion */\n/* region FOCUS */\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n\n.effect-bg-behind-link {\n  position: relative;\n}\n\n.effect-bg-behind-link::before {\n  position: absolute;\n  top: 0rem;\n  bottom: 0rem;\n  left: -0.5rem;\n  right: 0rem;\n  z-index: 0;\n  border-radius: 8px;\n  background-color: var(--grey-400);\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n\n.effect-bg-behind-link[aria-disabled="true"]::before {\n  background-color: var(--transparent);\n}\n\n/* endregion */\n/*region shadow*/\n/*endregion*/\n/*region brand hover effect*/\n.brand-hover-transform {\n  transition-property: transform, box-shadow, color, background-color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.brand-hover-transform:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0, 255, 157, 0.3);\n}\n\n.brand-hover-transform[aria-disabled="true"]:hover {\n  transform: none;\n  box-shadow: none;\n}\n\n/* Secondary Inverse Transform Effect */\n.secondary-inverse-transform {\n  transition-property: transform, background-color, color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.secondary-inverse-transform:hover {\n  transform: translateY(-2px);\n}\n\n.secondary-inverse-transform[aria-disabled="true"]:hover {\n  transform: none;\n}\n/*endregion*/\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.-top-1 {\n  top: -0.0625rem;\n}\n\n.z-0 {\n  z-index: 0;\n}\n\n.z-1 {\n  z-index: 1;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-ml-8 {\n  margin-left: -0.5rem;\n}\n\n.-ml-16 {\n  margin-left: -1rem;\n}\n\n.-mr-4 {\n  margin-right: -0.25rem;\n}\n\n.-mr-8 {\n  margin-right: -0.5rem;\n}\n\n.-mr-16 {\n  margin-right: -1rem;\n}\n\n.ml-0 {\n  margin-left: 0rem;\n}\n\n.ml-4 {\n  margin-left: 0.25rem;\n}\n\n.ml-64 {\n  margin-left: 4rem;\n}\n\n.ml-8 {\n  margin-left: 0.5rem;\n}\n\n.ml-auto {\n  margin-left: auto;\n}\n\n.mr-0 {\n  margin-right: 0rem;\n}\n\n.mr-2 {\n  margin-right: 0.125rem;\n}\n\n.mr-4 {\n  margin-right: 0.25rem;\n}\n\n.mr-8 {\n  margin-right: 0.5rem;\n}\n\n.mr-auto {\n  margin-right: auto;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-20 {\n  height: 1.25rem;\n}\n\n.h-24 {\n  height: 1.5rem;\n}\n\n.h-36 {\n  height: 2.25rem;\n}\n\n.h-44 {\n  height: 2.75rem;\n}\n\n.\\!min-h-0 {\n  min-height: 0rem !important;\n}\n\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n\n.min-h-36 {\n  min-height: 2.25rem;\n}\n\n.min-h-44 {\n  min-height: 2.75rem;\n}\n\n.min-h-full {\n  min-height: 100%;\n}\n\n.min-h-screen {\n  min-height: 100vh;\n}\n\n.w-1\\/2 {\n  width: 50%;\n}\n\n.w-20 {\n  width: 1.25rem;\n}\n\n.w-24 {\n  width: 1.5rem;\n}\n\n.w-28 {\n  width: 1.75rem;\n}\n\n.w-32 {\n  width: 2rem;\n}\n\n.w-4 {\n  width: 0.25rem;\n}\n\n.w-44 {\n  width: 2.75rem;\n}\n\n.w-auto {\n  width: auto;\n}\n\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.flex-none {\n  flex: none;\n}\n\n.grow {\n  flex-grow: 1;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.resize {\n  resize: both;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.break-words {\n  overflow-wrap: break-word;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-sm {\n  border-radius: 8px;\n}\n\n.rounded-xs {\n  border-radius: 4px;\n}\n\n.rounded-full {\n  border-radius: 100px;\n}\n\n.rounded-pill {\n  border-radius: 9999px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n\n.border-soft {\n  border-color: rgba(0, 0, 0, .15);\n}\n\n.border-softer {\n  border-color: rgba(0, 0, 0, .1);\n}\n\n.border-softest {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.border-transparent {\n  border-color: var(--transparent);\n}\n\n.border-b-softer {\n  border-bottom-color: rgba(0, 0, 0, .1);\n}\n\n.\\!bg-accent-dark {\n  background-color: var(--brand-green-dark) !important;\n}\n\n.\\!bg-darker {\n  background-color: var(--grey-light) !important;\n}\n\n.\\!bg-strong-dark {\n  background-color: var(--grey-800) !important;\n}\n\n.bg-accent {\n  background-color: var(--brand-green);\n}\n\n.bg-accent-dark {\n  background-color: var(--brand-green-dark0);\n}\n\n.bg-accent-darker {\n  background-color: var(--brand-green-dark);\n}\n\n.bg-current {\n  background-color: currentColor;\n}\n\n.bg-dark {\n  background-color: var(--grey-light);\n}\n\n.bg-darker {\n  background-color: var(--grey-dark);\n}\n\n.bg-default {\n  background-color: var(--grey-light);\n}\n\n.bg-inverse {\n  background-color: var(--white);\n}\n\n.bg-inverse-soft {\n  background-color: rgba(255, 255, 255, .2);\n}\n\n.bg-inverse-softer {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.bg-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n\n.bg-strong {\n  background-color: var(--grey-700);\n}\n\n.bg-strong-dark {\n  background-color: var(--grey-800);\n}\n\n.bg-stronger {\n  background-color: var(--grey-900);\n}\n\n.bg-strongest {\n  background-color: var(--brand-black);\n}\n\n.bg-transparent {\n  background-color: var(--transparent);\n}\n\n.\\!p-8 {\n  padding: 0.5rem !important;\n}\n\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n\n.\\!py-0 {\n  padding-top: 0rem !important;\n  padding-bottom: 0rem !important;\n}\n\n.\\!py-4 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-2 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem;\n}\n\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n\n.px-4 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.py-4 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.py-6 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.\\!pt-4 {\n  padding-top: 0.25rem !important;\n}\n\n.pl-12 {\n  padding-left: 0.75rem;\n}\n\n.pl-28 {\n  padding-left: 1.75rem;\n}\n\n.pl-32 {\n  padding-left: 2rem;\n}\n\n.pl-36 {\n  padding-left: 2.25rem;\n}\n\n.pl-2 {\n  padding-left: 0.125rem;\n}\n\n.pl-4 {\n  padding-left: 0.25rem;\n}\n\n.pl-8 {\n  padding-left: 0.5rem;\n}\n\n.pr-12 {\n  padding-right: 0.75rem;\n}\n\n.pr-2 {\n  padding-right: 0.125rem;\n}\n\n.pr-28 {\n  padding-right: 1.75rem;\n}\n\n.pr-32 {\n  padding-right: 2rem;\n}\n\n.pr-4 {\n  padding-right: 0.25rem;\n}\n\n.pr-8 {\n  padding-right: 0.5rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.\\!text-current {\n  color: currentColor !important;\n}\n\n.text-\\[\\#0034CB\\] {\n  --tw-text-opacity: 1;\n  color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n\n.text-accent {\n  color: var(--brand-green-dark);\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-default {\n  color: var(--brand-black);\n}\n\n.text-error {\n  color: var(--red-700);\n}\n\n.text-extra-light {\n  color: var(--grey-light);\n}\n\n.text-inverse {\n  color: var(--white);\n}\n\n.text-light {\n  color: var(--grey-700);\n}\n\n.text-lighter {\n  color: var(--grey-600);\n}\n\n.text-lightest {\n  color: var(--grey-500);\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.\\!no-underline {\n  text-decoration-line: none !important;\n}\n\n.decoration-\\[\\#0034CB\\] {\n  text-decoration-color: #0034CB;\n}\n\n.decoration-white {\n  text-decoration-color: var(--white);\n}\n\n.decoration-accent {\n  text-decoration-color: var(--brand-green-dark);\n}\n\n.decoration-2 {\n  text-decoration-thickness: 2px;\n}\n\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n\n.underline-offset-6 {\n  text-underline-offset: 6px;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-accent {\n  --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n  --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n\n.\\@container {\n  container-type: inline-size;\n}\n\n.after\\:effect-opacity::after {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.before\\:effect-opacity::before {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-500);\n}\n\n.focus-within\\:bg-transparent:focus-within {\n  background-color: var(--transparent);\n}\n\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--brand-green-dark); /* NEW: #00C87B */\n}\n\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-300);\n}\n\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-400);\n}\n\n.hover\\:bg-default:hover {\n  background-color: var(--grey-200);\n}\n\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--grey-800);\n}\n\n.hover\\:bg-strongest:hover {\n  background-color: var(--brand-black);\n}\n\n.hover\\:bg-transparent:hover {\n  background-color: var(--transparent);\n}\n\n.hover\\:text-accent:hover {\n  color: var(--brand-green-dark);\n}\n\n.hover\\:text-default:hover {\n  color: var(--brand-black);\n}\n\n.hover\\:text-inverse:hover {\n  color: var(--white);\n}\n\n.hover\\:text-lighter:hover {\n  color: var(--grey-600);\n}\n\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n\n\n.hover\\:decoration-accent:hover {\n  text-decoration-color: var(--brand-green-dark);\n}\n\n.hover\\:shadow-hover:hover {\n  --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n  --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:shadow-none:focus {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus-visible\\:rounded-xs:focus-visible {\n  border-radius: 4px;\n}\n\n.focus-visible\\:text-default:focus-visible {\n  color: var(--black);\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus-visible\\:ring:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-300);\n}\n\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-500);\n}\n\n.aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n  cursor: not-allowed;\n}\n\n.aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n  border-color: var(--transparent) !important;\n}\n\n.aria-disabled\\:border-transparent[aria-disabled="true"] {\n  border-color: var(--transparent)\n}\n\n.aria-disabled\\:bg-dark[aria-disabled="true"] {\n  background-color: var(--grey-300);\n}\n\n.aria-disabled\\:bg-transparent[aria-disabled="true"] {\n  background-color: var(--transparent);\n}\n\n.aria-disabled\\:text-light[aria-disabled="true"] {\n  color: var(--grey-700);\n}\n\n.aria-disabled\\:text-lightest[aria-disabled="true"] {\n  color: var(--grey-500);\n}\n\n.aria-disabled\\:line-through[aria-disabled="true"] {\n  text-decoration-line: line-through;\n}\n\n.aria-disabled\\:shadow-none[aria-disabled="true"] {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.aria-disabled\\:decoration-light[aria-disabled="true"] {\n  text-decoration-line: var(--grey-light);\n}\n\n.aria-disabled\\:no-underline[aria-disabled="true"] {\n  text-decoration-line: none;\n}\n\n.aria-current-page\\:bg-darker[aria-current="page"] {\n  background-color: var(--grey-400);\n}\n\n.after\\:absolute::after {\n  position: absolute;\n}\n\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n\n.after\\:left-16::after {\n  left: 1rem;\n}\n\n.after\\:right-16::after {\n  right: 1rem;\n}\n\n.after\\:z-10::after {\n  z-index: 10;\n}\n\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n.after\\:border-3::after {\n  border-width: 3px;\n}\n\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n\n.after\\:\\!border-transparent::after {\n  border-color: var(--transparent) !important;\n}\n\n.after\\:border-accent::after {\n  border-color: var(--green-500);\n}\n\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n\n.after\\:content-\\[\\\'\\\'\\]::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: var(--transparent) !important;\n}\n\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n  border-color: var(--transparent) !important;\n}\n\n.before\\:absolute::before {\n  position: absolute;\n}\n\n.before\\:inset-x-0::before {\n  left: 0rem;\n  right: 0rem;\n}\n\n.before\\:-bottom-2::before {\n  bottom: -0.125rem;\n}\n\n.before\\:bottom-0::before {\n  bottom: 0rem;\n}\n\n.before\\:h-12::before {\n  height: 0.75rem;\n}\n\n.before\\:h-3::before {\n  height: 0.1875rem;\n}\n\n.before\\:rounded-lg::before {\n  border-radius: 16px;\n}\n\n.before\\:border-2::before {\n  border-width: 2px;\n}\n\n.before\\:border-softest::before {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.before\\:bg-default::before {\n  background-color: var(--grey-200);\n}\n\n.before\\:bg-inverse-softer::before {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.before\\:\\!opacity-100::before {\n  opacity: 1 !important;\n}\n\n.before\\:opacity-0::before {\n  opacity: 0;\n}\n\n.before\\:opacity-5::before {\n  opacity: 0.05;\n}\n\n.before\\:content-\\[\\\'\\\'\\]::before {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n\n.before\\:bg-gradient-y::before {\n  background: linear-gradient(to bottom, transparent, ease-in-out, black);\n}\n\n.before\\:bg-gradient-01-top::before {\n  background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-01-bottom::before {\n  background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-02-top::before {\n  background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-02-bottom::before {\n  background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-03-top::before {\n  background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-03-bottom::before {\n  background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-04-top::before {\n  background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n}\n\n.before\\:bg-gradient-04-bottom::before {\n  background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n}\n\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}\n\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n  opacity: 0 !important;\n}\n\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n  opacity: 0;\n}\n\n/* CTA link style */\n.cta-link {\n  font-family: \'IBM Plex Mono\', monospace;\n  font-size: var(--f-ui-02-fontSize);\n  color: var(--grey-dark);\n  text-decoration: none;\n  transition: color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.cta-link:hover {\n  color: var(--brand-green);\n}\n\n/* CTA brand link style - always green */\n.cta-link-brand {\n  font-family: \'IBM Plex Mono\', monospace;\n  font-size: var(--f-ui-02-fontSize);\n  color: var(--brand-green);\n  text-decoration: none;\n  transition: color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.cta-link-brand:hover {\n  color: var(--brand-green-dark);\n}\n\n/* Animated underline effect for underline intent (brand-black text) */\n.animated-underline {\n  position: relative;\n  display: inline-block;\n  color: var(--brand-black);\n  text-decoration: none;\n}\n\n.animated-underline::after {\n  content: \'\';\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--brand-green);\n  transition: width 0.3s ease;\n}\n\n.animated-underline:hover::after {\n  width: 100%;\n}\n\n.animated-underline:focus-visible::after {\n  width: 0;\n}\n\n/* Animated underline effect for underlineInverse intent (white text) */\n.animated-underline-inverse {\n  position: relative;\n  display: inline-block;\n  color: var(--white);\n  text-decoration: none;\n}\n\n.animated-underline-inverse::after {\n  content: \'\';\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--brand-green);\n  transition: width 0.3s ease;\n}\n\n.animated-underline-inverse:hover::after {\n  width: 100%;\n}\n\n.animated-underline-inverse:focus-visible::after {\n  width: 0;\n}\n\n@media (min-width: 900px) {\n  .lg\\:flex {\n    display: flex;\n  }\n}';const mn=class{constructor(e){n(this,e),this.href="/",this.orientation="horizontal",this.variant="positive",this.label="Home"}handleClick(){l({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){return"negative"==this.variant?d:c}render(){const n=this.getLogo();return t("a",{key:"06321ecfcf456f1870cd080043203258306a2451",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper","aria-label":this.label},t("div",{key:"0e9da2f98700553f4898d0f60935f1c5cbd97cbc",innerHTML:n}))}get el(){return i(this)}};mn.style=".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-\\[24px\\]{padding:24px}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";const xn=class{constructor(t){n(this,t),this.consent=e(this,"consent",7),this.heading="Analytics Consent",this.description="We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.",this.optOutMessage="You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.",this.forceShow=!1,this.showNotice=!0}toggleCookiesConsent(){this.showNotice=!this.showNotice}hasCookieConsent(){return!!document.cookie.split("; ").find((n=>n.startsWith("mtm_consent=")))}optedOut(){return!!document.cookie.split("; ").find((n=>n.startsWith("mtm_consent_removed")))}getStorageKey(){return`${window.location.host}-matomo-deferred`}componentWillLoad(){if("out"===localStorage.getItem(`${window.location.host}-matomo-consent-given`)||this.optedOut())this.showNotice=!1;else if(this.forceShow)this.showNotice=!0;else if(this.hasCookieConsent())this.showNotice=!1;else{const n=sessionStorage.getItem(this.getStorageKey());this.showNotice=!n}}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}optInAnalytics(){o(),localStorage.removeItem(`${window.location.host}-matomo-consent-given`),this.hideNotice(),this.consent.emit("in")}optOutAnalytics(){a(),this.hideNotice(),this.consent.emit("out")}noThanks(){a(),localStorage.setItem(`${window.location.host}-matomo-consent-given`,"out"),this.hideNotice(),this.consent.emit("out")}keepMeIn(){this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?t("div",{class:"p-8"},t("eds-accordion",{title:this.heading,description:this.hasCookieConsent()?this.optOutMessage:this.description,switchBg:!0,expanded:!0},this.hasCookieConsent()?t("div",{class:"flex items-center gap-8"},this.optedOut()?t("eds-button",{intent:"brand",label:"Opt me in again",pill:!0,"aria-label":"Opt me in again",onClick:()=>this.optInAnalytics()}):t("eds-button",{intent:"brand",label:"Keep Me In",pill:!0,"aria-label":"Keep Me In",onClick:()=>this.keepMeIn()}),t("eds-button",{intent:"ghost",label:"Opt-out",pill:!0,"aria-label":"Opt-out from analytics",onClick:()=>this.optOutAnalytics()})):t("div",{class:"flex items-center gap-8"},t("eds-button",{intent:"brand",pill:!0,label:"I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),t("eds-button",{intent:"ghost",pill:!0,label:"No, thanks","aria-label":"Opt-out from analytics",onClick:()=>this.noThanks()})))):null}get el(){return i(this)}};xn.style=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}.gap-8{gap:0.5rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}}";const un=class{constructor(t){n(this,t),this.nps=e(this,"nps",7),this.min=0,this.max=10,this.btnRefs=[],this.onSelect=n=>{this.internalValue=n,this.nps.emit(n),requestAnimationFrame((()=>{var e,t;null===(t=null===(e=this.btnRefs[n-this.min])||void 0===e?void 0:e.focus)||void 0===t||t.call(e)}))},this.handleKeyNav=n=>{const{key:e}=n;if(!["ArrowRight","ArrowLeft","Home","End"," ","Enter"].includes(e))return;n.preventDefault();const t=this.max-this.min+1;let i=null==this.internalValue?0:this.internalValue-this.min;switch(e){case"ArrowRight":i=Math.min(t-1,i+1),this.setActiveByIndex(i,!1);break;case"ArrowLeft":i=Math.max(0,i-1),this.setActiveByIndex(i,!1);break;case"Home":this.setActiveByIndex(0,!1);break;case"End":this.setActiveByIndex(t-1,!1);break;case" ":case"Enter":this.onSelect(this.min+i)}},this.question=void 0,this.leftLabel=void 0,this.rightLabel=void 0,this.selectedValue=null,this.internalValue=null}handleSelectedValueChange(n){this.internalValue=n}componentWillLoad(){this.internalValue=this.selectedValue}setActiveByIndex(n,e=!1){var t;const i=this.min+n;this.internalValue=i;const r=this.btnRefs[n];"function"==typeof(null==r?void 0:r.focusInner)?r.focusInner():null===(t=null==r?void 0:r.focus)||void 0===t||t.call(r),e&&this.onSelect(i)}render(){const n=this.max-this.min+1;return t("div",{key:"932d0a62e52376c1ddaf71e8d21bf5437c2d0b9f",class:"eds-nps"},t("eds-input-label",{key:"60f5b6849dcc53f2a0d46fa5e44499076bd46174",id:"nps-question",name:"nps-question",label:this.question}),t("div",{key:"14d032aa6dc6b2cc67189f6e11a0fc59ca420cbb",id:"nps-buttons",role:"radiogroup","aria-labelledby":"nps-question",onKeyDown:this.handleKeyNav,class:"flex flex-wrap gap-2 my-8"},Array.from({length:n},((n,e)=>{const i=this.min+e,r=i===this.internalValue;return t("div",{class:"flex",key:i},t("eds-button",{ref:n=>this.btnRefs[e]=n,size:"large",role:"radio","aria-checked":r?"true":"false","aria-label":`${i}`,onClick:()=>this.onSelect(i),tabIndex:r||null==this.internalValue&&0===e?0:-1,intent:r?"brand":"neutral","extra-class":"!block !px-0 w-full",label:`${i}`,pill:!0,onFocus:()=>{this.internalValue=i}}))}))),t("div",{key:"f1fd58c7c1003f144b816c9a1d169a2edec4a768",class:"flex justify-between mt-8"},t("span",{key:"476a3c3b3ef1c43744b8a69e577e597fff887beb",class:"f-ui-04 text-light ml-4"},this.leftLabel),t("span",{key:"275ec0c204781365c2e57283c1096fadb853dbe5",class:"f-ui-04 text-light mr-4"},this.rightLabel)))}get el(){return i(this)}static get watchers(){return{selectedValue:["handleSelectedValueChange"]}}};un.style='.flex{display:flex}.justify-between{justify-content:space-between}.mt-4{margin-top:0.25rem}.mt-8{margin-top:0.5rem}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.gap-2{gap:0.125rem}.gap-4{gap:0.25rem}.grid{display:grid}.grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-11[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1)::before{inset-inline-start:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+11)::before{inset-inline-end:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)~*::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+11)::after{border-inline-end-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+11)::after{top:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)::after{bottom:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)~li::after{bottom:0}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-dark)}.flex-wrap{flex-wrap:wrap}';const vn=class{constructor(e){n(this,e),this.handleKeyDown=n=>{if("default"!==this.mode||!this.useButtons)return;const e=this.getNavigableItems();if("ArrowRight"===n.key||"ArrowLeft"===n.key){n.preventDefault();const t="ArrowRight"===n.key?1:-1;let i=this.focusedIndex;if(-1===i){const n=e.findIndex((n=>"page"===n.type&&n.page===this.currentPage));i=-1!==n?n:0}let r=i+t;r>=e.length?r=0:r<0&&(r=e.length-1),this.focusedIndex=r,this.focusPaginationItem(r)}else if("Home"===n.key)n.preventDefault(),this.focusedIndex=0,this.focusPaginationItem(0);else if("End"===n.key){n.preventDefault();const t=e.length-1;this.focusedIndex=t,this.focusPaginationItem(t)}},this.handleItemFocus=n=>{this.focusedIndex=n},this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.useButtons=!0,this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[],this.focusedIndex=-1}componentWillLoad(){"default"===this.mode&&this.generateLinks()}componentDidLoad(){this.useButtons||this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}onPageOrLastPageChange(){"default"===this.mode&&this.generateLinks()}getNavigableItems(){const n=[];return n.push({type:"prev",disabled:this.isFirstPage()}),this.links.forEach((e=>{"object"==typeof e&&n.push({type:"page",page:parseInt(e.label),disabled:!1})})),n.push({type:"next",disabled:this.isLastPage()}),n.filter((n=>!n.disabled))}focusPaginationItem(n){var e;const t=null===(e=this.hostEl.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".pagination-button"),i=null==t?void 0:t[n];i&&i.focus()}isFirstPage(){return 1===this.currentPage}isLastPage(){return this.currentPage===this.lastPage}generateLink(n){const e=this.url.includes("?");return{ariaLabel:`Go to page ${n}`,url:`${this.url}${e?"&":"?"}page=${n}`,label:n.toString(),current:this.currentPage===n,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map((n=>"number"==typeof n?this.generateLink(n):n)):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map(((n,e)=>this.generateLink(e+1))))}getPaginationGenerator(n,e){const t=[];if(e<=5)for(let n=1;n<=e;n++)t.push(n);else{t.push(1),n-1>2&&t.push("...");for(let i=Math.max(2,n-1);i<=Math.min(e-1,n+1);i++)t.push(i);n+1<e-1&&t.push("..."),t.push(e)}return t}pageResults(){if(this.total>0){const n=this.perPage*((this.currentPage||1)-1)+1,e=Math.min(this.perPage*(this.currentPage||1),this.total);return this.total>this.perPage?`Showing ${n} to ${e} of ${this.total} results`:`Showing ${this.total} result${1!==this.total?"s":""}`}return""}handlePageClick(n,e){if("navigator"!==this.mode&&(this.useButtons&&n.preventDefault(),e!==this.currentPage)){this.links=this.links.map((n=>"object"==typeof n?Object.assign(Object.assign({},n),{current:parseInt(n.label)===e}):n));const n=new CustomEvent("page",{detail:{value:e},bubbles:!0,composed:!0});this.hostEl.dispatchEvent(n),this.currentPage=e}}render(){return t("div",{key:"6d7dea7a6d544bf79e944dfeb80cffb2f5a0b0cb"},this.total>0&&"default"===this.mode&&t("p",{key:"77da5262419978bf0806155727f64c2c957e3bb1",class:"f-ui-03 text-light mb-28 w-full text-center","aria-live":"polite",id:"pagination-info"},t("span",{key:"537551dfe8de1af55d3350cef4fa62f503aba3c1",class:"text-light sr-only"},"Results:"),this.pageResults()),"navigator"===this.mode||this.lastPage&&this.lastPage>1?t("nav",{"aria-label":"Pagination Navigation","aria-describedby":"default"===this.mode?"pagination-info":void 0,onKeyDown:this.handleKeyDown},t("ul",{class:"flex items-center justify-center gap-x-8",role:"list"},t("li",{class:"mr-auto"},this.useButtons?t("div",{class:"pagination-button-wrapper",onFocus:()=>this.handleItemFocus(-1)},t("eds-button",{label:this.prevLabel,disabled:"navigator"===this.mode?!this.prevUrl:this.isFirstPage(),"aria-label":"Go to previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"secondary","extra-class":"!p-8 lg:!pr-12 pagination-button",onClick:n=>{"default"!==this.mode||this.isFirstPage()||this.handlePageClick(n,(this.currentPage||1)-1)}})):t("eds-link",{label:this.prevLabel,url:"navigator"===this.mode?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:"navigator"===this.mode?!this.prevUrl:this.isFirstPage(),"aria-label":"Go to previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12"})),"default"===this.mode&&this.links.map(((n,e)=>t("li",{key:e,class:"f-ui-02 flex h-36 items-center justify-center"},"string"==typeof n?t("span",{class:"flex items-center justify-center","aria-hidden":"true"},n):this.useButtons?t("div",{class:"pagination-button-wrapper",onFocus:()=>this.handleItemFocus(-1)},t("eds-button",{label:n.label,"aria-label":n.current?`Current page, page ${n.label}`:`Go to page ${n.label}`,"aria-current":n.current?"page":void 0,size:"small","extra-class":"!p-8 pagination-button",intent:n.current?"primary":"secondary",onClick:e=>this.handlePageClick(e,parseInt(n.label))})):t("eds-link",{url:n.url,"aria-label":n.ariaLabel,label:n.label,current:n.current,"aria-current":n.current?"page":void 0,size:"small",class:"!p-8",intent:n.current?"primary":"secondary",onClick:e=>this.handlePageClick(e,parseInt(n.label))})))),t("li",{class:"ml-auto"},this.useButtons?t("div",{class:"pagination-button-wrapper",onFocus:()=>this.handleItemFocus(-1)},t("eds-button",{label:this.nextLabel,disabled:"navigator"===this.mode?!this.nextUrl:this.isLastPage(),"aria-label":"Go to next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"secondary","extra-class":"!p-8 lg:!pl-12 pagination-button",onClick:n=>{"default"!==this.mode||this.isLastPage()||this.handlePageClick(n,(this.currentPage||1)+1)}})):t("eds-link",{label:this.nextLabel,url:"navigator"===this.mode?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:"navigator"===this.mode?!this.nextUrl:this.isLastPage(),"aria-label":"Go to next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors"})))):null)}get hostEl(){return i(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};vn.style="ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-light{color:var(--grey-700)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}";const yn=class{constructor(e){n(this,e),this.value=0,this.showLabel=!1,this.variant="default",this.labelPaddingX="3rem"}async updateValue(n){this.value=Math.min(100,Math.max(0,n))}render(){const n=Math.min(100,Math.max(0,this.value));if("brand"===this.variant)return t("div",{class:"w-full"},this.showLabel&&t("div",{class:"flex items-center pt-16 pb-12 bg-inverse",style:{paddingLeft:this.labelPaddingX,paddingRight:this.labelPaddingX}},t("span",{class:"f-ui-03 text-brand-green-dark"},"Progress: ",n,"%")),t("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":n,"aria-valuetext":`${n}%`,class:"w-full h-10 bg-grey-light overflow-hidden relative"},t("div",{class:"h-full brand-gradient brand-glow transition-width",style:{width:`${n}%`}})));const e=["outer","w-full","h-24","bg-default","border","border-softer","overflow-hidden","relative"].filter(Boolean).join(" "),i=["inner","h-full","transition-all","duration-300","bg-accent","z-0"].filter(Boolean).join(" ");return t("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":n,"aria-valuetext":`${n}%`,class:e},t("div",{class:i,style:{width:`${n}%`}}),t("div",{class:"absolute inset-0 flex items-center justify-center pointer-events-none z-10"},t("span",{class:"text-default f-ui-01"},n,"%")))}};yn.style=".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-light)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--brand-green)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0rem}.pointer-events-none{pointer-events:none}.brand-gradient{background:linear-gradient(90deg, var(--brand-green-dark) 0%, var(--brand-green) 100%)}.brand-glow{box-shadow:0 0 8px rgba(0, 255, 157, 0.5)}.transition-width{transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.h-10{height:10px}.mb-12{margin-bottom:0.75rem}.bg-inverse{background-color:var(--white)}.bg-grey-light{background-color:var(--grey-light)}.bg-brand-black{background-color:var(--brand-black)}.text-brand-green-dark{color:var(--brand-green-dark)}.justify-start{justify-content:flex-start}.px-48{padding-left:3rem;padding-right:3rem}.pt-16{padding-top:1rem}.pb-12{padding-bottom:0.75rem}.items-center{align-items:center}";const wn=class{constructor(t){n(this,t),this.rating=e(this,"rating",7),this.buttonRefs=[],this.ratingType="star",this.ratingCount=5,this.selectedRating=0,this.internalRating=0}handleSelectedRatingChange(n){this.internalRating=n}componentWillLoad(){this.internalRating=this.selectedRating}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.internalRating}});n.dispatchEvent(e)}onSelect(n){this.internalRating=n,this.rating.emit(n),setTimeout((()=>{const e=this.buttonRefs[n-1];null==e||e.focus()}),0)}handleKeyNav(n){const{key:e}=n;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(e))return;n.preventDefault();let t=(this.internalRating||1)+("ArrowRight"===e||"ArrowDown"===e?1:-1);t>this.ratingCount&&(t=1),t<1&&(t=this.ratingCount),this.onSelect(t)}render(){return t("div",{key:"89671afe2d02d527001009ee83fb0d4e48550479",id:"rating-buttons",role:"group","aria-labelledby":"rating",class:"stars flex space-x-1 my-8",onKeyDown:n=>this.handleKeyNav(n)},Array.from({length:this.ratingCount},((n,e)=>{const i=e+1;return t("eds-button",{ref:n=>this.buttonRefs[e]=n,icon:this.ratingType,"aria-label":`${i} ${this.ratingType}${i>1?"s":""}`,onClick:()=>this.onSelect(i),tabIndex:this.internalRating===i||0===this.internalRating&&0===e?0:-1,intent:i<=this.internalRating?"brand":"neutral",size:"large"})})))}get el(){return i(this)}static get watchers(){return{selectedRating:["handleSelectedRatingChange"]}}};wn.style=":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--brand-green);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}";const kn=class{constructor(t){n(this,t),this.sidebar=e(this,"sidebar",7),this.toggleItem=(n,e)=>{e&&e.stopPropagation();const t=new Set(this.openItems);t.has(n)?t.delete(n):t.add(n),this.openItems=t},this.navigate=(n,e)=>{this.enableRouting&&n&&(e&&(e.preventDefault(),e.stopPropagation()),this.sidebar.emit(n),"undefined"!=typeof window&&window.history&&window.history.pushState({},"",n))},this.handleItemClick=(n,e)=>{var t;(null===(t=n.children)||void 0===t?void 0:t.length)?this.toggleItem(n.id,e):n.url&&this.navigate(n.url,e)},this.items="[]",this.theme="default",this.activeUrl="",this.enableRouting=!0,this.maxLevel=4,this.openItems=new Set,this.parsedItems=[]}componentWillLoad(){this.parsedItems=this.parseItems(this.items),this.initializeOpenItems(this.parsedItems)}handleItemsChange(n){this.parsedItems=this.parseItems(n),this.initializeOpenItems(this.parsedItems)}handleActiveUrlChange(){this.initializeOpenItems(this.parsedItems)}parseItems(n){if(Array.isArray(n))return n;if("string"==typeof n){if(!n||""===n.trim())return[];try{const e=JSON.parse(n);return Array.isArray(e)?e:[]}catch(e){return console.error("eds-sidebar: Failed to parse items JSON:",e),console.error("Received string:",n),[]}}return[]}initializeOpenItems(n,e=0){0===e&&(this.openItems=new Set),e>=this.maxLevel||n.forEach((n=>{var t;const i=this.activeUrl&&n.url===this.activeUrl,r=this.hasActiveDescendant(n);(n.open||i||r)&&this.openItems.add(n.id),(null===(t=n.children)||void 0===t?void 0:t.length)&&this.initializeOpenItems(n.children,e+1)}))}hasActiveDescendant(n){var e;return n.url===this.activeUrl||!!(null===(e=n.children)||void 0===e?void 0:e.length)&&n.children.some((n=>this.hasActiveDescendant(n)))}renderItem(n,e=0){if(e>=this.maxLevel)return null;const i=this.openItems.has(n.id),r=!!n.url&&this.activeUrl===n.url,l=!(!n.children||!n.children.length),o=`eds-sidebar-${n.id}-children`;return t("li",{class:{"sidebar-item":!0,open:i,active:r,"has-children":l,[`level-${e}`]:!0}},t("div",{class:"sidebar-item-content",onClick:e=>this.handleItemClick(n,e),role:l?"button":n.url?"link":"button",tabindex:"0","aria-current":r?"page":void 0,"aria-expanded":l?i?"true":"false":void 0,"aria-controls":l?o:void 0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleItemClick(n,e))}},l&&t("span",{class:"sidebar-toggle -ml-4","aria-hidden":"true"},t("eds-icon-wrapper",{name:i?"chevron-down":"chevron-right"})),t("span",{class:"sidebar-link-wrapper"},t("eds-link",{label:n.title,url:n.url||"#",intent:r?"strong":"weak",size:"small","aria-label":n.title,"extra-class":"sidebar-link",tabindex:"-1"}))),l&&i&&t("ul",{id:o,class:"sidebar-children"},n.children.map((n=>this.renderItem(n,e+1)))))}render(){return t(r,{key:"a56e293e9b53b0dbffd6268c117f77828ba5f41a",class:{"eds-sidebar":!0,[`theme-${this.theme}`]:!0}},t("nav",{key:"07ca17add683f976b30e736389eddc473e1e5669",class:"sidebar-nav","aria-label":"Sidebar"},t("ul",{key:"a102418d399f14715eddf34e1c3373cf1be9d4aa",class:"sidebar-list"},this.parsedItems.map((n=>this.renderItem(n,0))))))}get el(){return i(this)}static get watchers(){return{items:["handleItemsChange"],activeUrl:["handleActiveUrlChange"]}}};kn.style=":host{display:block;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;transition:width 0.3s ease}:host(.collapsed){width:4rem}:host::-webkit-scrollbar{width:8px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}:host::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}.sidebar-nav{padding:0.5rem 0}.sidebar-header{display:flex;justify-content:flex-end;padding:0.5rem 0.75rem;margin-bottom:0.5rem}:host(.collapsed) .sidebar-header{justify-content:center;padding:0.5rem}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;padding:0;border-radius:0.375rem;transition:background-color 0.15s ease;color:inherit}.collapse-toggle:hover{background-color:rgba(0, 0, 0, 0.08)}.collapse-toggle:focus-visible{outline:2px solid var(--eds-focus-color, #0066cc);outline-offset:2px}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.125rem}.sidebar-item{display:flex;flex-direction:column}.sidebar-item-content{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;cursor:pointer;user-select:none;word-break:break-word;transition:background-color 0.15s ease;border-radius:0.375rem;margin:0 0.5rem;position:relative}:host(.collapsed) .sidebar-item-content{justify-content:center;padding:0.75rem;margin:0 0.5rem}.sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.04)}.sidebar-item-content:focus-visible{outline:2px solid var(--eds-focus-color, #0066cc);outline-offset:-2px;z-index:1}.sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-content-wrapper{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;padding:0;margin:-0.125rem 0;pointer-events:none}.sidebar-link-wrapper{flex:1;min-width:0;pointer-events:none}.sidebar-link{font-weight:400;pointer-events:none}.sidebar-children{list-style:none;margin:0.25rem 0 0 0;padding:0;display:flex;flex-direction:column;gap:0.125rem;overflow:hidden;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-0.25rem)}to{opacity:1;transform:translateY(0)}}.sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}:host(.collapsed) .sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}.sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}.sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}.sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}.sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}.sidebar-item.level-5 .sidebar-item-content{padding-left:7rem}:host(.theme-default) .sidebar-item-content{border-radius:0.375rem;margin:0 0.5rem;padding:0.5rem 0.75rem}:host(.theme-default.collapsed) .sidebar-item-content{margin:0 0.5rem;border-radius:0.375rem}:host(.theme-default) .sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.04)}:host(.theme-default) .sidebar-item.active>.sidebar-item-content{background-color:transparent}:host(.theme-default) .sidebar-item.active>.sidebar-item-content .sidebar-link{font-weight:600}:host(.theme-default) .sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}:host(.theme-default) .sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}:host(.theme-default) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}:host(.theme-default) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}:host(.theme-default) .sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}:host(.theme-minimal) .sidebar-item-content{border-radius:0;margin:0;padding-left:1rem;padding-right:1rem}:host(.theme-minimal.collapsed) .sidebar-item-content{margin:0 0.25rem;border-radius:0.375rem}:host(.theme-minimal) .sidebar-item-content:hover{background-color:rgba(0, 255, 157, 0.05);color:var(--brand-black, #07140D)}:host(.theme-minimal) .sidebar-item.active>.sidebar-item-content{background-color:rgba(0, 255, 157, 0.1);border-left:3px solid var(--brand-green-dark, #00C87B);padding-left:calc(1rem - 3px);color:var(--brand-black, #07140D);font-weight:500}:host(.theme-minimal.collapsed) .sidebar-item.active>.sidebar-item-content{border-left:none;border-radius:0.375rem;padding-left:0.75rem;background-color:rgba(0, 255, 157, 0.1);color:var(--brand-black, #07140D)}:host(.theme-minimal) .sidebar-item.level-1.active>.sidebar-item-content{padding-left:calc(2rem - 3px)}:host(.theme-minimal) .sidebar-item.level-2.active>.sidebar-item-content{padding-left:calc(3.25rem - 3px)}:host(.theme-minimal) .sidebar-item.level-3.active>.sidebar-item-content{padding-left:calc(4.5rem - 3px)}:host(.theme-minimal) .sidebar-item.level-4.active>.sidebar-item-content{padding-left:calc(5.75rem - 3px)}:host(.theme-minimal) .sidebar-item.level-0 .sidebar-item-content{padding-left:1rem}:host(.theme-minimal) .sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}:host(.theme-minimal) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}:host(.theme-minimal) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}:host(.theme-minimal) .sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}:host(.theme-minimal) .sidebar-children{position:relative}:host(.theme-ebrains) .sidebar-item-content{padding:0.5rem 1rem;border-radius:0.5rem;margin:0 0.5rem}:host(.theme-ebrains.collapsed) .sidebar-item-content{padding:0.75rem}:host(.theme-ebrains) .sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.05)}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content{background-color:var(--brand-green-dark, #22c55e);color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-link{--eds-link-color:white;--eds-link-hover-color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-toggle{color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-icon{color:white}:host(.theme-ebrains) .sidebar-item.level-0 .sidebar-item-content{padding-left:1rem}:host(.theme-ebrains) .sidebar-item.level-1 .sidebar-item-content{padding-left:2.25rem}:host(.theme-ebrains) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.5rem}:host(.theme-ebrains) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.75rem}:host(.theme-ebrains) .sidebar-item.level-4 .sidebar-item-content{padding-left:6rem}@media (prefers-color-scheme: dark){.collapse-toggle:hover{background-color:rgba(255, 255, 255, 0.08)}:host(.theme-default) .sidebar-item-content:hover{background-color:rgba(255, 255, 255, 0.05)}:host(.theme-default) .sidebar-item.active>.sidebar-item-content{background-color:rgba(0, 102, 204, 0.15)}:host(.theme-minimal) .sidebar-item-content:hover{background-color:rgba(255, 255, 255, 0.06)}:host::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255, 0.3)}}.sidebar-toggle eds-icon-wrapper,.sidebar-icon eds-icon-wrapper,.collapse-toggle eds-icon-wrapper{transition:transform 0.15s ease;display:flex;align-items:center;justify-content:center}.sidebar-item-content:focus-visible .sidebar-link{text-decoration:underline}.sidebar-item.active>.sidebar-item-content .sidebar-link{font-weight:500}:host(.collapsed) .sidebar-item-content::after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:0.5rem;padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.9);color:white;border-radius:0.375rem;white-space:nowrap;font-size:0.875rem;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:1000}:host(.collapsed) .sidebar-item-content:hover::after{opacity:1;transition-delay:0.3s}.-ml-4{margin-left:-0.25rem}.mt-2{margin-top:0.125rem}";const zn=class{constructor(e){n(this,e),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.heading="Follow EBRAINS to keep up-to-date",this.variant="default"}render(){const n="inverse"===this.variant,e=n?"inverse":"strong";return t("nav",{key:"11b876483142bb98c686a4cb722d28022ca9f40c","aria-label":"Social media"},t("p",{key:"daf2865247ed69ab3e4233d191d8abb8d5be584f",class:"f-ui-02 "+(n?"text-inverse":"")},this.heading),t("ul",{key:"47918284e8a158d523d3329eb28f4881ac27233e",class:"mt-12 flex gap-4"},this.socialNetworks.map(((n,i)=>t("li",{key:i},t("eds-link",{external:!0,"aria-label":`EBRAINS on ${n.label}`,url:n.url,icon:n.icon,intent:e}))))))}};zn.style="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.mt-12{margin-top:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-inverse{color:var(--white)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";const Sn=class{constructor(e){n(this,e),this.size="md",this.variant="secondary",this.message=void 0,this.background="var(--grey-light)",this.fullscreen=!1}get spinnerSize(){switch(this.size){case"xs":return"1rem";case"sm":return"4rem";case"lg":return"8rem";case"xl":return"10rem";default:return"6rem"}}get spinnerThickness(){switch(this.size){case"xs":return"4px";case"sm":return"8px";case"lg":return"16px";case"xl":return"20px";default:return"12px"}}render(){const n=Object.assign({width:this.spinnerSize,height:this.spinnerSize,border:`${this.spinnerThickness} solid ${"primary"===this.variant?"var(--brand-black)":"var(--grey-dark)"}`,borderBottomColor:"primary"===this.variant?"var(--brand-green)":"var(--brand-black)"},!this.fullscreen&&{display:"inline-block"});return t(r,{key:"16d20431aaa90a29b6e3d32cbd3403ece1f45345"},t("div",{key:"0e29dafa5eb3a84f31305614ae083356604a81bf",class:"spinner-overlay",style:this.fullscreen?{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",zIndex:"9999999",backgroundColor:this.background,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:this.background,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},t("span",{key:"cf63a83095e35a1ca4328fd14293e6895d8d9811",class:"spinner",style:n}),this.message&&t("p",{key:"7bb83c40db5dc985c429ca6ac171145db80c011d",class:"f-ui-01"},this.message)))}};Sn.style=":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}";const Cn=class{constructor(t){n(this,t),this.step=e(this,"step",7),this.finished=e(this,"finished",7),this.next=e(this,"next",7),this.back=e(this,"back",7),this.handleTitleClick=n=>{if("linear"===this.type){if(n>this.activeStep)for(let e=this.activeStep;e<n;e++)if(this.isStepDisabled(e))return;return this.activeStep=n,void this.step.emit(this.activeStep)}if("vertical"===this.orientation&&n===this.activeStep&&this.collapsibleTitles)return this.activeStep=this.activeStep===n?-1:n,void this.step.emit(this.activeStep);this.activeStep=n,this.step.emit(this.activeStep)},this.handleNext=()=>{if(this.activeStep>=this.parsedSteps.length-1)return this.finished.emit(),this.activeStep=-1,void this.step.emit(this.activeStep);const n=this.activeStep+1;this.next.emit(n),this.isStepDisabled(this.activeStep)||(this.activeStep=n,this.step.emit(this.activeStep),Array.isArray(this.disableNext)||(this.disableNext=!1))},this.handleBack=()=>{if(this.activeStep<0)return this.activeStep=this.parsedSteps.length-1,void this.step.emit(this.activeStep);if(this.activeStep>0){const n=this.activeStep-1;this.back.emit(n),this.activeStep=n,this.step.emit(this.activeStep),Array.isArray(this.disableNext)||(this.disableNext=!1)}},this.steps=[],this.type="static",this.orientation="vertical",this.theme="default",this.nextLabel="Next",this.backLabel="Back",this.finishLabel="Finish",this.showFinish=!0,this.disableNext=!1,this.headingLevel="h4",this.collapsibleTitles=!1,this.activeStep=0}handleDisableNextChange(n){if("string"==typeof n&&n.trim().startsWith("["))try{this.disableNext=JSON.parse(n)}catch(n){console.error("Failed to parse disable-next array:",n)}}componentWillLoad(){this.handleDisableNextChange(this.disableNext)}componentDidLoad(){if("linear"===this.type){const n=(this.el.shadowRoot||this.el).querySelectorAll("eds-button");null==n||n.forEach((n=>this.emitContext(n)))}}activeStepChanged(n){const e=Math.max(0,this.parsedSteps.length-1);n>e?this.activeStep=e:n<-1?this.activeStep=-1:n<0||setTimeout((()=>{const e=(this.el.shadowRoot||this.el).querySelectorAll(".step"),t=e&&n<e.length?e[n]:void 0;null==t||t.querySelectorAll("eds-button").forEach((n=>this.emitContext(n)))}),50)}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.activeStep},bubbles:!0,composed:!0});n.dispatchEvent(e)}get parsedSteps(){return s(this.steps)}isStepDisabled(n){return Array.isArray(this.disableNext)?n<this.disableNext.length&&!!this.disableNext[n]:n===this.activeStep&&!!this.disableNext}isNextDisabledFor(n){return this.isStepDisabled(n)}renderHeading(n,e){const i=this.headingLevel,r=this.activeStep===e;if("linear"===this.type){let l=!1;if(e>this.activeStep)for(let n=this.activeStep;n<e;n++)if(this.isStepDisabled(n)){l=!0;break}return t(i,{class:"eds-steps__title "+(l?"is-disabled":""),role:"button",tabindex:l?-1:0,"aria-disabled":l?"true":"false","aria-expanded":r,"aria-controls":`eds-step-panel-${e}`,onClick:()=>!l&&this.handleTitleClick(e),onKeyDown:n=>{l||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.handleTitleClick(e))}},n)}return t(i,{class:"eds-steps__title ",onClick:()=>this.handleTitleClick(e)},n)}renderHorizontalIndicator(n,e){const i=this.activeStep===e,r=this.activeStep>e;let l=!1;if(e>this.activeStep)for(let n=this.activeStep;n<e;n++)if(this.isStepDisabled(n)){l=!0;break}return t("div",{class:`horizontal-step ${i?"is-active":""} ${r?"is-completed":""}`,onClick:()=>!l&&this.handleTitleClick(e),onKeyDown:n=>{l||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.handleTitleClick(e))},role:"button",tabindex:l?-1:0,"aria-label":`Step ${e+1}: ${n.title}`,"aria-current":i?"step":void 0,"aria-disabled":l?"true":"false"},t("div",{class:"step-indicator"},t("span",{class:"step-number"},e+1)),t("span",{class:"text-center text-default f-ui-03 "+(l?"opacity-50":"")},n.title))}render(){const n=this.parsedSteps,e="brand"===this.theme?"theme-brand":"theme-default";return"linear"===this.type&&"horizontal"===this.orientation?t("div",{class:`steps--horizontal ${e}`,style:{"--step-count":n.length.toString()}},t("div",{class:"horizontal-indicators"},n.map(((n,e)=>this.renderHorizontalIndicator(n,e)))),n.map(((e,i)=>{const r=i===n.length-1;if(this.activeStep!==i)return null;const l="horizontal"===this.orientation?"mt-64":"mt-32";return t("div",{class:"step-content",key:i,id:`eds-step-panel-${i}`},t("slot",{name:`step-${i}`},t("div",{class:"f-body-02 text-lighter",innerHTML:e.content})),t("div",{class:`flex items-center justify-between ${l}`},t("eds-button",{label:this.backLabel,intent:"secondary",icon:"chevron-left",iconPos:"left",onClick:this.handleBack,disabled:0===i,class:0===i?"hidden":"block",size:"small"}),(!r||this.showFinish)&&t("eds-button",{label:r?this.finishLabel:this.nextLabel,intent:"primary",icon:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabledFor(i),size:"small",class:i>0?"ml-8":null})),t("slot",{name:`actions-${i}`}))}))):t("div",{class:`steps ${e}`},n.map("linear"===this.type?(e,i)=>{const r=i===n.length-1,l="horizontal"===this.orientation?"mt-64":"mt-32";return t("div",{class:"step mb-16",key:i},this.renderHeading(e.title,i),this.activeStep===i&&t("div",{class:"content grid gap-y-16",id:`eds-step-panel-${i}`},t("slot",{name:`step-${i}`},t("div",{class:"my-16 f-body-02 text-lighter",innerHTML:e.content})),t("div",{class:`flex items-center justify-between ${l}`},t("eds-button",{label:this.backLabel,intent:"secondary",icon:"chevron-left",iconPos:"left",onClick:this.handleBack,disabled:0===i,class:0===i?"hidden":"block",size:"small"}),(!r||this.showFinish)&&t("eds-button",{label:r?this.finishLabel:this.nextLabel,intent:"primary",icon:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabledFor(i),size:"small",class:i>0?"ml-8":null})),t("slot",{name:`actions-${i}`})))}:(n,e)=>t("div",{class:"step mb-16",key:e},this.renderHeading(n.title,e),t("div",{class:"content",id:`eds-step-panel-${e}`},t("slot",{name:`step-${e}`},t("div",{class:"f-body-02 text-lighter my-16",innerHTML:n.content}))))))}get el(){return i(this)}static get watchers(){return{disableNext:["handleDisableNextChange"],activeStep:["activeStepChanged"]}}};Cn.style='blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.text-center{text-align:center}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-light)}.text-lighter{color:var(--grey-dark)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.mb-16{margin-bottom:1rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-light)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.horizontal-step{display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;flex:1;position:relative}.horizontal-step:not(:last-child)::after{content:\'\';position:absolute;top:1.25rem;left:50%;width:100%;height:2px;background-color:#e0e0e0;z-index:-1}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark);}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease}.horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-weight:600;font-size:0.875rem}.step-label{font-size:0.875rem;text-align:center;font-weight:500}.horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.step-content{padding:0.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem)}@media (min-width: 700px){.step-content{padding:1.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem)}}.opacity-50{opacity:0.5}.eds-steps__title[role="button"]{cursor:pointer}.theme-brand.steps h3::before,.theme-brand.steps h4::before,.theme-brand.steps h5::before{background:var(--brand-green);color:var(--brand-black);border-color:var(--brand-green);font-weight:600}.theme-brand .step-indicator{background-color:var(--grey-light)}.theme-brand .horizontal-step.is-active .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green)}.theme-brand .horizontal-step.is-active .step-label{color:var(--brand-black);font-weight:600}.theme-brand .step-number{font-weight:600}.theme-default.steps h3::before,.theme-default.steps h4::before,.theme-default.steps h5::before{background:var(--grey-900);color:#fff;border-color:#ccc}.theme-default .step-indicator{background-color:white;border-color:#e0e0e0}.theme-default .horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.theme-default .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.theme-default .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark)}.theme-default .horizontal-step.is-active .step-label{color:var(--brand-green-dark)}';const Fn=class{constructor(t){n(this,t),this.step=e(this,"step",7),this.finished=e(this,"finished",7),this.next=e(this,"next",7),this.back=e(this,"back",7),this.handleTitleClick=n=>{if("linear"===this.type){if(n>this.activeStep)for(let e=this.activeStep;e<n;e++)if(this.isStepDisabled(e))return;return this.activeStep=n,void this.step.emit(this.activeStep)}if("vertical"===this.orientation&&n===this.activeStep)return this.activeStep=this.activeStep===n?-1:n,void this.step.emit(this.activeStep);this.activeStep=n,this.step.emit(this.activeStep)},this.handleNext=()=>{if(this.activeStep>=this.parsedSteps.length-1)return this.finished.emit(),this.activeStep=-1,void this.step.emit(this.activeStep);const n=this.activeStep+1;this.next.emit(n),this.isStepDisabled(this.activeStep)||(this.activeStep=n,this.step.emit(this.activeStep),Array.isArray(this.disableNext)||(this.disableNext=!1))},this.handleBack=()=>{if(this.activeStep<0)return this.activeStep=this.parsedSteps.length-1,void this.step.emit(this.activeStep);if(this.activeStep>0){const n=this.activeStep-1;this.back.emit(n),this.activeStep=n,this.step.emit(this.activeStep),Array.isArray(this.disableNext)||(this.disableNext=!1)}},this.steps=[],this.type="static",this.orientation="vertical",this.theme="default",this.imageSrc=void 0,this.imageWidth=void 0,this.message=void 0,this.nextLabel="Next",this.backLabel="Back",this.finishLabel="Finish",this.showFinish=!0,this.disableNext=!1,this.headingLevel="h4",this.activeStep=0}handleDisableNextChange(n){if("string"==typeof n&&n.trim().startsWith("["))try{this.disableNext=JSON.parse(n)}catch(n){console.error("Failed to parse disable-next array:",n)}}activeStepChanged(n){const e=Math.max(0,this.parsedSteps.length-1);n>e?this.activeStep=e:n<-1?this.activeStep=-1:n<0||setTimeout((()=>{const e=(this.el.shadowRoot||this.el).querySelectorAll(".step")[n];null==e||e.querySelectorAll("eds-button").forEach((n=>this.emitContext(n)))}),50)}componentWillLoad(){this.handleDisableNextChange(this.disableNext)}componentDidLoad(){if("linear"===this.type){const n=(this.el.shadowRoot||this.el).querySelectorAll("eds-button");null==n||n.forEach((n=>this.emitContext(n)))}}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.activeStep},bubbles:!0,composed:!0});n.dispatchEvent(e)}articleClasses(){return["border-softer relative rounded-lg border-2"].join(" ")}get parsedSteps(){return s(this.steps)}isStepDisabled(n){return Array.isArray(this.disableNext)?n<this.disableNext.length&&!!this.disableNext[n]:n===this.activeStep&&!!this.disableNext}isNextDisabledFor(n){return this.isStepDisabled(n)}renderHeading(n,e){const i=this.headingLevel,r=this.activeStep>e;if("linear"===this.type){const l=this.activeStep===e;let o=!1;if(e>this.activeStep)for(let n=this.activeStep;n<e;n++)if(this.isStepDisabled(n)){o=!0;break}return t(i,{class:`eds-steps__title ${o?"is-disabled":""} ${r?"is-completed":""}`,role:"button",tabindex:o?-1:0,"aria-disabled":o?"true":"false","aria-expanded":l,"aria-controls":`eds-step-panel-${e}`,onClick:()=>!o&&this.handleTitleClick(e),onKeyDown:n=>{o||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.handleTitleClick(e))}},r&&t("span",{class:"step-checkmark-icon"},t("eds-icon-wrapper",{name:"checkmark",size:20})),n)}return t(i,{class:"eds-steps__title",onClick:()=>this.handleTitleClick(e)},n)}renderHorizontalIndicator(n,e){const i=this.activeStep===e,r=this.activeStep>e;let l=!1;if(e>this.activeStep)for(let n=this.activeStep;n<e;n++)if(this.isStepDisabled(n)){l=!0;break}return t("div",{class:`horizontal-step ${i?"is-active":""} ${r?"is-completed":""}`,onClick:()=>!l&&this.handleTitleClick(e),onKeyDown:n=>{l||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.handleTitleClick(e))},role:"button",tabindex:l?-1:0,"aria-label":`Step ${e+1}: ${n.title}`,"aria-current":i?"step":void 0,"aria-disabled":l?"true":"false"},t("div",{class:"step-indicator"},r?t("eds-icon-wrapper",{name:"checkmark",size:20}):t("span",{class:"step-number"},e+1)),t("span",{class:"text-center text-default f-ui-03 "+(l?"opacity-50":"")},n.title))}render(){const n=this.parsedSteps,e="horizontal"===this.orientation?"mt-64":"mt-32",i="brand"===this.theme?"theme-brand":"theme-default";return t("div",{key:"0f95d17cc699c020419593bec5ed76c4515501c9",class:this.articleClasses()},this.imageSrc?t("div",{class:"w-full mb-12 rounded-t-lg overflow-hidden border-2"},t("eds-img",{src:this.imageSrc,width:this.imageWidth,"with-bg":"true","lazy-load":"true",alt:"Step illustration"})):this.message&&t("div",{class:`w-full ${"brand"===this.theme?"bg-strongest":"bg-darker"} rounded-t-lg border-2`},t("div",{class:"p-24"},t("span",{class:("brand"===this.theme?"text-accent":"text-inverse")+" f-heading-04"},this.message))),t("div",{key:"ed26ac9fc5cc4d7c409d29c3cd623e37a5abc944",class:"mt-16 pb-20 px-8"},"linear"===this.type&&"horizontal"===this.orientation?t("div",{class:`steps--horizontal ${i}`,style:{"--step-count":n.length.toString()}},t("div",{class:"horizontal-indicators"},n.map(((n,e)=>this.renderHorizontalIndicator(n,e)))),n.map(((i,r)=>{const l=r===n.length-1;return this.activeStep!==r?null:t("div",{class:"step-content",key:r,id:`eds-step-panel-${r}`},t("slot",{name:`step-${r}`},t("div",{class:"f-body-02 text-lighter",innerHTML:i.content})),t("div",{class:`flex items-center justify-between ${e}`},t("eds-button",{label:this.backLabel,intent:"primary",icon:"arrow-left",iconPos:"left",onClick:this.handleBack,disabled:0===r,class:0===r?"hidden":"block",size:"small",pill:!0}),(!l||this.showFinish)&&t("eds-button",{label:l?this.finishLabel:this.nextLabel,intent:"primary",icon:"arrow-right",onClick:this.handleNext,disabled:this.isNextDisabledFor(r),size:"small",class:r>0?"ml-8":null,pill:!0})),t("slot",{name:`actions-${r}`}))}))):"linear"===this.type?t("div",{class:`steps ${i}`},n.map(((i,r)=>t("div",{class:`${0===r?"step":"step mt-16"} ${this.activeStep>r?"is-completed":""}`,key:r},this.renderHeading(i.title,r),this.activeStep===r&&t("div",{class:"content grid gap-y-16",id:`eds-step-panel-${r}`},t("slot",{name:`step-${r}`},t("div",{class:"my-16 f-body-02 text-lighter",innerHTML:i.content})),t("div",{class:`flex items-center justify-between ${e}`},t("eds-button",{label:this.backLabel,intent:"secondary",icon:"chevron-left",iconPos:"left",onClick:this.handleBack,disabled:0===r,class:0===r?"hidden":"block",size:"small",pill:!0}),(r<n.length-1||this.showFinish)&&t("eds-button",{label:r===n.length-1?this.finishLabel:this.nextLabel,intent:"primary",icon:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabledFor(r),size:"small",class:r>0?"ml-8":null,pill:!0}))))))):t("div",{class:`steps space-y-8 ${i}`},n.map(((n,e)=>t("div",{class:"step",key:e},this.renderHeading(n.title,e),t("div",{class:"content",id:`eds-step-panel-${e}`},t("div",{class:"content-body"},t("slot",{name:`step-${e}`},t("div",{class:"my-16 f-body-02 text-lighter",innerHTML:n.content}))))))))))}get el(){return i(this)}static get watchers(){return{disableNext:["handleDisableNextChange"],activeStep:["activeStepChanged"]}}};Fn.style="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-41px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.text-center{text-align:center}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-light)}.text-lighter{color:var(--grey-dark)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:none}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:0}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-light)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role=\"button\"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.step-content-aligned{padding-left:0;padding-right:0}.horizontal-step{display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;flex:1;position:relative}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.25rem;left:calc(50% + 2rem);width:calc(100% - 3rem);height:2px;background-color:#e0e0e0;z-index:1}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green);}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease;z-index:2}.horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-weight:600;font-size:0.875rem}.step-label{font-size:0.875rem;text-align:center;font-weight:500}.horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.step-content{padding:0.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem)}@media (min-width: 700px){.step-content{padding:1.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem)}}.opacity-50{opacity:0.5}.bg-dark{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.theme-brand.steps h3::before,.theme-brand.steps h4::before,.theme-brand.steps h5::before{background:var(--brand-green);color:var(--brand-black);border-color:var(--brand-green);font-weight:600}.theme-brand.steps h3.is-completed::before,.theme-brand.steps h4.is-completed::before,.theme-brand.steps h5.is-completed::before{content:'';}.theme-brand.steps .step-checkmark-icon{position:absolute;left:-39px;top:0px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;z-index:1}.theme-brand.steps h3 .step-checkmark-icon{left:-41px;width:32px;height:32px;top:2px}.theme-brand .step-indicator{background-color:var(--grey-light)}.theme-brand .horizontal-step.is-active .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-number{display:none}.theme-brand .horizontal-step:not(:last-child)::after{background-color:var(--grey-light);}.theme-brand .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green)}.theme-brand .horizontal-step.is-active .step-label{color:var(--brand-black);font-weight:600}.theme-brand .step-number{font-weight:600}.theme-default.steps h3::before,.theme-default.steps h4::before,.theme-default.steps h5::before{background:var(--grey-900);color:#fff;border-color:#ccc}.theme-default .step-indicator{background-color:white;border-color:#e0e0e0}.theme-default .horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.theme-default .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.theme-default .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark)}.theme-default .horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}";const En=class{constructor(t){n(this,t),this.uiswitch=e(this,"uiswitch",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.uiswitch.emit({value:this.checked}),l({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.checked?this.labelOn:this.labelOff||"",action:"checked"}))},this.handleKeyDown=n=>{this.disabled||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.toggleSwitch())},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff="",this.variant="toggle"}render(){return"segmented"===this.variant?this.renderSegmented():this.renderToggle()}renderToggle(){const n=`switch-${Math.random().toString(36).substr(2,9)}`,e=[];this.labelOff&&e.push(`${n}-off`),this.labelOn&&e.push(`${n}-on`);const i=0===e.length?this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch":void 0;return t("div",{class:"switch-container"},this.labelOff&&t("span",{id:`${n}-off`,class:"switch-label switch-label--off mr-8"},this.labelOff),t("button",{id:n,tabindex:this.disabled?"-1":"0",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":e.length>0?e.join(" "):void 0,"aria-label":i,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,onKeyDown:this.handleKeyDown,disabled:this.disabled},t("span",{class:"switch-handle"})),this.labelOn&&t("span",{id:`${n}-on`,class:"switch-label switch-label--on ml-8"},this.labelOn))}renderSegmented(){return t("div",{class:"segmented-container",role:"group","aria-label":"View toggle"},t("button",{type:"button",tabindex:this.disabled?"-1":"0",class:{"segmented-btn":!0,"segmented-btn--active":!this.checked,"segmented-btn--disabled":this.disabled},onClick:()=>{!this.disabled&&this.checked&&this.toggleSwitch()},onKeyDown:this.handleKeyDown,disabled:this.disabled,"aria-pressed":this.checked?"false":"true"},t("span",{class:"f-ui-03"},this.labelOff)),t("button",{type:"button",tabindex:this.disabled?"-1":"0",class:{"segmented-btn":!0,"segmented-btn--active":this.checked,"segmented-btn--disabled":this.disabled},onClick:()=>{this.disabled||this.checked||this.toggleSwitch()},onKeyDown:this.handleKeyDown,disabled:this.disabled,"aria-pressed":this.checked?"true":"false"},t("span",{class:"f-ui-03"},this.labelOn)))}get el(){return i(this)}};En.style=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:var(--grey-dark);padding:0;cursor:pointer;transition:background-color 0.2s}button.switch.switch--checked{background-color:var(--brand-green)}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)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.switch:focus{outline:2px solid #005fcc;outline-offset:2px}.switch:focus:not(:focus-visible){outline:none}.switch:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.segmented-container{display:inline-flex;gap:0.5rem;background:var(--grey-light);padding:0.5rem;border-radius:2rem}.segmented-btn{padding:0.5rem 1.5rem;background:transparent;border:none;border-radius:1.5rem;font-family:var(--f-ui-02-fontFamily);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s;color:var(--grey-dark);white-space:nowrap}.segmented-btn--active{background:var(--brand-green);color:var(--brand-black)}.segmented-btn:hover:not(.segmented-btn--active):not(.segmented-btn--disabled){color:var(--brand-black)}.segmented-btn--disabled{opacity:0.6;cursor:not-allowed}.segmented-btn:focus{outline:2px solid #005fcc;outline-offset:2px}.segmented-btn:focus:not(:focus-visible){outline:none}.segmented-btn:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);letter-spacing:var(--f-ui-03-letterSpacing)}";const An=class{constructor(t){n(this,t),this.rowaction=e(this,"rowaction",7),this.viewchange=e(this,"viewchange",7),this.handleResize=()=>{this.updateContainerWidth()},this.onActionKeyDown=n=>{var e;if("ArrowRight"!==n.key&&"ArrowLeft"!==n.key)return;n.preventDefault();const t=n.target,i=t.closest('[role="toolbar"]');if(!i)return;const r=Array.from(i.querySelectorAll("eds-button")),l=r.indexOf(t);if(-1===l)return;let o;o="ArrowRight"===n.key?(l+1)%r.length:(l-1+r.length)%r.length,null===(e=r[o])||void 0===e||e.focus()},this.handleSort=n=>{this.sortColumn===n?this.sortDirection="asc"===this.sortDirection?"desc":"asc":(this.sortColumn=n,this.sortDirection="asc"),l({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/sort`,name:n,action:this.sortDirection})},this.handleViewChange=n=>{this.view=n.detail.value?"card":"table",this.viewchange.emit({view:this.view}),l({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/view-toggle`,name:this.view,action:"view-change"})},this.data=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.hostWidth=void 0,this.columnSize="default",this.actions=[],this.actionTemplate=void 0,this.sortingEnabled=!1,this.theme="color",this.view="table",this.showViewToggle=!1,this.parsedActions=[],this.dataColumns=[],this.tbData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery="",this.containerWidth=0,this.sortColumn=null,this.sortDirection="asc"}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}handleActionsChange(){try{this.parsedActions="string"==typeof this.actions?JSON.parse(this.actions):this.actions}catch(n){console.error("Failed to parse actions JSON"),this.parsedActions=[]}}componentWillLoad(){this.parseConfig(),this.handleActionsChange(),this.parseData()}componentDidLoad(){this.updateContainerWidth(),window.addEventListener("resize",this.handleResize),this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateContainerWidth(){this.containerWidth=this.hostWidth&&""!==this.hostWidth.trim()?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:400}parseData(){try{this.tbData=s(this.data),this.totalRows=this.tbData.length,this.updateColumns(),this.currentPage=1}catch(n){console.error("Failed to parse data:",n),this.tbData=[]}}parseConfig(){try{this.parsedConfig="string"==typeof this.config?JSON.parse(this.config):this.config}catch(n){console.error("Failed to parse config:",n),this.parsedConfig={}}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const n=this.hostEl.shadowRoot.querySelector("eds-pagination");n&&!n.hasAttribute("listener-attached")&&(n.addEventListener("page",(n=>this.handlePageChange(n.detail.value))),n.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tbData.filter((n=>Object.values(n).some((n=>n.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))))}getPaginatedRows(){const n=this.getSortedRows();this.totalRows=n.length;const e=(this.currentPage-1)*this.rowsPerPage;return n.slice(e,e+this.rowsPerPage)}handlePageChange(n){this.currentPage=n,l({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/eds-pagination`,name:`${n}`||"",action:"page"})}handleSearch(n){this.searchQuery=n.target.value,this.currentPage=1}renderCell(n,e){var i;const r=null===(i=this.parsedConfig[e])||void 0===i?void 0:i.format;return"uppercase"===r?null==n?void 0:n.toString().toUpperCase():"html"===r||"svg"===r?t("div",{innerHTML:n}):"bold"===r?t("strong",null,n):"code"===r?t("code",null,n):n}renderSingleActionCell(n,e){var i;const r=this.parsedActions.find((e=>e.name===n));if(this.actionTemplate)return this.actionTemplate(e);if("checkbox"===(r.type||"button")){const l=null!==(i=r.field)&&void 0!==i?i:r.name;return t("eds-input-field",{name:`chc-${n}`,label:r.label,type:"checkbox",checked:!!e[l],onChange:n=>this.emitAction(r.name,e,n.target.checked)})}const l=!0===r.showLabel,o=t("eds-button",{icon:r.icon,label:l?r.label:null,iconPos:r.pos||"left",pill:!0,size:"small",intent:r.intent||("brand"===this.theme?"primary":"ghost"),tabIndex:0,onClick:()=>this.emitAction(r.name,e)});return l?o:t("eds-tooltip",{content:r.label},o)}emitAction(n,e,t){l({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/action`,name:n,action:"click"}),this.rowaction.emit({action:n,row:e,checked:!!t})}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){var n,e;this.columns=this.tbData.length>0?Object.keys(this.tbData[0]):[],(null!==(e=null===(n=this.parsedActions)||void 0===n?void 0:n.length)&&void 0!==e?e:0)>0&&this.tbData.length>0&&this.columns.push("actions")}getVisibleColumnsCount(){return this.columns.filter((n=>{var e;return!(null===(e=this.parsedConfig[n])||void 0===e?void 0:e.hidden)})).length}divisionFactor(){let n=1;return"medium"===this.columnSize?n=2:"large"===this.columnSize&&(n=4),n}capitalize(n){return n.charAt(0).toUpperCase()+n.slice(1).toLowerCase()}getSortedRows(){const n=this.getFilteredRows();return this.sortColumn?[...n].sort(((n,e)=>{const t=n[this.sortColumn],i=e[this.sortColumn];if(null==t)return 1;if(null==i)return-1;let r=0;return r="number"==typeof t&&"number"==typeof i?t-i:String(t).localeCompare(String(i)),"asc"===this.sortDirection?r:-r})):n}renderCardView(n){const e=this.columns.filter((n=>{var e;return"actions"!==n&&!(null===(e=this.parsedConfig[n])||void 0===e?void 0:e.hidden)}));return t("div",{class:"card-grid"},n.map((n=>t("div",{class:"data-card"},t("div",{class:"card-content"},e.map((e=>t("div",{class:"card-field"},t("span",{class:"card-label"},this.capitalize(e)),t("span",{class:"card-value"},this.renderCell(n[e],e)))))),this.parsedActions.length>0&&t("div",{class:"card-actions"},this.parsedActions.map((e=>t("span",null,this.renderSingleActionCell(e.name,n)))))))))}renderTableView(n,e,i){const r=i>0?Math.floor(e/i*this.divisionFactor()):100;return t("div",{class:"mt-20 "+("brand"===this.theme?"brand-table-wrapper":"")},t("table",{class:`${"brand"===this.theme?"":"block overflow-x-auto"} mt-6 p-0 ${"brand"===this.theme?"brand-table":""}`},t("thead",{class:"brand"===this.theme?"brand-thead":""},t("tr",{class:`m-0 p-0 border border-softer table-row-${this.theme} ${"brand"===this.theme?"brand-header-row":""}`},this.columns.filter((n=>{var e;return"actions"===n||!(null===(e=this.parsedConfig[n])||void 0===e?void 0:e.hidden)})).map((n=>"actions"===n?t("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:"brand"===this.theme?{}:{minWidth:r-4+"px"}}):t("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:"brand"===this.theme?{}:{minWidth:r-4+"px"}},t("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"0.25rem"}},t("span",null,this.capitalize(n)),this.sortingEnabled&&t("eds-icon-wrapper",{name:this.sortColumn===n&&"asc"===this.sortDirection?"chevron-up":"chevron-down","aria-label":`Sort by ${n}`,onClick:()=>this.handleSort(n),style:{cursor:"pointer"}}))))))),t("tbody",null,n.map((n=>t("tr",{class:`m-0 p-0 border border-softer table-row-${this.theme} ${"brand"===this.theme?"brand-row":""}`},this.columns.filter((n=>{var e;return"actions"===n||!(null===(e=this.parsedConfig[n])||void 0===e?void 0:e.hidden)})).map((e=>"actions"===e?t("td",{class:"text-center border border-softer m-0 f-ui-01 break-words actions-cell",style:"brand"===this.theme?{}:{minWidth:r-4+"px"}},t("div",{role:"toolbar","aria-label":"Row actions",onKeyDown:this.onActionKeyDown,style:{display:"flex",gap:"0.5rem",justifyContent:"center",flexWrap:"wrap"}},this.parsedActions.map((e=>t("span",{style:{whiteSpace:"nowrap"}},this.renderSingleActionCell(e.name,n)))))):t("td",{class:"text-center border border-softer m-0 py-8 f-ui-02 break-words",style:"brand"===this.theme?{}:{minWidth:r-4+"px"}},this.renderCell(n[e],e))))))))))}render(){const n=this.hostWidth&&""!==this.hostWidth.trim()?Number(this.hostWidth):this.containerWidth||400,e=this.getVisibleColumnsCount(),i=this.getPaginatedRows(),r=Math.ceil(this.totalRows/this.rowsPerPage);return t("div",{key:"ca547566767c7bccd7b894dad5819ed74e9e281d"},(this.showViewToggle||this.searchEnabled)&&t("div",{key:"47c6fa14c2dbe499617dc31df1fd578bde473c6f",class:"controls-container flex-col flex-md-row items-start items-md-center justify-between gap-16 mb-16"},this.showViewToggle&&t("div",{key:"7f63fd07e67eaca9abc9d0700d7824e0f474dc23",class:"view-toggle-wrapper"},t("eds-switch",{key:"f52b744b0e83295c1641f338212bae5843970ab9",variant:"segmented",labelOff:"Table View",labelOn:"Card View",checked:"card"===this.view,onUiswitch:this.handleViewChange})),this.searchEnabled&&t("div",{key:"5ebb3620be6161a1d7e1881cb5d33f5aac2e12a4",class:"search-wrapper w-full "+(this.showViewToggle?"w-md-400":"")},t("eds-input-field",{key:1,icon:"search",name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:n=>this.handleSearch(n)}))),"card"===this.view?this.renderCardView(i):this.renderTableView(i,n,e),this.shouldEnablePagination()&&t("div",{key:"bed5232d5ff9d7cac22ac2537876a388f35c85a6",class:"mt-20"},t("eds-pagination",{key:"ec91525689028f6cfe2721e290f5c5c7097ab67a",currentPage:this.currentPage,lastPage:r,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"],actions:["handleActionsChange"]}}};An.style="table{text-indent:0;border-color:inherit;border-collapse:collapse;}tr.table-row-default{background-color:transparent}tr.table-row-color:nth-child(even){background-color:var(--grey-light)}tr.table-row-color:nth-child(odd){background-color:transparent}.brand-table-wrapper{margin-top:2rem;width:100%}.brand-table{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;display:table !important;table-layout:fixed !important}.brand-thead{background:var(--grey-light)}.brand-header-row{border:none !important}.brand-header-row th{padding:1rem 1.5rem !important;text-align:center !important;font-weight:600 !important;font-size:0.9rem !important;text-transform:uppercase;letter-spacing:0.05em;color:var(--grey-dark) !important;border:none !important;overflow-wrap:break-word !important;word-wrap:break-word !important}.brand-header-row th:first-child{border-radius:0.5rem 0 0 0;padding-left:2rem !important}.brand-header-row th:last-child{border-radius:0 0.5rem 0 0;padding-right:2rem !important}.brand-row{border-bottom:1px solid var(--grey-light) !important;transition:all 0.3s ease;cursor:pointer;position:relative;background:transparent !important}.brand-row:hover{background:rgba(0, 255, 157, 0.05) !important}.brand-row td{padding:1.5rem 1.5rem !important;border:none !important;vertical-align:middle;position:relative;z-index:1;overflow-wrap:break-word !important;word-wrap:break-word !important}.brand-row td:first-child{padding-left:2rem !important}.brand-row td:last-child{padding-right:2rem !important}.brand-row .actions-cell{text-align:right !important}.brand-table tr.brand-row{border-left:none;border-right:none;border-top:none}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.p-4{padding:0.25rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}.controls-container{display:flex;width:100%}.view-toggle-wrapper{flex-shrink:0}.search-wrapper{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.data-card{background:var(--white);border:1px solid var(--grey-light);border-radius:0.75rem;padding:1.5rem;transition:all 0.3s ease;display:flex;flex-direction:column;gap:1rem}.data-card:hover{border-color:var(--brand-green);box-shadow:0 4px 12px rgba(0, 255, 157, 0.1);transform:translateY(-2px)}.card-content{display:flex;flex-direction:column;gap:0.75rem;flex:1}.card-field{display:flex;flex-direction:column;gap:0.25rem}.card-label{font-family:var(--f-ui-03-fontFamily);font-size:var(--f-ui-03-fontSize);font-weight:var(--f-ui-03-fontWeight);line-height:var(--f-ui-03-lineHeight);text-transform:uppercase;letter-spacing:0.05em;color:var(--grey-dark)}.card-value{font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);color:var(--brand-black);word-wrap:break-word}.card-actions{display:flex;gap:0.5rem;justify-content:flex-end;padding-top:0.75rem;border-top:1px solid var(--grey-light)}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem}}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-16{gap:1rem}.mb-16{margin-bottom:1rem}.w-full{width:100%}.w-auto{width:auto}@media (min-width: 750px){.flex-md-row{flex-direction:row}.items-md-center{align-items:center}.w-md-auto{width:auto}.w-md-400{width:400px}}";const Hn=class{constructor(t){n(this,t),this.tab=e(this,"tab",7),this.tabRefs=[],this.setTabRef=(n,e)=>{n&&(this.tabRefs[e]=n)},this.identifier=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.variant="default",this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.identifier,index:this.activeIndex})}parseTabs(){this.parsedTabs=s(this.tabs),this.tabRefs=[]}componentDidUpdate(){this.tabRefs.length!==this.parsedTabs.length&&(this.tabRefs=new Array(this.parsedTabs.length).fill(null))}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((n=>n.active)),-1===this.activeIndex&&this.parsedTabs.length>0&&(this.activeIndex=0,this.parsedTabs[0].active=!0)}handleTabClick(n,e,t=!0){n<0||n>=this.parsedTabs.length||(this.activeIndex=n,this.parsedTabs=this.parsedTabs.map(((e,t)=>Object.assign(Object.assign({},e),{active:t===n}))),this.tab.emit({tabId:this.identifier,index:n,name:e}),t&&l({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"}),t&&this.tabRefs[n]&&setTimeout((()=>{var e;null===(e=this.tabRefs[n])||void 0===e||e.focus()}),0))}onKeyDown(n,e){let t=e;switch(n.key){case"ArrowRight":t=(e+1)%this.parsedTabs.length,n.preventDefault();break;case"ArrowLeft":t=(e-1+this.parsedTabs.length)%this.parsedTabs.length,n.preventDefault();break;case"Home":t=0,n.preventDefault();break;case"End":t=this.parsedTabs.length-1,n.preventDefault();break;default:return}t!==e&&this.handleTabClick(t,this.parsedTabs[t].label,!0)}render(){const n=["tabs-container",`tabs-container-${this.variant}`].join(" ");return t("div",{key:"66e0871d6cd917c15598b6e3ea80e5ff82970029",id:`${this.identifier}`},t("div",{key:"c65163e33fcf4960bbcc367a2abf62c0aec99446",class:n},t("nav",{key:"fae5e0f23904318299d60e1d3212f84b8c5a0bed",role:"tablist",class:"tabs-nav","aria-label":this.navAriaLabel},this.parsedTabs.map(((n,e)=>{const i=e===this.activeIndex,r=["tab",`tab-${this.variant}`,i?"tab-active":""].filter(Boolean).join(" ");return t("button",{class:r,type:"button",role:"tab","aria-selected":i?"true":"false",tabIndex:i?0:-1,"aria-label":n.ariaLabel||n.label,"aria-controls":`panel-${e}`,id:`tab-${e}`,ref:n=>this.setTabRef(n,e),onClick:()=>this.handleTabClick(e,n.label,!0),onKeyDown:n=>this.onKeyDown(n,e)},n.label||n.ariaLabel)})))),t("div",{key:"a259d3e45fbcc5f75303cf8eb256374c67c62db1",class:"tab-panels"},this.parsedTabs.map(((n,e)=>t("div",{role:"tabpanel",id:`panel-${e}`,"aria-labelledby":`tab-${e}`,hidden:e!==this.activeIndex,tabIndex:e===this.activeIndex?0:-1},t("slot",{name:`panel-${e}`}))))))}get el(){return i(this)}static get watchers(){return{tabs:["parseTabs"]}}};Hn.style=":host{display:block}.tabs-container{display:flex;gap:0.25rem;padding:0.25rem;border-radius:10px;width:fit-content;margin-bottom:3rem}.tabs-container-default{background-color:var(--brand-black, #07140D);border:1px solid rgba(255, 255, 255, 0.06)}.tabs-container-inverse{background:rgba(0, 0, 0, 0.02);border:1px solid rgba(0, 0, 0, 0.06)}.tabs-nav{display:flex;gap:0.25rem}.tab{padding:0.625rem 1.25rem;border-radius:8px;font-size:1.125rem;cursor:pointer;transition:all 0.2s ease;border:none;background:transparent;font-family:'IBM Plex Sans', sans-serif;white-space:nowrap;outline:none}.tab:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px}.tab-default{color:var(--grey-700)}.tab-default:hover{color:var(--white)}.tab-default.tab-active{background:rgba(0, 255, 157, 0.1);color:var(--brand-green)}.tab-inverse{color:var(--grey-700)}.tab-inverse:hover{color:var(--brand-black)}.tab-inverse.tab-active{background:rgba(0, 200, 123, 0.1);color:var(--brand-green-dark)}.tab-panels{margin-top:2rem}.tab-panels>div{outline:none}.tab-panels>div:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px;border-radius:4px}@media (max-width: 768px){.tabs-container{width:100%;overflow-x:auto}.tabs-nav{width:100%;min-width:fit-content}}";const Mn=v(["relative inline-flex justify-center items-center py-8 rounded-xs"],{variants:{intent:{primary:"border-inside bg-inverse text-default",dark:"border-inside border-softest bg-inverse text-light",inverse:"border-inside bg-transparent text-inverse border-inverse",strong:"bg-strongest text-inverse",brand:"border-inside bg-transparent border-accent text-accent","brand-dark":"border-inside bg-transparent border-accent-dark text-accent-dark"},size:{small:"f-ui-05 py-2 px-4",medium:"f-ui-03 py-3 px-6",large:"f-ui-01 py-4 px-8"}},defaultVariants:{intent:"primary",size:"small"}}),$n=class{constructor(e){n(this,e),this.label=void 0,this.intent="brand",this.size="large"}render(){const n=Mn({intent:this.intent,size:this.size});return t("span",{key:"ca20e54df5fc895110b39ce7875c3c0026e94fc3",class:n},t("span",{key:"5ad7ada1ae051ff2840bb033ec683b44477f6684",style:{position:"relative",zIndex:"1"}},this.label))}};$n.style="  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n\n  .py-2 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n\n  .py-3 {\n    padding-top: 0.1875rem;\n    padding-bottom: 0.1875rem;\n  }\n\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n\n  .px-5 {\n    padding-left: 0.3125rem;\n    padding-right: 0.3125rem;\n  }\n\n  .px-6 {\n    padding-left: 0.375rem;\n    padding-right: 0.375rem;\n  }\n\n  .px-8 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  .border-2 {\n    border-width: 2px;\n  }\n\n  .rounded-xs {\n    border-radius: 4px;\n  }\n\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n\n  .rounded-pill {\n    border-radius: 100px;\n  }\n\n  .border-default {\n    border-color: var(--brand-black);\n  }\n\n  .border-grey-dark {\n    border-color: var(--grey-dark);\n  }\n\n  .border-inside {\n    position: relative;\n\n    &::after {\n      pointer-events: none;\n      position: absolute;\n      inset: 0rem;\n      z-index: 0;\n      border-radius: 8px;\n      border-width: 1px;\n      border-style: solid;\n      content: '';\n    }\n\n    /* Ensure text content is above the border */\n    &>* {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  .border-inside-inverse {\n    position: relative;\n\n    &::after {\n      pointer-events: none;\n      position: absolute;\n      inset: 0rem;\n      z-index: 0;\n      border-radius: 8px;\n      border-width: 2px;\n      border-style: solid;\n      border-color: rgba(255, 255, 255, 1);\n      /* white border */\n      content: '';\n    }\n\n    /* Ensure text content is above the border */\n    &>* {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  .border-inside-pill {\n    &::after {\n      border-radius: 100px;\n      /* pill shape */\n      content: '';\n    }\n  }\n\n  .border-inside-inverse.border-inside-pill {\n    &::after {\n      border-radius: 100px;\n      /* pill shape for inverse border */\n    }\n  }\n\n  /* Override border-radius for tags with rounded-xs */\n  .rounded-xs.border-inside {\n    &::after {\n      border-radius: 4px;\n    }\n  }\n\n  .rounded-xs.border-inside-inverse {\n    &::after {\n      border-radius: 4px;\n    }\n  }\n\n  .border-accent {\n    border-color: var(--brand-green);\n    /* NEW: #00FF9D */\n  }\n\n\n  .border-inverse {\n    border-color: var(--white);\n    /* NEW: #00FF9D */\n  }\n\n\n  .border-accent-dark {\n    border-color: var(--brand-green-dark);\n    /* NEW: #00FF9D */\n  }\n\n  .border-soft {\n    border-color: var(--grey-dark);\n  }\n\n  .border-softest {\n    border-color: var(--grey-light);\n  }\n\n  .bg-transparent {\n    background-color: transparent;\n  }\n\n  .text-inverse {\n    color: var(--white);\n  }\n\n  .text-accent {\n    color: var(--brand-green);\n  }\n\n  .text-accent-dark {\n    color: var(--brand-green-dark);\n  }\n\n  .bg-accent {\n    background-color: var(--brand-green);\n  }\n\n  .bg-accent-dark {\n    background-color: var(--brand-green-dark);\n  }\n\n  .bg-strongest {\n    background-color: var(--brand-black);\n  }\n\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border: 2px solid rgb(0 52 203 / var(--tw-border-opacity));\n  }\n\n  .text-light {\n    color: var(--grey-dark);\n  }\n\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n\n  .border-inverse {\n    border-color: var(--white);\n  }\n\n  .bg-inverse {\n    background-color: var(--white);\n  }\n\n  .text-lighter {\n    color: var(--grey-dark);\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }";const Ln=v(["relative bottom-4 w-auto rounded-xs p-12"],{variants:{intent:{default:"bg-dark text-dark",success:"bg-success text-dark",error:"bg-error text-dark",warning:"bg-warning text-dark",brand:"bg-strongest text-accent",brandInverse:"bg-inverse text-default"}},defaultVariants:{intent:"default"}}),jn=class{constructor(t){n(this,t),this.toast=e(this,"toast",7),this.dismissToast=()=>{this.toast.emit({visible:!1,label:"dismissed"}),this.visible=!1},this.message=void 0,this.intent="default",this.duration=void 0,this.visible=!0}componentDidLoad(){const n=this.el.shadowRoot.querySelector("eds-button");this.emitContext(n)}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}connectedCallback(){this.duration&&this.duration>0&&(this.dismissTimeout=setTimeout(this.dismissToast,this.duration))}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const n=Ln({intent:this.intent});return t("div",{class:n,role:"alert","aria-live":"assertive"},t("div",{class:"flex items-center justify-between gap-4"},t("span",{class:"f-ui-02"},this.message),t("eds-button",{intent:"ghost",size:"large",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return i(this)}};jn.style=".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-light)}.bg-success{background-color:var(--brand-green)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-dark)}.text-current{color:currentColor}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.border-l-\\[3px\\]{border-left-width:3px}.border-accent{border-color:var(--brand-green)}.py-16{padding-top:1rem;padding-bottom:1rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.opacity-50{opacity:0.5}.hover\\:opacity-100:hover{opacity:1}";const In=class{constructor(e){n(this,e),this.content=void 0,this.position="top"}handleHover(){l({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.content.toLowerCase(),action:"hover"})}render(){const n="bottom"===this.position?"top-full mt-2":"bottom-full mb-2";return t("div",{key:"240956acf8218cb0b36254aecd629058ad39f4eb",class:"relative w-full inline-block group"},t("slot",{key:"4424c8de31fd4e2aa702369314cf0819447ca364"}),t("div",{key:"f260ef6ee9700231dc77ddc9debc7f5b92f546c6",class:`absolute ${n}\n            rounded-xs bg-strongest text-inverse \n            f-ui-03-light pointer-events-none \n            z-10 px-4 opacity-0 transition-opacity duration-150 ease-in-out\n            group-hover:opacity-100 whitespace-normal break-words`,role:"tooltip"},this.content))}get el(){return i(this)}};In.style=".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{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))}.-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))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}";const Vn=class{constructor(e){n(this,e),this.handleDropdown=n=>{this.expanded=n.detail.expanded},this.user=void 0,this.intent="ghost",this.dropdownLabel="Account",this.expanded=!1,this.shortMode=!1}get parsedUser(){if("string"==typeof this.user)try{return JSON.parse(this.user)}catch(n){return{}}return this.user}async componentWillLoad(){}get initials(){var n,e,t,i;const r=this.parsedUser;return`${(null===(n=r.given_name)||void 0===n?void 0:n.charAt(0))||""}${(null===(e=r.family_name)||void 0===e?void 0:e.charAt(0))||""}`.toUpperCase()||(null===(i=null===(t=r.name)||void 0===t?void 0:t.charAt(0))||void 0===i?void 0:i.toUpperCase())||""}async closeDropdown(){var n;await(null===(n=this.dropdownEl)||void 0===n?void 0:n.close()),this.expanded=!1}render(){const n=this.parsedUser;return t("div",{key:"d23f741600ca86103642bfe17058e8e966ed00e0",class:"block"},t("div",{key:"cf73f261fdd219f236a93b4162656ef3178ca419",class:"flex items-center"},t("eds-dropdown",{key:"c69a3c95348c765d893aa01d5631d122de428970",ref:n=>this.dropdownEl=n,intent:this.intent,"aria-label":"User Menu","dropdown-pos":"right","dropdown-offset":"false",icon:"user",label:this.dropdownLabel,class:"text-default",onDropdown:this.handleDropdown},t("div",{key:"f142afdf77953f791ca0478af862934d0904dabb",class:"min-w-[280px] p-8"},t("div",{key:"7ee37a9f2175e626c278071a409a5c26f4331c8a",class:"flex gap-x-16","data-dropdown-no-close":!0},t("eds-avatar",{key:"7248877a0579d8d15dec94b994af5150c9dbf2c2","first-name":n.given_name,"last-name":n.family_name,initials:this.initials,color:"black"}),t("div",{key:"1766fb5e2613b434c8de825c90141b4f95be00e1",class:"max-w-full"},n.name&&t("p",{key:"d36907607f575eeb5425c1f2e32e91034fad6dde",class:"f-ui-01 text-default w-full text-ellipsis"},n.name),n.preferred_username&&t("p",{key:"73e02010d3d54151252903071bbe30168ea7d64a",class:"f-ui-03-light text-light mt-4"},n.preferred_username),n.email&&t("p",{key:"eb522e6c95f15ef0584c7a90c20bb815ccc5d1a1",class:"f-ui-03-light text-light mt-4"},n.email))),t("div",{key:"c4284f4dba1964a949380aa0154419e3215daac4",class:"text-default flex w-full flex-col gap-y-8"},t("slot",{key:"6476e03cf61ad7517e9742e67b44b9c917d9f329"}))))))}get hostEl(){return i(this)}};Vn.style="hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}";export{h as eds_accordion,g as eds_alert,f as eds_avatar,b as eds_block_break,p as eds_breadcrumb,y as eds_button,w as eds_card_app,k as eds_card_cta,z as eds_card_desc,S as eds_card_feature,C as eds_card_generic,F as eds_card_hero,E as eds_card_stat,A as eds_card_title,L as eds_code_block,j as eds_dropdown,I as eds_footer,D as eds_form,O as eds_fullscreen_menu,N as eds_global_search,T as eds_header,nn as eds_icon_wrapper,en as eds_img,tn as eds_input,rn as eds_input_dropzone,ln as eds_input_field,on as eds_input_file,an as eds_input_footer,sn as eds_input_label,dn as eds_input_range,cn as eds_input_search,hn as eds_input_select,fn as eds_kg_web_services_select,pn as eds_link,mn as eds_logo,xn as eds_matomo_notice,un as eds_nps,vn as eds_pagination,yn as eds_progress_bar,wn as eds_rating,kn as eds_sidebar,zn as eds_social_networks,Sn as eds_spinner,Cn as eds_steps,Fn as eds_steps_v2,En as eds_switch,An as eds_table,Hn as eds_tabs,$n as eds_tag,jn as eds_toast,In as eds_tooltip,Vn as eds_user}