platformscode-new-react 0.1.7 → 0.1.8

package/dist/components.cjs

@@ -1292,7 +1292,7 @@ rect.legend-mouseover-inactive,
   --borderTab:white:#d2d3d3
   --border:#ddd}.code-snippet-container{border:1px solid #ddd;border-radius:var(--radius-lg, 16px);overflow:hidden;font-family:"Courier New", Courier, monospace}.code-snippet-tabs{background-color:#f7f7f7;position:relative;padding:3px 5px}.code-snippet-tabs ul li a{color:var(--text-primary-paragraph, #384250);font-family:"IBMPlexSansArabic";font-size:14px;font-style:normal;font-weight:500;line-height:20px;padding:var(--horizontal-tab-md-button-h-padding, 16px)}.code-snippet-tabs button{display:none}.code-snippet-tab{padding:16px;border:none;background:none;cursor:pointer;transition:background-color 0.3s;min-width:fit-content;text-align:center;border-bottom:2px solid transparent;position:relative;color:var(--text-primary-paragraph, #384250);font-family:"IBMPlexSansArabic";font-size:14px;font-style:normal;font-weight:500;line-height:20px;}.code-snippet-tab:hover{background-color:#e0e0e0}.code-snippet-tab.active{color:var(--text-default, #161616);font-family:"IBMPlexSansArabic";font-size:14px;font-style:normal;font-weight:700;line-height:20px}.code-snippet-code-display{background-color:white;margin:0;overflow-x:auto;display:block;position:relative;border-radius:var(--radius-lg, 16px);display:block;overflow:hidden}.code-snippet-code-display .code-snippet-icon{position:absolute;inset-inline-end:30px;inset-block-start:30px;cursor:pointer}.code-snippet-code-display .code-snippet-icon.single{inset-inline-end:24px;inset-block-start:24px}.code-snippet-code-display .code-snippet-wrapper{display:flex;justify-content:end;padding:0 24px 32px 0;margin:0;background-color:transparent}.code-snippet-code-display .code-snippet-wrapper .code-snippet-show_more{background-color:transparent;text-align:end;display:flex;align-items:baseline;cursor:pointer;margin-left:auto;gap:4px}.code-snippet-code-display .code-snippet-wrapper .code-snippet-show_more p{background-color:transparent;padding:0;margin:0;color:var(--text-default, #161616);font-family:"IBMPlexSansArabic";font-size:14px;font-style:normal;font-weight:500;line-height:20px;}.code-snippet-code-display code{display:block;overflow-y:hidden;height:auto}.code-snippet-code-line{display:flex;justify-content:flex-start}.code-snippet-code-line:first-child .code-snippet-number_container span{padding-top:24px}.code-snippet-code-line:last-child .code-snippet-number_container span{padding-bottom:24px}.code-snippet-code-line:first-child .code-snippet-line-content{padding-top:24px}.code-snippet-code-line:last-child .code-snippet-line-content{padding-bottom:24px}.code-snippet-number_container{min-width:70px;display:flex;justify-content:center;align-items:center;border-inline-end:1px solid var(--border-neutral-secondary, #e5e7eb);background:var(--background-neutral-50, #f9fafb)}.code-snippet-number_container span{color:var(--colors-text-text-quarterary-500, #667085);font-family:"Roboto Mono";font-size:16px;font-style:normal;font-weight:700;line-height:normal}.code-snippet-line-number{display:inline-block;text-align:right;user-select:none;color:#75715e;padding:0 24px}.code-snippet-line-content{display:inline-block;padding:0 24px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:20;color:var(--text-default, #161616);text-overflow:ellipsis;font-family:"Roboto Mono";font-size:16px;font-style:normal;font-weight:500;line-height:normal}.code-snippet-line-content.green{color:var(--text-primary, #1B8354)}`,Yp=Xp,Zn=D(class extends E{constructor(){super(),this.__registerHost();var e;this.snippets={},this.showButton=!1,this.type="multi-line",this.showSidebar=!1,this.showTabList=!1,this.showMore=!1,this.activeTab=((e=Object.keys(this.snippets||{}))===null||e===void 0?void 0:e[0])||""}componentDidLoad(){var e;this.activeTab=((e=Object.keys(this.snippets||{}))===null||e===void 0?void 0:e[0])||""}handleTabClick(e){this.activeTab=e,this.showMore=!1}handleCopy(){navigator.clipboard.writeText(this.snippets[this.activeTab])}renderWithLineNumbers(e){var o;return this.type==="multi-line"?(o=e==null?void 0:e.split(`
 `))===null||o===void 0?void 0:o.map((r,a)=>s("div",{key:a,class:"code-snippet-code-line"},this.showSidebar&&s("div",{class:"code-snippet-number_container"},s("span",{class:"code-snippet-line-number"},a+1)),s("span",{class:"code-snippet-line-content"},r))):e.split(`
-`).slice(0,1).map((r,a)=>s("div",{key:a,class:"code-snippet-code-line"},s("span",{class:"code-snippet-line-content green"},r)))}render(){return s("div",{key:"7344400fb0e721c78415e9688d4ec7c5f1c16022",class:"code-snippet-container"},this.showTabList&&s("div",{key:"ea639bb98147c76e3513987e3d84563ee47c2d87",class:"code-snippet-tabs"},s("dga-tabs",{key:"4b75cc258176ad346e6e4be9a91a2e9390a6cdf8",divider:!0,orientation:"horizontal",size:"lg",tabsList:Object.keys(this.snippets).map(e=>({label:e,onClick:()=>this.handleTabClick(e)}))})),s("pre",{key:"bea73eeb85d1640f2e01d75ee669981bee332f78",class:"code-snippet-code-display"},s("dga-button-v2",{key:"85027b93b4c511790efcfc1d8a786e1c5cb0a6c5",size:"lg",iconOnly:!0,variant:"subtle",leadIcon:!0,leadIconProps:{name:"copy-01",size:24,color:"#161616",variant:"stroke"},class:`code-snippet-icon ${this.type}`,onClick:()=>this.handleCopy(),onColor:!1}),s("code",{key:"5014e8d2afb8f8494efb752e85282794c21a4682",style:{height:this.showButton&&this.type==="multi-line"&&!this.showMore?"150px":"auto"}},this.renderWithLineNumbers(this.snippets[this.activeTab])),this.showButton&&this.type==="multi-line"&&s("div",{key:"678a0672677be28854e8ee81753114e89a33a891",class:"code-snippet-wrapper"},s("dga-button-v2",{key:"7bb8d4ebd68bcffa67f49f6f1fe5be3b4099ad26",label:this.showMore?"Show Less":"Show More",size:"md",trailIcon:!0,variant:"subtle",trailIconProps:{name:this.showMore?"arrow-up-01":"arrow-down-01",size:20,color:"#161616",variant:"stroke"},onClick:()=>this.showMore=!this.showMore,onColor:!1}))))}static get style(){return Yp}},[0,"dga-codesnippet",{snippets:[16],showButton:[4,"show-button"],type:[1],showSidebar:[4,"show-sidebar"],showTabList:[4,"show-tab-list"],showMore:[32],activeTab:[32]}]);function Wp(){if(typeof customElements>"u")return;["dga-codesnippet","dga-button","dga-button-v2","dga-icon","dga-icon-v2","dga-tabs"].forEach(e=>{switch(e){case"dga-codesnippet":customElements.get(e)||customElements.define(e,Zn);break;case"dga-button":customElements.get(e)||Ot();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-tabs":customElements.get(e)||aa();break}})}const Np=Zn,Gp=Wp,Kn=D(class extends E{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.transitionDuration="0.3s",this.transitionType="ease-in",this.height=0}componentDidLoad(){this.open&&this.containerRef&&(this.setHeight(this.containerRef.clientHeight),setTimeout(()=>{this.setHeight("auto")},parseFloat(this.transitionDuration)*1e3))}watchOpen(e,o){e!==o&&this.containerRef&&(e?(this.setHeight(this.containerRef.scrollHeight),setTimeout(()=>{this.setHeight("auto")},200)):(this.setHeight(this.containerRef.clientHeight),setTimeout(()=>{this.setHeight(0)},20)))}setHeight(e){this.height=e}render(){const e=Object.assign(Object.assign({overflow:"hidden",transition:`height ${this.transitionDuration} ${this.transitionType}`,height:`${this.height}px`},this.height==="auto"?{height:"auto"}:{}),this.customStyle);return s("div",{key:"261f97eed13c7ba46dd41e426aa9398f181e2220",ref:o=>this.containerRef=o,"aria-hidden":!this.open,style:e},s("slot",{key:"ed2fa93663612a88c16aadd96aad4b17c0b65c16"}))}static get watchers(){return{open:["watchOpen"]}}},[1,"dga-collapse",{open:[4],customStyle:[16],transitionDuration:[1,"transition-duration"],transitionType:[1,"transition-type"],height:[32]},void 0,{open:["watchOpen"]}]);function Qn(){if(typeof customElements>"u")return;["dga-collapse"].forEach(e=>{switch(e){case"dga-collapse":customElements.get(e)||customElements.define(e,Kn);break}})}const Jn=D(class extends E{constructor(){super(),this.__registerHost(),this.variant="neutral",this.open=!1}render(){return s("div",{key:"887d752512f30ae99a966f329fb646a9421893d7"},s("h1",{key:"d0c411d0c4d98327fb4d3a6a04cae4d855df15b8"},"Collapse Example"),s("div",{key:"571fa4bc20459ac75a21be40ea3cfcf383e031a9",style:{padding:"50px",display:"flex",gap:"20px"}},s("div",{key:"137e05190085445df68128c234bb17e50a1d045e",style:{display:"flex",flexDirection:"column",gap:"20px"}},s("div",{key:"72a8437ef594b84807db66360497e1b0cbd57ef9",style:{display:"flex",justifyContent:"center"}},s("button",{key:"8238db4bfadc544695a7174ef55cfc9bef8b7444",onClick:()=>this.open=!0},"open"),s("button",{key:"49847d27d9661e392b735c8c461a30e43c9bb75f",onClick:()=>this.open=!1},"close"))),s("dga-collapse",{key:"e8bd129c56d55691e36612eea674d8c4a0921a7b",open:this.open,"transition-duration":"0.1s"},s("div",{key:"c774e3596fcb683638d056d1959ad08a8095552a"},"Your content here")),s("div",{key:"5c5c4c86a9830b5909c16813f5303d62b55bfb3f",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"dga-collapse-usage",{variant:[32],open:[32]}]);function Vp(){if(typeof customElements>"u")return;["dga-collapse-usage","dga-collapse"].forEach(e=>{switch(e){case"dga-collapse-usage":customElements.get(e)||customElements.define(e,Jn);break;case"dga-collapse":customElements.get(e)||Qn();break}})}const Up=Jn,Zp=Vp,Kp=Kn,Qp=Qn,eg=D(class extends E{constructor(){super(),this.__registerHost()}render(){return s("slot",{key:"a0f17b915247e29b9e106f162ce6f0be8be63c0f"})}},[4,"dga-content-switcher-item",{label:[8],content:[8]}]);function Jp(){if(typeof customElements>"u")return;["dga-content-switcher-item"].forEach(e=>{switch(e){case"dga-content-switcher-item":customElements.get(e)||customElements.define(e,eg);break}})}const eb=eg,ob=Jp,og=D(class extends E{constructor(){super(),this.__registerHost()}render(){return s("div",{key:"d68c19f377f0d98fcc34847784e8547907e6f885",class:"content-switcher-panel",hidden:this.value!==this.index},s("slot",{key:"b159128a2191907c6a09035927b1ee7b7e0f7133"}))}},[4,"dga-content-switcher-panel",{value:[2],index:[2]}]);function tb(){if(typeof customElements>"u")return;["dga-content-switcher-panel"].forEach(e=>{switch(e){case"dga-content-switcher-panel":customElements.get(e)||customElements.define(e,og);break}})}const rb=og,ab=tb,tg=D(class extends E{constructor(){super(),this.__registerHost(),this.value=0,this.onColor=!1,this.size="md",this.items=[{label:"Item 1",content:"Content 1"},{label:"Item 2",content:"Content 2"},{label:"Item 3",content:"Content 3"}],this.onChange=()=>{},this.selected=this.value,this.handleSelect=e=>{this.selected=e,this.onChange(e)}}render(){return s("div",{key:"b728e11b5e78709409cfa185e3ea34e341bccb2e",class:"content-switcher"},s("div",{key:"4810dc41fad8fef0875a0cee0c0d31e7bcee4509",class:"content-switcher__items"},this.items.map((e,o)=>{const t=o===this.selected,a=`content-switcher__item content-switcher__item--${o===0?"first":o===this.items.length-1?"last":"mid"} ${this.onColor?"content-switcher__item--on-color":""} content-switcher__item--${this.size} ${t?"content-switcher__item--selected":""}`;return s("button",{key:o,type:"button",class:a,onClick:()=>this.handleSelect(o)},e.label)})))}},[0,"dga-content-switcher",{value:[1538],onColor:[4,"on-color"],size:[1],items:[16],onChange:[16],selected:[32]}]);function ib(){if(typeof customElements>"u")return;["dga-content-switcher"].forEach(e=>{switch(e){case"dga-content-switcher":customElements.get(e)||customElements.define(e,tg);break}})}const nb=tg,gb=ib;var hb=function(i,e){var o={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(o[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(i);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(i,t[r])&&(o[t[r]]=i[t[r]]);return o};const rg=D(class extends E{constructor(){super(),this.__registerHost(),this.data=[{selected:!0},{selected:!0}],this.rowDivider=!0,this.showSelectCheckBox=!0,this.alternate=!0,this.cells=[{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1},{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1}],this.contained=!0,this.sortedData=[],this.direction=!1,this.sortData=(e="up",o,t)=>{if(e==="up"){const r=[...this.data.sort((a,n)=>n[o]>a[o]?1:a[o]>n[o]?-1:0)];this.sortedData=r}else if(e==="down"){const r=[...this.data.sort((a,n)=>a[o]>n[o]?1:n[o]>a[o]?-1:0)];this.sortedData=r}this.cells[t].sort=e=="down"?"up":"down"},this.handleSelectedRowChanges=(e,o)=>{const t=[...this.data];t[o].selected=e,this.sortedData=t,this.getSelectedRows&&this.getSelectedRows({selectedRows:t.filter(r=>r.selected),currentSelectedRow:t[o],currentSelectedRowIndex:o})},this.selectAll=e=>{const o=[...this.data];o.forEach(t=>t.selected=e),this.sortedData=o,this.getSelectedRows&&this.getSelectedRows({selectedRows:o})}}componentDidLoad(){document.dir?document.dir==="rtl"?this.direction=!0:this.direction=!1:document.documentElement.lang?document.documentElement.lang==="ar"?this.direction=!0:this.direction=!1:this.direction=!1}componentDidUpdate(){const e=[...this.data.map(o=>(o.selected=!1,o))];this.sortedData=e}render(){return s("div",{key:"ba3a1612c08dce505a5840387e4ea883aa3fb381",class:`table-wrapper ${this.contained?"table-contained":""}`},s("table",{key:"ee8315441963d96465871c2838a38567edc600fb",class:` azm-table ${this.contained?"table-contained":""}`,style:{direction:this.direction?"rtl":"ltr"}},s("thead",{key:"8a99b36f645c61842b5eab4b40a46799200e986f"},s("tr",{key:"42ae53473693ba3f0843edb218021d989af66471",class:`${this.rowDivider?"row-divider":""}`},this.showSelectCheckBox&&s("th",{key:"9e54f36b9e8198bb63ff6c91f0eef0fc009fb096",style:{width:"20px"}},s("dga-checkbox",{key:"3bf5bc595d921933df22920845fffd6572bf8348",showBorderOnFocusAndFocusOute:!1,value:"true",onChange:e=>this.selectAll(e.target.checked)})),this.cells.map((e,o)=>{var{sort:t,isSort:r,propertyName:a,type:n}=e,g=hb(e,["sort","isSort","propertyName","type"]);return s("th",{key:o},s("span",null,s("span",{class:"text"},g.title),s("span",{class:"icon-wrapper"},r&&t=="up"&&n=="propertyName"&&s("button",{class:"btn btn--sort btn--icon btn--md",onClick:()=>this.sortData("up",a,o)},s("dga-icon",{icon:"SortByUp02Icon"})),r&&(!t||t=="down")&&n=="propertyName"&&s("button",{class:"btn btn--sort btn--icon btn--md",onClick:()=>this.sortData("down",a,o)},s("dga-icon",{icon:"SortByDown02Icon"})),g.isFilter&&s("button",{class:"btn btn--sort btn--icon btn--md ",onClick:()=>this.pressOnFilter&&this.pressOnFilter(a)},s("dga-icon",{icon:"FilterIcon"})))))}))),s("tbody",{key:"ee546890fc85cbe41ea33b03e1d25c7748dd0f2c"},this.sortedData.map((e,o)=>s("tr",{class:`${this.rowDivider?"row-divider":""} ${this.alternate?"alternate":""} ${e.selected?"row-selected":""} `,key:o},this.showSelectCheckBox&&s("td",null,s("dga-checkbox",{name:o+"checkboxSelection",value:e.selected,id:o+"checkboxSelection",showBorderOnFocusAndFocusOute:!1,onChange:t=>this.handleSelectedRowChanges(t.target.checked,o),checked:e.selected})))))))}},[0,"dga-data-table-old",{data:[16],rowDivider:[4,"row-divider"],showSelectCheckBox:[4,"show-select-check-box"],alternate:[4],cells:[16],contained:[4],getSelectedRows:[8,"get-selected-rows"],pressOnFilter:[8,"press-on-filter"],sortedData:[32],direction:[32]}]);function cb(){if(typeof customElements>"u")return;["dga-data-table-old","dga-checkbox","dga-icon","dga-icon-v2"].forEach(e=>{switch(e){case"dga-data-table-old":customElements.get(e)||customElements.define(e,rg);break;case"dga-checkbox":customElements.get(e)||Eo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break}})}const sb=rg,lb=cb;var Ka=function(i,e){var o={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(o[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(i);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(i,t[r])&&(o[t[r]]=i[t[r]]);return o};const ag=D(class extends E{constructor(){super(),this.__registerHost(),this.data=[{selected:!0},{selected:!0}],this.rowDivider=!0,this.showSelectCheckBox=!0,this.alternate=!0,this.cells=[{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1},{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1}],this.contained=!0,this.sortedData=[],this.direction=!1,this.sortData=(e="up",o,t)=>{if(e==="up"){const r=[...this.data.sort((a,n)=>n[o]>a[o]?1:a[o]>n[o]?-1:0)];this.sortedData=r}else if(e==="down"){const r=[...this.data.sort((a,n)=>a[o]>n[o]?1:n[o]>a[o]?-1:0)];this.sortedData=r}this.cells[t].sort=e=="down"?"up":"down"},this.handleSelectedRowChanges=(e,o)=>{const t=[...this.data];t[o].selected=e,this.sortedData=t,this.getSelectedRows&&this.getSelectedRows({selectedRows:t.filter(r=>r.selected),currentSelectedRow:t[o],currentSelectedRowIndex:o})},this.selectAll=e=>{const o=[...this.data];o.forEach(t=>t.selected=e),this.sortedData=o,this.getSelectedRows&&this.getSelectedRows({selectedRows:o})}}initializeData(e){if(e&&e.length>0){const o=[...e];this.sortedData=o}}componentWillLoad(){document.dir?this.direction=document.dir==="rtl":document.documentElement.lang?this.direction=document.documentElement.lang==="ar":this.direction=!1,this.initializeData(this.data)}render(){return console.log(this.sortedData,"this.sortedData"),s("div",{key:"eff943582a696265796ab33502dd599fae522b90",class:`table-wrapper ${this.contained?"table-contained":""}`},s("table",{key:"ce263f1252b357c3f744a6b2363b0c76f2863fd2",class:` azm-table ${this.contained?"table-contained":""}`,style:{direction:this.direction?"rtl":"ltr"}},s("thead",{key:"3af036f2efe41efcf4b3bc593d2c4cb05f836c8f"},s("tr",{key:"172fd9c165e0e5b1a764426de20a729915ebd78a",class:`${this.rowDivider?"row-divider":""}`},this.showSelectCheckBox&&s("th",{key:"0bfe8413fe7d12d1558fd302906e9c3d2e966712",style:{width:"20px"}},s("dga-checkbox",{key:"bc450187794c9a050b4434cac21b571b53eddeda",showBorderOnFocusAndFocusOute:!1,value:"true",onChange:e=>this.selectAll(e.target.checked)})),this.cells.map((e,o)=>{var{sort:t,isSort:r,propertyName:a,type:n}=e,g=Ka(e,["sort","isSort","propertyName","type"]);return s("th",{key:o},s("span",null,s("span",{class:"text"},g.title),s("span",{class:"icon-wrapper"},r&&t=="up"&&n=="propertyName"&&s("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("up",a,o)},s("dga-icon",{icon:"SortByUp02Icon",variant:"stroke",type:"rounded",size:16})),r&&(!t||t=="down")&&n=="propertyName"&&s("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("down",a,o)},s("dga-icon",{icon:"SortByDown02Icon",variant:"stroke",type:"rounded",size:16})),g.isFilter&&s("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md ",onClick:()=>this.pressOnFilter&&this.pressOnFilter(a)},s("dga-icon",{icon:"FilterIcon",variant:"stroke",type:"rounded",size:16})))))}))),s("tbody",{key:"dd221a2bfddb15a4b81d6aa19f959a92560d9558"},this.sortedData.map((e,o)=>s("tr",{class:`${this.rowDivider?"row-divider":""} ${this.alternate?"alternate":""} ${e.selected?"row-selected":""} `,key:o},this.showSelectCheckBox&&s("td",null,s("dga-checkbox",{name:o+"checkboxSelection",value:e.selected,id:o+"checkboxSelection",showBorderOnFocusAndFocusOute:!1,onChange:t=>this.handleSelectedRowChanges(t.target.checked,o),checked:e.selected})),this.cells.map((t,r)=>{var{El:a}=t,n=Ka(t,["El"]);return s("td",{key:r,colSpan:n.colSpan?n.colSpan:1},n.type==="element"&&a?s(a,Object.assign({},e)):e[n.propertyName])}))))))}},[0,"dga-data-table",{columns:[16],data:[1544],rowDivider:[4,"row-divider"],showSelectCheckBox:[4,"show-select-check-box"],alternate:[4],cells:[16],contained:[4],getSelectedRows:[8,"get-selected-rows"],pressOnFilter:[8,"press-on-filter"],sortedData:[32],direction:[32]}]);function db(){if(typeof customElements>"u")return;["dga-data-table","dga-checkbox","dga-icon","dga-icon-v2"].forEach(e=>{switch(e){case"dga-data-table":customElements.get(e)||customElements.define(e,ag);break;case"dga-checkbox":customElements.get(e)||Eo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break}})}const pb=ag,bb=db,ig=D(class extends E{constructor(){super(),this.__registerHost(),this.helperText="",this.error=!1}render(){var e;return s("div",{key:"aa688d60d0bf4b94a58ad3b7926dbd18ca4e5ecc",class:`dga-helper-text ${this.error?"dga-helper-text--error":""}`},s("span",{key:"d0e688155dd47a79e29c56a73ddda1f49650a174",class:"dga-helper-text__icon"},this.helperTextIcon&&((e=this.helperTextIcon)===null||e===void 0?void 0:e.name)&&s("dga-icon",{key:"44b6165120228637c02159076ec33ccc040aa95e",icon:this.helperTextIcon.name,variant:this.helperTextIcon.variant,type:this.helperTextIcon.type,size:16})),s("span",{key:"b915e8865a708926a2697e84e9287c205358eb21",class:"dga-helper-text__desc"},this.helperText))}},[0,"dga-helper-text",{helperTextIcon:[16],helperText:[1,"helper-text"],error:[4]}]);function mo(){if(typeof customElements>"u")return;["dga-helper-text","dga-icon"].forEach(e=>{switch(e){case"dga-helper-text":customElements.get(e)||customElements.define(e,ig);break;case"dga-icon":customElements.get(e)||J();break}})}const ng=D(class extends E{constructor(){super(),this.__registerHost(),this.label="",this.variant="default",this.size="md",this.disabled=!1,this.required=!1}render(){return s("label",{key:"6f43d66666a4d57e1de15b27712496c7ed3dcd2d",class:`dga-label dga-label--${this.size} ${this.disabled?"disabled":""}`},this.required&&s("span",{key:"d67f54e5930a29c46c191d7fd06619d37bdc55ba",class:"star"},"*"),this.label)}},[0,"dga-label",{label:[1],variant:[1],size:[1],disabled:[4],required:[4]}]);function ko(){if(typeof customElements>"u")return;["dga-label"].forEach(e=>{switch(e){case"dga-label":customElements.get(e)||customElements.define(e,ng);break}})}const fb={success:s("dga-icon",{icon:"CheckmarkCircle02Icon",variant:"solid"}),error:s("dga-icon",{icon:"AlertCircleIcon",variant:"solid"}),warning:s("dga-icon",{icon:"Alert02Icon",variant:"solid"})},gg=D(class extends E{constructor(){super(),this.__registerHost(),this.size="lg",this.type="text",this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!1,this.name=be(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`quote-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(e,o){e!==o&&(this.textInputEl.value=e)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new me(this.componentId),this.processStyling()}processStyling(){this.sx&&(this.rootStyles=this.sxStyleManager.processSxProp(this.sx))}disconnectedCallback(){var e;(e=this.sxStyleManager)===null||e===void 0||e.cleanup()}render(){return s("div",{key:"d90fa064f15fa636ed03803b6320e960d4d49df8",id:this.componentId,class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth},style:this.rootStyles},this.label&&s("dga-label",{key:"16a6faacfbb9331b065e590cdfcb8ca5331569e3",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"e28bc89622d6942aa088e837152e87d19b48df9d",class:`input input--${this.size} ${this.error?"input--error":""} ${this.variant!=="default"?`input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"input--disabled":""} ${this.readonly?"readOnly":""}`,ref:e=>this.inputContainerRef=e},s("slot",{key:"c6a0ce241192e8ca9425238dbf2bb0c8b3a49d48",name:"prefix"}),this.icon&&s("span",{key:"575ae84a08000842760c8582f2f70a2979d88cd2",class:"input__icon"},s("dga-icon",{key:"4d8ce138ca59445a16fc9716fd25d11edafe2431",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"baea7bfef0a7ebb0f7e606a4fa0d5fc80cf4a43e",ref:e=>this.textInputEl=e,value:this.value,name:this.name,type:this.type,onFocus:()=>this.isFocused=!0,onBlur:e=>{this.isFocused=!1,this.onBlur(e)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),this.error?s("span",{class:`input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing?"input__feedback-icon--ring":""}`}):this.feedbackIcon?s("span",{class:`input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"input__feedback-icon--ring":""}`},fb[this.feedbackIconType]):null,s("slot",{key:"36a9cf433eaaa662d92b39b24767b44ff12b3b01",name:"suffix"})," "),this.helperText&&s("dga-helper-text",{key:"f7f90546dc0a7be28f1879fb2be1894edfd41fa5",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error}))}get el(){return this}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}},[4,"dga-text-input",{label:[1],placeholder:[1],size:[1],type:[1],variant:[1],error:[4],feedbackIcon:[4,"feedback-icon"],feedbackIconType:[1,"feedback-icon-type"],feedbackIconRing:[4,"feedback-icon-ring"],helperTextIcon:[16],helperText:[1,"helper-text"],icon:[16],disabled:[4],readonly:[4],required:[4],fullwidth:[4],name:[1],value:[1],onChange:[16],onInput:[16],onBlur:[16],sx:[16],isActive:[32],isFocused:[32]},void 0,{value:["valueChanged"],sx:["handleSxChange"]}]);function it(){if(typeof customElements>"u")return;["dga-text-input","dga-helper-text","dga-icon","dga-label"].forEach(e=>{switch(e){case"dga-text-input":customElements.get(e)||customElements.define(e,gg);break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-label":customElements.get(e)||ko();break}})}const hg=D(class extends E{constructor(){super(),this.__registerHost(),this.showArrows=!0,this.handlePrevClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()-1,1);this.onChange(e)},this.handleNextClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1,1);this.onChange(e)}}render(){return s("div",{key:"b345966d9312466411ec615866ad6fb97f4cbaae",class:"date-picker__navigator"},s("div",{key:"604f7796a7915735793b3c266fbc16b4bd8c9909",class:"date-picker__navigator-label"},this.currentMonth.toLocaleDateString("default",{month:"long",year:"numeric"})),this.showArrows&&s("div",{key:"f3f3bfb9956a9c946ca4a2285ba32a70fad393bf",class:"date-picker__navigator-buttons"},s("dga-button-v2",{key:"4eed9f539934d1745c7e0d51d828adcf49e85b41",variant:"subtle",size:"lg",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"arrow-left-02",variant:"stroke",type:"rounded"},onClick:this.handlePrevClick}),s("dga-button-v2",{key:"6d74d53b6a67279702685b8a5333442874d24926",variant:"subtle",size:"lg",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"arrow-right-02",variant:"stroke",type:"rounded"},onClick:this.handleNextClick})))}},[0,"month-navigator",{currentMonth:[16],showArrows:[4,"show-arrows"],onChange:[16]}]);function Ft(){if(typeof customElements>"u")return;["month-navigator","dga-button-v2","dga-icon-v2"].forEach(e=>{switch(e){case"month-navigator":customElements.get(e)||customElements.define(e,hg);break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-icon-v2":customElements.get(e)||ge();break}})}const Qa=i=>{const e=i.getMonth(),o=i.getFullYear(),t=new Date(o,e+1,0).getDate();return Array.from({length:t},(r,a)=>new Date(o,e,a+1))},Ja=i=>{const e=new Date(i.getFullYear(),i.getMonth(),1).getDay(),o=new Date(i.getFullYear(),i.getMonth(),0),t=[];for(let r=0;r<e;r++)t.unshift(new Date(o.getFullYear(),o.getMonth(),o.getDate()-r));return t},ei=i=>{const e=new Date(i.getFullYear(),i.getMonth()+1,0).getDay(),o=new Date(i.getFullYear(),i.getMonth()+1,1),t=[];for(let r=0;r<6-e;r++)t.push(new Date(o.getFullYear(),o.getMonth(),o.getDate()+r));return t},ub=i=>{if(!/^(0?[1-9]|[12][0-9]|3[01])\/(0?[1-9]|1[0-2])\/\d{4}$/.test(i))return!1;const[o,t,r]=i.split("/").map(Number),a=new Date(r,t-1,o);return a.getDate()===o&&a.getMonth()===t-1&&a.getFullYear()===r},oi=i=>{const e=i.getDate(),o=i.getMonth()+1,t=i.getFullYear();return`${e}/${o}/${t}`},Le=new Date,Ct=new Date(Le);Ct.setDate(Ct.getDate()-1);const cg=new Date(Le);cg.setHours(0,0,0,0);const Fo=new Date(Le);Fo.setHours(23,59,59,999);const sg=new Date(Ct);sg.setHours(0,0,0,0);const lg=new Date(Ct);lg.setHours(23,59,59,999);const Ht=new Date(Le);Ht.setDate(Le.getDate()-Le.getDay());const Xt=new Date(Le);Xt.setDate(Le.getDate()+(6-Le.getDay()));const dg=new Date(Ht);dg.setDate(Ht.getDate()-7);const pg=new Date(Xt);pg.setDate(Xt.getDate()-7);const Do=new Date(Le);Do.setDate(1);const _r=new Date(Le);_r.setMonth(_r.getMonth()+1,0);const Cr=new Date(Do);Cr.setMonth(Cr.getMonth()-1,1);const jr=new Date(Do);jr.setDate(jr.getDate()-1);const Er=new Date(Do);Er.setMonth(Er.getMonth()-3,1);const Dr=new Date(Do);Dr.setDate(Dr.getDate()-1);const Lr=new Date(Le);Lr.setDate(Lr.getDate()-6);const Tr=new Date(Le);Tr.setDate(Tr.getDate()-29);const $r=new Date(Le);$r.setDate($r.getDate()-89);const mb=[{label:"Today",range:()=>({startDate:cg,endDate:Fo})},{label:"Yesterday",range:()=>({startDate:sg,endDate:lg})},{label:"This Week",range:()=>({startDate:Ht,endDate:Xt})},{label:"Last Week",range:()=>({startDate:dg,endDate:pg})},{label:"This Month",range:()=>({startDate:Do,endDate:_r})},{label:"Last Month",range:()=>({startDate:Cr,endDate:jr})},{label:"Last 3 Months",range:()=>({startDate:Er,endDate:Dr})},{label:"Last 7 Days",range:()=>({startDate:Lr,endDate:Fo})},{label:"Last 30 Days",range:()=>({startDate:Tr,endDate:Fo})},{label:"Last 90 Days",range:()=>({startDate:$r,endDate:Fo})}];function hr(i,e){return i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth()&&i.getDate()===e.getDate()}const ti=i=>/^(?:January|February|March|April|May|June|July|August|September|October|November|December) (?:0?[1-9]|[12][0-9]|3[01]), (?:19|20)\d{2}$/.test(i)?(console.log("date is valid"),!0):(console.log("date is not valid"),!1),bg=D(class extends E{constructor(){super(),this.__registerHost(),this.change=Me(this,"change"),this.initialDate=new Date,this.range=!1,this.dualMonthView=!1,this.inputField=!1,this.submitButton=!1,this.qickOptions=!1,this.onSubmit=()=>{},this.onCancel=()=>{},this.currentMonth=this.initialDate,this.selectedDate=this.value||new Date,this.rangeDates={},this.inputDates={startDate:"",endDate:""},this.handlePrevClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()-1,1);this.handleChangeMonth(e)},this.handleNextClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1,1);this.handleChangeMonth(e)}}watchSelectedDate(e,o){e!==o&&this.change.emit(e)}watchValue(e,o){e!==o&&e!=this.selectedDate&&(this.selectedDate=e,this.currentMonth=new Date(e.getFullYear(),e.getMonth(),1))}get nextMonth(){return new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1)}get days(){return[...Ja(this.currentMonth).slice(0,2),...Qa(this.currentMonth),...ei(this.currentMonth).slice(0,2)]}get nextMonthDays(){return[...Ja(this.nextMonth).slice(0,2),...Qa(this.nextMonth),...ei(this.nextMonth).slice(0,2)]}formatDate(e){if(!e)return"";const o=new Date(e);return`${["January","February","March","April","May","June","July","August","September","October","November","December"][o.getMonth()]} ${o.getDate()}, ${o.getFullYear()}`}handleSelectDate(e){this.range?this.rangeDates.startDate?this.rangeDates.endDate?this.rangeDates={startDate:e,endDate:null}:e>=this.rangeDates.startDate?this.rangeDates=Object.assign(Object.assign({},this.rangeDates),{endDate:e}):this.rangeDates={startDate:e}:this.rangeDates={startDate:e}:this.selectedDate=e}handleInputDate(e){const o=e.target,{name:t,value:r}=o;this.inputDates=Object.assign(Object.assign({},this.inputDates),{[t]:r})}handleChangeMonth(e){this.currentMonth=e}isMidRange(e){return this.range&&this.rangeDates.startDate&&this.rangeDates.endDate?e>this.rangeDates.startDate&&e<this.rangeDates.endDate:!1}isFirstRangeChild(e){return this.range&&this.rangeDates.startDate&&this.rangeDates.endDate?this.rangeDates.startDate.getTime()!==this.rangeDates.endDate.getTime()&&e.getTime()===this.rangeDates.startDate.getTime():!1}isLastRangeChild(e){return this.range&&this.rangeDates.startDate&&this.rangeDates.endDate?this.rangeDates.startDate.getTime()!==this.rangeDates.endDate.getTime()&&e.getTime()===this.rangeDates.endDate.getTime():!1}componentDidLoad(){this.inputField&&(this.rangeDates.startDate&&(this.inputDates=Object.assign(Object.assign({},this.inputDates),{startDate:this.formatDate(this.rangeDates.startDate)})),this.rangeDates.endDate?this.inputDates=Object.assign(Object.assign({},this.inputDates),{endDate:this.formatDate(this.rangeDates.endDate)}):this.inputDates=Object.assign(Object.assign({},this.inputDates),{endDate:""}))}render(){return s(ue,{key:"cced3c288437e67aa75e843b8fe94cec65281343"},s("div",{key:"6f6d8cd9d0ae9ee24810bec673db1997486cc691",class:"date-picker-root dga-flex-column","data-dual-view":this.dualMonthView},s("div",{key:"fa20166fe9c02d6092d4f2ec60ac1426844ed4be",class:"flex"},this.qickOptions&&this.range&&s("div",{key:"82e105b552125e0e43cd191abd78a0232b27dd4d",class:"date-picker-root__quick-options"},s("span",{key:"a918eb9738ca2ee7119709ce350c2d4193389322",class:"text-md-regular"},"Qick options"),s("ul",{key:"bc673c0cc42e7313281bee8fc169f61823ae9c4b",class:"options-list"},mb.map(({label:e,range:o})=>s("li",{key:e},s("button",{class:"text-md-medium",onClick:()=>this.rangeDates=o},e))))),s("div",{key:"2af166d6559b6a41b6d4993ee568acff73f36002",class:"date-picker-root__main"},this.inputField&&s("div",{key:"f83255fd812e966a3769968930cdb9235e185917",class:"date-picker-root__main__inputs"},s("dga-text-input",{key:"0deb2d56231916abcb64e2fcd7f7038b6a0f937f",placeholder:"Month DD, YYYY",name:"startDate",value:this.inputDates.startDate,onChange:e=>this.handleInputDate(e),onBlur:e=>{if(ti(e.target.value)){const o=new Date(e.target.value);this.range?this.rangeDates.startDate?this.rangeDates.endDate?o>=this.rangeDates.endDate?this.rangeDates={startDate:o,endDate:o}:this.rangeDates=Object.assign(Object.assign({},this.rangeDates),{startDate:o}):this.rangeDates={startDate:o,endDate:null}:this.rangeDates={startDate:o}:this.selectedDate=o}}}),this.range&&s("dga-text-input",{key:"81e175635800a359bb98539c431caa6cf9db3ef8",placeholder:"Month DD, YYYY",name:"endDate",value:this.inputDates.endDate,onChange:e=>this.handleInputDate(e),onBlur:e=>{if(ti(e.target.value)){const o=new Date(e.target.value);this.range?this.rangeDates.endDate?this.rangeDates.startDate?o<=this.rangeDates.startDate?this.rangeDates={startDate:o,endDate:this.rangeDates.startDate}:this.rangeDates=Object.assign(Object.assign({},this.rangeDates),{endDate:o}):this.rangeDates={startDate:o,endDate:null}:this.rangeDates.startDate?o<=this.rangeDates.startDate&&(this.rangeDates={startDate:o,endDate:this.rangeDates.startDate}):this.rangeDates={startDate:o,endDate:null}:this.selectedDate=o}}})),s("div",{key:"71b73c2866ecfd20db351262bf617c940c1c6e04",class:"date-picker-root__main__content-wrapper"},s("div",{key:"b127629f460c0db268cb81e5ba25b472146243bb",class:"date-picker"},s("month-navigator",{key:"7d7e98fa740afa367cd1bddef38a0d71f953b8c4",currentMonth:this.currentMonth,onChange:e=>this.handleChangeMonth(e),showArrows:!this.dualMonthView}),s("div",{key:"eefde4ca98ed21ba48241b99d502785e9898bd84",class:"date-picker__weekdays"},["Su","Mo","Tu","We","Th","Fr","Sa"].map(e=>s("div",{key:e,class:"date-picker__weekday"},e))),s("div",{key:"f1d337aefd42a8ef0146cf52f6ef1ff5e3056e7f",class:"date-picker__date-grid"},this.days.map(e=>s("date-cell",{key:e.toString(),date:e,isCurrentMonth:e.getMonth()===this.currentMonth.getMonth(),isSelected:this.range?!!this.rangeDates.startDate&&hr(e,this.rangeDates.startDate)||!!this.rangeDates.endDate&&hr(e,this.rangeDates.endDate):this.selectedDate?hr(e,this.selectedDate):!1,isToday:new Date().toDateString()===e.toDateString(),isFirstRangeChild:this.isFirstRangeChild(e),isLastRangeChild:this.isLastRangeChild(e),midRange:this.isMidRange(e),onSelect:o=>this.handleSelectDate(o)})))),this.dualMonthView&&s("div",{key:"9da140fbade3d46fc8609306f3e92ef943c0ba8d",class:"date-picker"},s("month-navigator",{key:"cd3f43d8e3df2381f6eb81201a4b630a9ce52952",currentMonth:this.nextMonth,onChange:e=>{const o=e.getMonth()===this.currentMonth.getMonth()?new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()-1):new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1);this.handleChangeMonth(o)},showArrows:!0}),s("div",{key:"19a4fdae9e1c0019f5dc5e7679e2d7467755baf0",class:"date-picker__weekdays"},["Su","Mo","Tu","We","Th","Fr","Sa"].map(e=>s("div",{key:e,class:"date-picker__weekday"},e))),s("div",{key:"549532540253e24b9f09e48116de41ba0feac46a",class:"date-picker__date-grid"},this.nextMonthDays.map(e=>s("date-cell",{key:e.toString(),date:e,isCurrentMonth:e.getMonth()===this.nextMonth.getMonth(),isSelected:this.range?!!this.rangeDates.startDate&&e.getTime()===this.rangeDates.startDate.getTime()||!!this.rangeDates.endDate&&e.getTime()===this.rangeDates.endDate.getTime():this.selectedDate?e.getTime()===this.selectedDate.getTime():!1,isToday:new Date().toDateString()===e.toDateString(),midRange:this.isMidRange(e),isFirstRangeChild:this.isFirstRangeChild(e),isLastRangeChild:this.isLastRangeChild(e),onSelect:o=>this.handleSelectDate(o)}))))))),this.submitButton&&s("div",{key:"0ab91367baf5fec2ddcc92226ad7137abf173ed3",class:"date-picker-root__main__buttons"},s("dga-button-v2",{key:"12d3c9168242885ac62a42f1f91697080d7ab2ee",label:"Cancel",onClick:this.onCancel,size:"lg",variant:"secondary-outline"}),s("dga-button-v2",{key:"857035043c97a03a42a3af437aacad1a076a9b63",label:"Submit",onClick:this.onSubmit,size:"lg",variant:"neutral"}))))}static get watchers(){return{selectedDate:["watchSelectedDate"],value:["watchValue"]}}},[0,"dga-datepicker",{initialDate:[16],range:[4],dualMonthView:[4,"dual-month-view"],inputField:[4,"input-field"],submitButton:[4,"submit-button"],qickOptions:[4,"qick-options"],value:[16],onSubmit:[16],onCancel:[16],currentMonth:[32],selectedDate:[32],rangeDates:[32],inputDates:[32]},void 0,{selectedDate:["watchSelectedDate"],value:["watchValue"]}]);function ia(){if(typeof customElements>"u")return;["dga-datepicker","date-cell","dga-button-v2","dga-helper-text","dga-icon","dga-icon-v2","dga-label","dga-text-input","month-navigator"].forEach(e=>{switch(e){case"dga-datepicker":customElements.get(e)||customElements.define(e,bg);break;case"date-cell":customElements.get(e)||Lt();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-label":customElements.get(e)||ko();break;case"dga-text-input":customElements.get(e)||it();break;case"month-navigator":customElements.get(e)||Ft();break}})}const kb=`@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); :root{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--spacing-96:384px;--spacing-80:320px;--spacing-120:480px;--spacing-140:560px;--spacing-160:640px;--spacing-180:720px;--spacing-192:768px;--spacing-256:1024px;--spacing-320:1280px;--spacing-360:1440px;--spacing-400:1600px;--spacing-480:1920px}:root{--width-xxs:var(--spacing-80);--width-xs:var(--spacing-96);--width-sm:var(--spacing-120);--width-md:var(--spacing-140);--width-lg:var(--spacing-160);--width-xl:var(--spacing-192);--width-2xl:var(--spacing-256);--width-3xl:var(--spacing-320);--width-4xl:var(--spacing-360);--width-5xl:var(--spacing-400);--width-6xl:var(--spacing-480);--maxwidth-paragraph-max-width:var(--spacing-180)}@media only screen and (min-width: 1025px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-4);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-12);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-8);--section-padding:var(--spacing-8);--section-gap:var(--spacing-8);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-8);--card-md-gap:var(--spacing-6);--card-sm-padding:var(--spacing-8);--card-sm-gap:var(--spacing-6)}}@media only screen and (min-width: 768px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-3);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-6);--section-padding:var(--spacing-6);--section-gap:var(--spacing-6);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-6);--card-md-gap:var(--spacing-5);--card-sm-padding:var(--spacing-6);--card-sm-gap:var(--spacing-5)}}@media only screen and (max-width: 767px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-2);--notification-padding:var(--spacing-3);--notification-h-padding:var(--spacing-4);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-4);--notification-toast-v-padding:var(--spacing-3);--notification-toast-desktop-h-padding:var(--spacing-4);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-2);--tab-horizontal-tab-md-button-h-padding:var(--spacing-3);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-1);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-2);--tab-vertical-tab-md-button-v-padding:var(--spacing-1);--tab-vertical-tab-md-button-h-padding:var(--spacing-2);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1);--table-cell-gap:var(--spacing-1);--table-cell-v-padding:var(--spacing-1);--table-cell-h-padding:var(--spacing-3);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-2);--control-switch-error-icon-gap:var(--spacing-1);--control-radio-error-icon-gap:var(--spacing-12);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-4);--section-padding:var(--spacing-4);--section-gap:var(--spacing-4);--text-content-gap:var(--spacing-1);--icon-text-gap:var(--spacing-1);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-4);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-1);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-2);--buttons-group-gap:var(--spacing-1);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-1);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-2);--progressindicator-progress-indicator-gap:var(--spacing-4);--progressindicator-progress-text-content-side-padding:var(--spacing-3);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-1);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-4);--card-md-padding:var(--spacing-4);--card-md-gap:var(--spacing-3);--card-sm-padding:var(--spacing-4);--card-sm-gap:var(--spacing-3)}}:root{--radius-0:0;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-9999:9999px;--components-card-radius:var(--spacing-4);--radius-none:var(--radius-0);--radius-xs:var(--radius-2);--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-16);--radius-xl:var(--radius-24);--radius-full:var(--radius-9999)}:root{--colors-base-white:#ffffff;--colors-base-black:#161616;--colors-primary-sa-flag-25:#f7fdf9;--colors-primary-sa-flag-50:#f3fcf6;--colors-primary-sa-flag-100:#dff6e7;--colors-primary-sa-flag-200:#b8eacb;--colors-primary-sa-flag-300:#88d8ad;--colors-primary-sa-flag-400:#54c08a;--colors-primary-sa-flag-500-alpha-10:#25935f19;--colors-primary-sa-flag-500:#25935f;--colors-primary-sa-flag-600-primary:#1b8354;--colors-primary-sa-flag-700:#166a45;--colors-primary-sa-flag-800:#14573a;--colors-primary-sa-flag-900:#104631;--colors-primary-sa-flag-950:#092a1e;--colors-secondary-gold-25:#fffef7;--colors-secondary-gold-50:#fffef2;--colors-secondary-gold-100:#fffce6;--colors-secondary-gold-200:#fcf3bd;--colors-secondary-gold-300:#fae996;--colors-secondary-gold-400:#f7d54d;--colors-secondary-gold-500:#f5bd02;--colors-secondary-gold-600-primary:#dba102;--colors-secondary-gold-700:#b87b02;--colors-secondary-gold-800:#945c01;--colors-secondary-gold-900:#6e3c00;--colors-secondary-gold-950:#472400;--colors-tertiary-lavendar-25:#fefcff;--colors-tertiary-lavendar-50:#f9f5fa;--colors-tertiary-lavendar-100:#f2e9f5;--colors-tertiary-lavendar-200:#e1cce8;--colors-tertiary-lavendar-300:#ccadd9;--colors-tertiary-lavendar-400:#a57bba;--colors-tertiary-lavendar-500-primary:#80519f;--colors-tertiary-lavendar-600:#6d428f;--colors-tertiary-lavendar-700:#532d75;--colors-tertiary-lavendar-800:#3d1d5e;--colors-tertiary-lavendar-900:#281047;--colors-tertiary-lavendar-950:#16072e;--colors-neutral-25:#fcfcfd;--colors-neutral-50:#f9fafb;--colors-neutral-100:#f3f4f6;--colors-neutral-200:#e5e7eb;--colors-neutral-300:#d2d6db;--colors-neutral-400:#9da4ae;--colors-neutral-500:#6c727e;--colors-neutral-600:#4d5761;--colors-neutral-700:#384250;--colors-neutral-800:#1f2a37;--colors-neutral-900:#111927;--colors-neutral-950:#0c111b;--colors-blue-25:#f5faff;--colors-blue-50:#eff8ff;--colors-blue-100:#d1e9ff;--colors-blue-200:#b2ddff;--colors-blue-300:#84caff;--colors-blue-400:#53b0fd;--colors-blue-500:#2e90fa;--colors-blue-600:#156fee;--colors-blue-700:#175cd3;--colors-blue-800:#1849a9;--colors-blue-900:#194084;--colors-blue-950:#102a56;--colors-green-25:#f6fef9;--colors-green-50:#ecfdf3;--colors-green-100:#dcfae6;--colors-green-200:#abefc6;--colors-green-300:#75dfa6;--colors-green-400:#47cd89;--colors-green-500:#17b169;--colors-green-600:#069454;--colors-green-700:#067647;--colors-green-800:#085d3a;--colors-green-900:#074c30;--colors-green-950:#053321;--colors-yellow-25:#fffcf5;--colors-yellow-50:#fffaeb;--colors-yellow-100:#fef0c7;--colors-yellow-200:#fedf89;--colors-yellow-300:#fec84b;--colors-yellow-400:#fdb022;--colors-yellow-500:#f79009;--colors-yellow-600:#dc6803;--colors-yellow-700:#b54707;--colors-yellow-800:#93370c;--colors-yellow-900:#7a2e0e;--colors-yellow-950:#4e1d09;--colors-red-25:#fffbfa;--colors-red-50:#fef3f2;--colors-red-100:#fee4e2;--colors-red-200:#fecdca;--colors-red-300:#fca19b;--colors-red-400:#f97066;--colors-red-500:#f04437;--colors-red-600:#d92c20;--colors-red-700:#b42318;--colors-red-800:#912018;--colors-red-900:#7a2619;--colors-red-950:#54150c;--colors-alpha-alpha-white-0:#ffffff00;--colors-alpha-alpha-white-10:#ffffff19;--colors-alpha-alpha-white-20:#ffffff33;--colors-alpha-alpha-white-30:#ffffff4c;--colors-alpha-alpha-white-40:#ffffff66;--colors-alpha-alpha-white-50:#ffffff7f;--colors-alpha-alpha-white-60:#ffffff99;--colors-alpha-alpha-white-70:#ffffffb2;--colors-alpha-alpha-white-80:#ffffffcc;--colors-alpha-alpha-white-90:#ffffffe5;--colors-alpha-alpha-white-100:#ffffff;--colors-alpha-alpha-black-0:#16161600;--colors-alpha-alpha-black-10:#16161619;--colors-alpha-alpha-black-20:#16161633;--colors-alpha-alpha-black-30:#1616164c;--colors-alpha-alpha-black-40:#16161666;--colors-alpha-alpha-black-50:#1616167f;--colors-alpha-alpha-black-60:#16161699;--colors-alpha-alpha-black-70:#161616b2;--colors-alpha-alpha-black-80:#161616cc;--colors-alpha-alpha-black-90:#161616e5;--colors-alpha-alpha-black-100:#161616;--colors-alpha-alpha-green-10:#1b835419;--colors-alpha-alpha-green-20:#1b835433;--colors-alpha-alpha-green-30:#1b83544c;--colors-alpha-alpha-green-40:#1b835466;--colors-alpha-alpha-green-50:#1b83547f;--colors-alpha-alpha-green-60:#1b835499;--colors-alpha-alpha-green-70:#1b8354b2;--colors-alpha-alpha-green-80:#1b8354cc;--colors-alpha-alpha-green-90:#1b8354e5;--colors-alpha-alpha-green-100:var(--colors-primary-sa-flag-600-primary)}:root{--shadow-xs:0px 1px 2px 0px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);--shadow-md:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);--shadow-lg:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--shadow-xl:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);--shadow-2xl:0px 24px 48px -12px rgba(16, 24, 40, 0.18);--shadow-3xl:0px 32px 64px -12px rgba(16, 24, 40, 0.14)}.shadows-container{display:flex;width:2240px;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-7xl)}.shadows-box{display:flex;height:240px;max-width:256px;padding:var(--spacing-3xl);align-items:flex-start;gap:var(--spacing-none);flex:1 0 0;border-radius:var(--radius-xl);border:1px solid var(--colors-border-primary);background:var(--colors-bg-primary)}:root{--background-white:var(--colors-base-white);--background-body:var(--colors-neutral-50);--background-menu:var(--colors-base-white);--background-card:var(--colors-base-white);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-black);--background-brand-light:var(--colors-primary-sa-flag-50);--background-neutral-800:var(--colors-neutral-800);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-300);--background-neutral-200:var(--colors-neutral-200);--background-neutral-100:var(--colors-neutral-100);--background-neutral-50:var(--colors-neutral-50);--background-neutral-25:var(--colors-neutral-25);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-primary-sa-flag-200);--background-primary-50:var(--colors-primary-sa-flag-50);--background-primary-25:var(--colors-primary-sa-flag-25);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-secondary-gold-50);--background-secondary-25:var(--colors-secondary-gold-25);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-tertiary-lavendar-50);--background-tertiary-25:var(--colors-tertiary-lavendar-25);--background-success:var(--colors-green-600);--background-success-light:var(--colors-green-50);--background-success-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-light:var(--colors-blue-50);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-light:var(--colors-yellow-50);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--background-error-light:var(--colors-red-50);--background-error-50:var(--colors-red-50);--background-error-25:var(--colors-red-25);--background-sa-flag:var(--colors-green-900);--background-sa-flag-50:var(--colors-green-50);--background-sa-flag-25:var(--colors-green-25);--background-notification-white:var(--colors-base-white);--text-default:var(--colors-base-black);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-800);--text-display:var(--colors-neutral-800);--text-primary-paragraph:var(--colors-neutral-700);--text-secondary-paragraph:var(--colors-neutral-500);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-700);--text-info:var(--colors-blue-700);--text-warning:var(--colors-yellow-700);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-white-40);--border-white:var(--colors-base-white);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(--colors-primary-sa-flag-600-primary);--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(--colors-primary-sa-flag-600-primary);--button-background-neutral-default:var(--colors-neutral-100);--button-background-neutral-hovered:var(--colors-neutral-100);--button-background-neutral-pressed:var(--colors-neutral-200);--button-background-neutral-selected:var(--colors-neutral-200);--button-background-neutral-focused:var(--colors-neutral-100);--button-background-danger-primary-default:var(--colors-red-600);--button-background-danger-primary-hovered:var(--colors-red-700);--button-background-danger-primary-pressed:var(--colors-red-900);--button-background-danger-primary-selected:var(--colors-red-800);--button-background-danger-primary-focused:var(--colors-red-600);--button-label-danger-primary-default-oncolor:var(--colors-red-200);--button-label-danger-primary-hovered-oncolor:var(--colors-red-300);--button-label-danger-primary-pressed-oncolor:var(--colors-red-400);--button-background-danger-secondary-default:var(--colors-red-50);--button-background-danger-secondary-hovered:var(--colors-red-100);--button-background-danger-secondary-pressed:var(--colors-red-200);--button-background-danger-secondary-selected:var(--colors-red-50);--button-background-danger-secondary-focused:var(--colors-red-50);--button-background-oncolor-default:var(--colors-base-white);--button-background-oncolor-hovered:var(--alpha-white-80);--button-background-oncolor-pressed:var(--alpha-white-60);--button-background-oncolor-selected:var(--alpha-white-70);--button-background-oncolor-focused:var(--alpha-white-100);--button-background-transparent-default:var(--alpha-white-0);--button-background-transparent-hovered:var(--alpha-white-20);--button-background-transparent-pressed:var(--alpha-white-40);--button-background-transparent-selected:var(--alpha-white-30);--button-background-transparent-focused:var(--alpha-white-0);--button-background-disabled-on-color:var(--alpha-white-20);--button-label-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-black:var(--colors-base-black);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-primary-sa-flag-200);--border-secondary:var(--colors-secondary-gold-600-primary);--border-secondary-light:var(--colors-secondary-gold-200);--border-tertiary:var(--colors-tertiary-lavendar-500-primary);--border-tertiary-light:var(--colors-tertiary-lavendar-200);--border-neutral-primary:var(--colors-neutral-300);--border-neutral-secondary:var(--colors-neutral-200);--border-neutral-tertiary:var(--colors-neutral-100);--border-background-white:var(--colors-neutral-100);--border-background-neutral:var(--colors-neutral-300);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-700);--button-label-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--background-primary-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-700);--link-neutral-hovered:var(--colors-neutral-500);--link-icon-neutral-hovered:var(--colors-neutral-500);--link-neutral-pressed:var(--colors-neutral-400);--link-icon-neutral-pressed:var(--colors-neutral-400);--link-neutral-focused:var(--colors-neutral-700);--link-icon-neutral-focused:var(--colors-neutral-700);--link-neutral-visited:var(--colors-neutral-600);--link-icon-neutral-visited:var(--colors-neutral-600);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-neutral-600);--tag-background-neutral-light:var(--colors-neutral-50);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-800);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-800);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-600);--tag-border-neutral-light:var(--colors-neutral-50);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-yellow-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-300);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-700);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-50);--table-background-header:var(--colors-neutral-100);--table-background-row:var(--colors-neutral-50);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-800);--controls-control-primary-pressed:var(--colors-primary-sa-flag-800);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-950);--controls-control-neutral-hovered:var(--colors-neutral-600);--controls-control-neutral-pressed:var(--colors-neutral-600);--controls-control-neutral-focused:var(--colors-neutral-950);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-300);--controls-control-ripple-effect:var(--colors-neutral-200);--controls-control-border:var(--colors-neutral-500);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-primary-sa-flag-600-primary);--tooltip-background-light:var(--colors-base-white);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-neutral-800);--tooltip-text-heading-dark:var(--colors-neutral-50);--tooltip-text-paragraph-dark:var(--colors-neutral-100);--alpha-white-0:var(--colors-alpha-alpha-white-0);--alpha-white-10:var(--colors-alpha-alpha-white-10);--alpha-white-20:var(--colors-alpha-alpha-white-20);--alpha-white-30:var(--colors-alpha-alpha-white-30);--alpha-white-40:var(--colors-alpha-alpha-white-40);--alpha-white-50:var(--colors-alpha-alpha-white-50);--alpha-white-60:var(--colors-alpha-alpha-white-60);--alpha-white-70:var(--colors-alpha-alpha-white-70);--alpha-white-80:var(--colors-alpha-alpha-white-80);--alpha-white-90:var(--colors-alpha-alpha-white-90);--alpha-white-100:var(--colors-alpha-alpha-white-100);--alpha-black-0:var(--colors-alpha-alpha-black-0);--alpha-black-10:var(--colors-alpha-alpha-black-10);--alpha-black-20:var(--colors-alpha-alpha-black-20);--alpha-black-30:var(--colors-alpha-alpha-black-30);--alpha-black-40:var(--colors-alpha-alpha-black-40);--alpha-black-50:var(--colors-alpha-alpha-black-50);--alpha-black-60:var(--colors-alpha-alpha-black-60);--alpha-black-70:var(--colors-alpha-alpha-black-70);--alpha-black-80:var(--colors-alpha-alpha-black-80);--alpha-black-90:var(--colors-alpha-alpha-black-90);--alpha-black-100:var(--colors-alpha-alpha-black-100);--background-disabled:var(--colors-neutral-200);--background-disabled-primary:var(--colors-primary-sa-flag-200);--background-inverse-disabled:var(--colors-neutral-100);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-primary-sa-flag-600-primary);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-300);--stepper-button-upcomming-hovered:var(--colors-neutral-400);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-display);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-300);--stepper-line-upcomming:var(--colors-neutral-300);--stepper-line-upcomming-hovered:var(--colors-neutral-400);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--background-card);--form-field-background-lighter:var(--colors-neutral-25);--form-field-background-darker:var(--colors-neutral-100);--form-field-background-pressed:var(--colors-neutral-100);--form-field-border-default:var(--colors-neutral-400);--form-field-border-hovered:var(--colors-neutral-700);--form-field-border-pressed:var(--colors-neutral-950);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-100);--form-option-background-pressed:var(--colors-neutral-200);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-black);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-200);--form-datecell-today-background-pressed:var(--colors-neutral-300);--icon-default-500:var(--colors-neutral-500);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-200);--form-datecell-background-100:var(--colors-primary-sa-flag-100);--controls-control-icon-hovered:var(--icon-oncolor);--alpha-primary-10:#1b835419;--icon-default-400:var(--colors-neutral-400);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#1b835433;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#dc680319;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#dc680333;--alpha-error-10:#d92c2019;--alpha-error-20:#d92c2033;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-700);--icon-neutral-light:var(--colors-neutral-50);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-700);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-neutral-400);--icon-default-oncolor-disabled:var(--colors-alpha-alpha-white-40);--control-disabled:var(--colors-neutral-400);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-700);--featuredicons-icon-default:var(--colors-base-black);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-500);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-400);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-700);--featuredicons-icon-neutral-light:var(--colors-neutral-50);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--background-warning-50);--featuredicons-bg-icon-error-light:var(--background-error-50);--featuredicons-bg-icon-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-bg-icon-info-light:var(--background-info-50);--featuredicons-bg-icon-success-light:var(--background-success-50);--controls-control-icon-pressed:var(--icon-oncolor);--controls-control-icon-disabled:var(--colors-base-white);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--background-neutral-50);--notification-background-success-50:var(--background-success-50);--notification-background-warning-50:var(--background-warning-50);--notification-background-error-50:var(--background-error-50);--notification-background-brand-50:var(--colors-primary-sa-flag-50);--notification-background-info-50:var(--background-info-50);--notification-background-default-25:var(--background-neutral-25);--notification-background-success-25:var(--background-success-25);--notification-background-warning-25:var(--background-warning-25);--notification-background-error-25:var(--background-error-25);--notification-background-brand-25:var(--background-primary-25);--notification-background-info-25:var(--background-info-25);--notification-text-success:var(--text-success);--notification-text-error:var(--text-error);--notification-text-info:var(--text-info);--notification-text-warning:var(--text-warning);--notification-text-brand:var(--text-primary);--controls-control-text-error:var(--text-error)}[data-theme=dark] :root{--background-white:var(--colors-neutral-950);--background-body:var(--colors-neutral-900);--background-menu:var(--colors-neutral-800);--background-card:var(--colors-neutral-800);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-white);--background-neutral-800:var(--colors-neutral-600);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-500);--background-neutral-200:var(--colors-neutral-600);--background-neutral-100:var(--colors-neutral-800);--background-neutral-50:var(--colors-neutral-900);--background-neutral-25:var(--colors-neutral-950);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-neutral-700);--background-primary-50:var(--colors-alpha-alpha-green-10);--background-primary-25:var(--colors-primary-sa-flag-950);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-neutral-800);--background-secondary-25:var(--colors-neutral-900);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-neutral-800);--background-tertiary-25:var(--colors-neutral-900);--background-success:var(--colors-green-600);--background-success-50:var(--colors-neutral-800);--background-success-25:var(--colors-neutral-900);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-neutral-800);--background-info-25:var(--colors-neutral-900);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-neutral-800);--background-warning-25:var(--colors-neutral-900);--background-error:var(--colors-red-600);--background-error-50:var(--colors-neutral-800);--background-error-25:var(--colors-neutral-900);--background-sa-flag:var(--colors-primary-sa-flag-600-primary);--background-sa-flag-50:var(--colors-neutral-800);--background-sa-flag-25:var(--colors-neutral-900);--background-notification-white:var(--colors-neutral-900);--text-default:var(--colors-base-white);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-100);--text-display:var(--colors-neutral-50);--text-primary-paragraph:var(--colors-neutral-100);--text-secondary-paragraph:var(--colors-neutral-200);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-600);--text-info:var(--colors-blue-600);--text-warning:var(--colors-yellow-600);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-black-40);--border-white:var(--colors-base-black);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(
+`).slice(0,1).map((r,a)=>s("div",{key:a,class:"code-snippet-code-line"},s("span",{class:"code-snippet-line-content green"},r)))}render(){return s("div",{key:"7344400fb0e721c78415e9688d4ec7c5f1c16022",class:"code-snippet-container"},this.showTabList&&s("div",{key:"ea639bb98147c76e3513987e3d84563ee47c2d87",class:"code-snippet-tabs"},s("dga-tabs",{key:"4b75cc258176ad346e6e4be9a91a2e9390a6cdf8",divider:!0,orientation:"horizontal",size:"lg",tabsList:Object.keys(this.snippets).map(e=>({label:e,onClick:()=>this.handleTabClick(e)}))})),s("pre",{key:"bea73eeb85d1640f2e01d75ee669981bee332f78",class:"code-snippet-code-display"},s("dga-button-v2",{key:"85027b93b4c511790efcfc1d8a786e1c5cb0a6c5",size:"lg",iconOnly:!0,variant:"subtle",leadIcon:!0,leadIconProps:{name:"copy-01",size:24,color:"#161616",variant:"stroke"},class:`code-snippet-icon ${this.type}`,onClick:()=>this.handleCopy(),onColor:!1}),s("code",{key:"5014e8d2afb8f8494efb752e85282794c21a4682",style:{height:this.showButton&&this.type==="multi-line"&&!this.showMore?"150px":"auto"}},this.renderWithLineNumbers(this.snippets[this.activeTab])),this.showButton&&this.type==="multi-line"&&s("div",{key:"678a0672677be28854e8ee81753114e89a33a891",class:"code-snippet-wrapper"},s("dga-button-v2",{key:"7bb8d4ebd68bcffa67f49f6f1fe5be3b4099ad26",label:this.showMore?"Show Less":"Show More",size:"md",trailIcon:!0,variant:"subtle",trailIconProps:{name:this.showMore?"arrow-up-01":"arrow-down-01",size:20,color:"#161616",variant:"stroke"},onClick:()=>this.showMore=!this.showMore,onColor:!1}))))}static get style(){return Yp}},[0,"dga-codesnippet",{snippets:[16],showButton:[4,"show-button"],type:[1],showSidebar:[4,"show-sidebar"],showTabList:[4,"show-tab-list"],showMore:[32],activeTab:[32]}]);function Wp(){if(typeof customElements>"u")return;["dga-codesnippet","dga-button","dga-button-v2","dga-icon","dga-icon-v2","dga-tabs"].forEach(e=>{switch(e){case"dga-codesnippet":customElements.get(e)||customElements.define(e,Zn);break;case"dga-button":customElements.get(e)||Ot();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-tabs":customElements.get(e)||aa();break}})}const Np=Zn,Gp=Wp,Kn=D(class extends E{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.transitionDuration="0.3s",this.transitionType="ease-in",this.height=0}componentDidLoad(){this.open&&this.containerRef&&(this.setHeight(this.containerRef.clientHeight),setTimeout(()=>{this.setHeight("auto")},parseFloat(this.transitionDuration)*1e3))}watchOpen(e,o){e!==o&&this.containerRef&&(e?(this.setHeight(this.containerRef.scrollHeight),setTimeout(()=>{this.setHeight("auto")},200)):(this.setHeight(this.containerRef.clientHeight),setTimeout(()=>{this.setHeight(0)},20)))}setHeight(e){this.height=e}render(){const e=Object.assign(Object.assign({overflow:"hidden",transition:`height ${this.transitionDuration} ${this.transitionType}`,height:`${this.height}px`},this.height==="auto"?{height:"auto"}:{}),this.customStyle);return s("div",{key:"261f97eed13c7ba46dd41e426aa9398f181e2220",ref:o=>this.containerRef=o,"aria-hidden":!this.open,style:e},s("slot",{key:"ed2fa93663612a88c16aadd96aad4b17c0b65c16"}))}static get watchers(){return{open:["watchOpen"]}}},[1,"dga-collapse",{open:[4],customStyle:[16],transitionDuration:[1,"transition-duration"],transitionType:[1,"transition-type"],height:[32]},void 0,{open:["watchOpen"]}]);function Qn(){if(typeof customElements>"u")return;["dga-collapse"].forEach(e=>{switch(e){case"dga-collapse":customElements.get(e)||customElements.define(e,Kn);break}})}const Jn=D(class extends E{constructor(){super(),this.__registerHost(),this.variant="neutral",this.open=!1}render(){return s("div",{key:"887d752512f30ae99a966f329fb646a9421893d7"},s("h1",{key:"d0c411d0c4d98327fb4d3a6a04cae4d855df15b8"},"Collapse Example"),s("div",{key:"571fa4bc20459ac75a21be40ea3cfcf383e031a9",style:{padding:"50px",display:"flex",gap:"20px"}},s("div",{key:"137e05190085445df68128c234bb17e50a1d045e",style:{display:"flex",flexDirection:"column",gap:"20px"}},s("div",{key:"72a8437ef594b84807db66360497e1b0cbd57ef9",style:{display:"flex",justifyContent:"center"}},s("button",{key:"8238db4bfadc544695a7174ef55cfc9bef8b7444",onClick:()=>this.open=!0},"open"),s("button",{key:"49847d27d9661e392b735c8c461a30e43c9bb75f",onClick:()=>this.open=!1},"close"))),s("dga-collapse",{key:"e8bd129c56d55691e36612eea674d8c4a0921a7b",open:this.open,"transition-duration":"0.1s"},s("div",{key:"c774e3596fcb683638d056d1959ad08a8095552a"},"Your content here")),s("div",{key:"5c5c4c86a9830b5909c16813f5303d62b55bfb3f",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"dga-collapse-usage",{variant:[32],open:[32]}]);function Vp(){if(typeof customElements>"u")return;["dga-collapse-usage","dga-collapse"].forEach(e=>{switch(e){case"dga-collapse-usage":customElements.get(e)||customElements.define(e,Jn);break;case"dga-collapse":customElements.get(e)||Qn();break}})}const Up=Jn,Zp=Vp,Kp=Kn,Qp=Qn,eg=D(class extends E{constructor(){super(),this.__registerHost()}render(){return s("slot",{key:"a0f17b915247e29b9e106f162ce6f0be8be63c0f"})}},[4,"dga-content-switcher-item",{label:[8],content:[8]}]);function Jp(){if(typeof customElements>"u")return;["dga-content-switcher-item"].forEach(e=>{switch(e){case"dga-content-switcher-item":customElements.get(e)||customElements.define(e,eg);break}})}const eb=eg,ob=Jp,og=D(class extends E{constructor(){super(),this.__registerHost()}render(){return s("div",{key:"d68c19f377f0d98fcc34847784e8547907e6f885",class:"content-switcher-panel",hidden:this.value!==this.index},s("slot",{key:"b159128a2191907c6a09035927b1ee7b7e0f7133"}))}},[4,"dga-content-switcher-panel",{value:[2],index:[2]}]);function tb(){if(typeof customElements>"u")return;["dga-content-switcher-panel"].forEach(e=>{switch(e){case"dga-content-switcher-panel":customElements.get(e)||customElements.define(e,og);break}})}const rb=og,ab=tb,tg=D(class extends E{constructor(){super(),this.__registerHost(),this.value=0,this.onColor=!1,this.size="md",this.items=[{label:"Item 1",content:"Content 1"},{label:"Item 2",content:"Content 2"},{label:"Item 3",content:"Content 3"}],this.onChange=()=>{},this.selected=this.value,this.handleSelect=e=>{this.selected=e,this.onChange(e)}}render(){return s("div",{key:"b728e11b5e78709409cfa185e3ea34e341bccb2e",class:"content-switcher"},s("div",{key:"4810dc41fad8fef0875a0cee0c0d31e7bcee4509",class:"content-switcher__items"},this.items.map((e,o)=>{const t=o===this.selected,a=`content-switcher__item content-switcher__item--${o===0?"first":o===this.items.length-1?"last":"mid"} ${this.onColor?"content-switcher__item--on-color":""} content-switcher__item--${this.size} ${t?"content-switcher__item--selected":""}`;return s("button",{key:o,type:"button",class:a,onClick:()=>this.handleSelect(o)},e.label)})))}},[0,"dga-content-switcher",{value:[1538],onColor:[4,"on-color"],size:[1],items:[16],onChange:[16],selected:[32]}]);function ib(){if(typeof customElements>"u")return;["dga-content-switcher"].forEach(e=>{switch(e){case"dga-content-switcher":customElements.get(e)||customElements.define(e,tg);break}})}const nb=tg,gb=ib;var hb=function(i,e){var o={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(o[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(i);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(i,t[r])&&(o[t[r]]=i[t[r]]);return o};const rg=D(class extends E{constructor(){super(),this.__registerHost(),this.data=[{selected:!0},{selected:!0}],this.rowDivider=!0,this.showSelectCheckBox=!0,this.alternate=!0,this.cells=[{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1},{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1}],this.contained=!0,this.sortedData=[],this.direction=!1,this.sortData=(e="up",o,t)=>{if(e==="up"){const r=[...this.data.sort((a,n)=>n[o]>a[o]?1:a[o]>n[o]?-1:0)];this.sortedData=r}else if(e==="down"){const r=[...this.data.sort((a,n)=>a[o]>n[o]?1:n[o]>a[o]?-1:0)];this.sortedData=r}this.cells[t].sort=e=="down"?"up":"down"},this.handleSelectedRowChanges=(e,o)=>{const t=[...this.data];t[o].selected=e,this.sortedData=t,this.getSelectedRows&&this.getSelectedRows({selectedRows:t.filter(r=>r.selected),currentSelectedRow:t[o],currentSelectedRowIndex:o})},this.selectAll=e=>{const o=[...this.data];o.forEach(t=>t.selected=e),this.sortedData=o,this.getSelectedRows&&this.getSelectedRows({selectedRows:o})}}componentDidLoad(){document.dir?document.dir==="rtl"?this.direction=!0:this.direction=!1:document.documentElement.lang?document.documentElement.lang==="ar"?this.direction=!0:this.direction=!1:this.direction=!1}componentDidUpdate(){const e=[...this.data.map(o=>(o.selected=!1,o))];this.sortedData=e}render(){return s("div",{key:"ba3a1612c08dce505a5840387e4ea883aa3fb381",class:`table-wrapper ${this.contained?"table-contained":""}`},s("table",{key:"ee8315441963d96465871c2838a38567edc600fb",class:` azm-table ${this.contained?"table-contained":""}`,style:{direction:this.direction?"rtl":"ltr"}},s("thead",{key:"8a99b36f645c61842b5eab4b40a46799200e986f"},s("tr",{key:"42ae53473693ba3f0843edb218021d989af66471",class:`${this.rowDivider?"row-divider":""}`},this.showSelectCheckBox&&s("th",{key:"9e54f36b9e8198bb63ff6c91f0eef0fc009fb096",style:{width:"20px"}},s("dga-checkbox",{key:"3bf5bc595d921933df22920845fffd6572bf8348",showBorderOnFocusAndFocusOute:!1,value:"true",onChange:e=>this.selectAll(e.target.checked)})),this.cells.map((e,o)=>{var{sort:t,isSort:r,propertyName:a,type:n}=e,g=hb(e,["sort","isSort","propertyName","type"]);return s("th",{key:o},s("span",null,s("span",{class:"text"},g.title),s("span",{class:"icon-wrapper"},r&&t=="up"&&n=="propertyName"&&s("button",{class:"btn btn--sort btn--icon btn--md",onClick:()=>this.sortData("up",a,o)},s("dga-icon",{icon:"SortByUp02Icon"})),r&&(!t||t=="down")&&n=="propertyName"&&s("button",{class:"btn btn--sort btn--icon btn--md",onClick:()=>this.sortData("down",a,o)},s("dga-icon",{icon:"SortByDown02Icon"})),g.isFilter&&s("button",{class:"btn btn--sort btn--icon btn--md ",onClick:()=>this.pressOnFilter&&this.pressOnFilter(a)},s("dga-icon",{icon:"FilterIcon"})))))}))),s("tbody",{key:"ee546890fc85cbe41ea33b03e1d25c7748dd0f2c"},this.sortedData.map((e,o)=>s("tr",{class:`${this.rowDivider?"row-divider":""} ${this.alternate?"alternate":""} ${e.selected?"row-selected":""} `,key:o},this.showSelectCheckBox&&s("td",null,s("dga-checkbox",{name:o+"checkboxSelection",value:e.selected,id:o+"checkboxSelection",showBorderOnFocusAndFocusOute:!1,onChange:t=>this.handleSelectedRowChanges(t.target.checked,o),checked:e.selected})))))))}},[0,"dga-data-table-old",{data:[16],rowDivider:[4,"row-divider"],showSelectCheckBox:[4,"show-select-check-box"],alternate:[4],cells:[16],contained:[4],getSelectedRows:[8,"get-selected-rows"],pressOnFilter:[8,"press-on-filter"],sortedData:[32],direction:[32]}]);function cb(){if(typeof customElements>"u")return;["dga-data-table-old","dga-checkbox","dga-icon","dga-icon-v2"].forEach(e=>{switch(e){case"dga-data-table-old":customElements.get(e)||customElements.define(e,rg);break;case"dga-checkbox":customElements.get(e)||Eo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break}})}const sb=rg,lb=cb;var Ka=function(i,e){var o={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(o[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(i);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(i,t[r])&&(o[t[r]]=i[t[r]]);return o};const ag=D(class extends E{constructor(){super(),this.__registerHost(),this.data=[{selected:!0},{selected:!0}],this.rowDivider=!0,this.showSelectCheckBox=!0,this.alternate=!0,this.cells=[{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1},{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1}],this.contained=!0,this.sortedData=[],this.direction=!1,this.sortData=(e="up",o,t)=>{if(e==="up"){const r=[...this.data.sort((a,n)=>n[o]>a[o]?1:a[o]>n[o]?-1:0)];this.sortedData=r}else if(e==="down"){const r=[...this.data.sort((a,n)=>a[o]>n[o]?1:n[o]>a[o]?-1:0)];this.sortedData=r}this.cells[t].sort=e=="down"?"up":"down"},this.handleSelectedRowChanges=(e,o)=>{const t=[...this.data];t[o].selected=e,this.sortedData=t,this.getSelectedRows&&this.getSelectedRows({selectedRows:t.filter(r=>r.selected),currentSelectedRow:t[o],currentSelectedRowIndex:o})},this.selectAll=e=>{const o=[...this.data];o.forEach(t=>t.selected=e),this.sortedData=o,this.getSelectedRows&&this.getSelectedRows({selectedRows:o})}}initializeData(e){if(e&&e.length>0){const o=[...e];this.sortedData=o}}componentWillLoad(){document.dir?this.direction=document.dir==="rtl":document.documentElement.lang?this.direction=document.documentElement.lang==="ar":this.direction=!1,this.initializeData(this.data)}render(){return console.log(this.sortedData,"this.sortedData"),s("div",{key:"eff943582a696265796ab33502dd599fae522b90",class:`table-wrapper ${this.contained?"table-contained":""}`},s("table",{key:"ce263f1252b357c3f744a6b2363b0c76f2863fd2",class:` azm-table ${this.contained?"table-contained":""}`,style:{direction:this.direction?"rtl":"ltr"}},s("thead",{key:"3af036f2efe41efcf4b3bc593d2c4cb05f836c8f"},s("tr",{key:"172fd9c165e0e5b1a764426de20a729915ebd78a",class:`${this.rowDivider?"row-divider":""}`},this.showSelectCheckBox&&s("th",{key:"0bfe8413fe7d12d1558fd302906e9c3d2e966712",style:{width:"20px"}},s("dga-checkbox",{key:"bc450187794c9a050b4434cac21b571b53eddeda",showBorderOnFocusAndFocusOute:!1,value:"true",onChange:e=>this.selectAll(e.target.checked)})),this.cells.map((e,o)=>{var{sort:t,isSort:r,propertyName:a,type:n}=e,g=Ka(e,["sort","isSort","propertyName","type"]);return s("th",{key:o},s("span",null,s("span",{class:"text"},g.title),s("span",{class:"icon-wrapper"},r&&t=="up"&&n=="propertyName"&&s("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("up",a,o)},s("dga-icon",{icon:"SortByUp02Icon",variant:"stroke",type:"rounded",size:16})),r&&(!t||t=="down")&&n=="propertyName"&&s("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("down",a,o)},s("dga-icon",{icon:"SortByDown02Icon",variant:"stroke",type:"rounded",size:16})),g.isFilter&&s("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md ",onClick:()=>this.pressOnFilter&&this.pressOnFilter(a)},s("dga-icon",{icon:"FilterIcon",variant:"stroke",type:"rounded",size:16})))))}))),s("tbody",{key:"dd221a2bfddb15a4b81d6aa19f959a92560d9558"},this.sortedData.map((e,o)=>s("tr",{class:`${this.rowDivider?"row-divider":""} ${this.alternate?"alternate":""} ${e.selected?"row-selected":""} `,key:o},this.showSelectCheckBox&&s("td",null,s("dga-checkbox",{name:o+"checkboxSelection",value:e.selected,id:o+"checkboxSelection",showBorderOnFocusAndFocusOute:!1,onChange:t=>this.handleSelectedRowChanges(t.target.checked,o),checked:e.selected})),this.cells.map((t,r)=>{var{El:a}=t,n=Ka(t,["El"]);return s("td",{key:r,colSpan:n.colSpan?n.colSpan:1},n.type==="element"&&a?s(a,Object.assign({},e)):e[n.propertyName])}))))))}},[0,"dga-data-table",{columns:[16],data:[1544],rowDivider:[4,"row-divider"],showSelectCheckBox:[4,"show-select-check-box"],alternate:[4],cells:[16],contained:[4],getSelectedRows:[8,"get-selected-rows"],pressOnFilter:[8,"press-on-filter"],sortedData:[32],direction:[32]}]);function db(){if(typeof customElements>"u")return;["dga-data-table","dga-checkbox","dga-icon","dga-icon-v2"].forEach(e=>{switch(e){case"dga-data-table":customElements.get(e)||customElements.define(e,ag);break;case"dga-checkbox":customElements.get(e)||Eo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break}})}const pb=ag,bb=db,ig=D(class extends E{constructor(){super(),this.__registerHost(),this.helperText="",this.error=!1}render(){var e;return s("div",{key:"aa688d60d0bf4b94a58ad3b7926dbd18ca4e5ecc",class:`dga-helper-text ${this.error?"dga-helper-text--error":""}`},s("span",{key:"d0e688155dd47a79e29c56a73ddda1f49650a174",class:"dga-helper-text__icon"},this.helperTextIcon&&((e=this.helperTextIcon)===null||e===void 0?void 0:e.name)&&s("dga-icon",{key:"44b6165120228637c02159076ec33ccc040aa95e",icon:this.helperTextIcon.name,variant:this.helperTextIcon.variant,type:this.helperTextIcon.type,size:16})),s("span",{key:"b915e8865a708926a2697e84e9287c205358eb21",class:"dga-helper-text__desc"},this.helperText))}},[0,"dga-helper-text",{helperTextIcon:[16],helperText:[1,"helper-text"],error:[4]}]);function mo(){if(typeof customElements>"u")return;["dga-helper-text","dga-icon"].forEach(e=>{switch(e){case"dga-helper-text":customElements.get(e)||customElements.define(e,ig);break;case"dga-icon":customElements.get(e)||J();break}})}const ng=D(class extends E{constructor(){super(),this.__registerHost(),this.label="",this.variant="default",this.size="md",this.disabled=!1,this.required=!1}render(){return s("label",{key:"6f43d66666a4d57e1de15b27712496c7ed3dcd2d",class:`dga-label dga-label--${this.size} ${this.disabled?"disabled":""}`},this.required&&s("span",{key:"d67f54e5930a29c46c191d7fd06619d37bdc55ba",class:"star"},"*"),this.label)}},[0,"dga-label",{label:[1],variant:[1],size:[1],disabled:[4],required:[4]}]);function ko(){if(typeof customElements>"u")return;["dga-label"].forEach(e=>{switch(e){case"dga-label":customElements.get(e)||customElements.define(e,ng);break}})}const fb={success:s("dga-icon",{icon:"CheckmarkCircle02Icon",variant:"solid"}),error:s("dga-icon",{icon:"AlertCircleIcon",variant:"solid"}),warning:s("dga-icon",{icon:"Alert02Icon",variant:"solid"})},gg=D(class extends E{constructor(){super(),this.__registerHost(),this.size="lg",this.type="text",this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!0,this.name=be(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`quote-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(e,o){e!==o&&(this.textInputEl.value=e)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new me(this.componentId),this.processStyling()}processStyling(){this.sx&&(this.rootStyles=this.sxStyleManager.processSxProp(this.sx))}disconnectedCallback(){var e;(e=this.sxStyleManager)===null||e===void 0||e.cleanup()}render(){return s("div",{key:"48488e7836409a673a515bc57022ae55c1764de6",id:this.componentId,class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth},style:this.rootStyles},this.label&&s("dga-label",{key:"adc8ca2a4dd6ec53b19af20a3716edcf2b3c6a83",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"e228e4bcdcddf2c02eac0e05b1236694db64b269",class:`input input--${this.size} ${this.error?"input--error":""} ${this.variant!=="default"?`input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"input--disabled":""} ${this.readonly?"readOnly":""}`,ref:e=>this.inputContainerRef=e},s("slot",{key:"215254a2664ce992acff26fbd54370a0c640740c",name:"prefix"}),this.icon&&s("span",{key:"d67019952c64e148a4379e824af47d35cb7fbfc9",class:"input__icon"},s("dga-icon",{key:"9e16ababcbb343f817c06b0d1d0e6ab5b7a61b36",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"8ecbdfe28bdd292881ea173b2e6be442247892b0",ref:e=>this.textInputEl=e,value:this.value,name:this.name,type:this.type,onFocus:()=>this.isFocused=!0,onBlur:e=>{this.isFocused=!1,this.onBlur(e)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),this.error?s("span",{class:`input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing?"input__feedback-icon--ring":""}`}):this.feedbackIcon?s("span",{class:`input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"input__feedback-icon--ring":""}`},fb[this.feedbackIconType]):null,s("slot",{key:"300400b2c72846b06149a734d6e673976d57b40c",name:"suffix"})," "),this.helperText&&s("dga-helper-text",{key:"c907503d39188c82261a34895cc3fa6b4d108f6c",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error}))}get el(){return this}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}},[4,"dga-text-input",{label:[1],placeholder:[1],size:[1],type:[1],variant:[1],error:[4],feedbackIcon:[4,"feedback-icon"],feedbackIconType:[1,"feedback-icon-type"],feedbackIconRing:[4,"feedback-icon-ring"],helperTextIcon:[16],helperText:[1,"helper-text"],icon:[16],disabled:[4],readonly:[4],required:[4],fullwidth:[4],name:[1],value:[1],onChange:[16],onInput:[16],onBlur:[16],sx:[16],isActive:[32],isFocused:[32]},void 0,{value:["valueChanged"],sx:["handleSxChange"]}]);function it(){if(typeof customElements>"u")return;["dga-text-input","dga-helper-text","dga-icon","dga-label"].forEach(e=>{switch(e){case"dga-text-input":customElements.get(e)||customElements.define(e,gg);break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-label":customElements.get(e)||ko();break}})}const hg=D(class extends E{constructor(){super(),this.__registerHost(),this.showArrows=!0,this.handlePrevClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()-1,1);this.onChange(e)},this.handleNextClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1,1);this.onChange(e)}}render(){return s("div",{key:"b345966d9312466411ec615866ad6fb97f4cbaae",class:"date-picker__navigator"},s("div",{key:"604f7796a7915735793b3c266fbc16b4bd8c9909",class:"date-picker__navigator-label"},this.currentMonth.toLocaleDateString("default",{month:"long",year:"numeric"})),this.showArrows&&s("div",{key:"f3f3bfb9956a9c946ca4a2285ba32a70fad393bf",class:"date-picker__navigator-buttons"},s("dga-button-v2",{key:"4eed9f539934d1745c7e0d51d828adcf49e85b41",variant:"subtle",size:"lg",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"arrow-left-02",variant:"stroke",type:"rounded"},onClick:this.handlePrevClick}),s("dga-button-v2",{key:"6d74d53b6a67279702685b8a5333442874d24926",variant:"subtle",size:"lg",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"arrow-right-02",variant:"stroke",type:"rounded"},onClick:this.handleNextClick})))}},[0,"month-navigator",{currentMonth:[16],showArrows:[4,"show-arrows"],onChange:[16]}]);function Ft(){if(typeof customElements>"u")return;["month-navigator","dga-button-v2","dga-icon-v2"].forEach(e=>{switch(e){case"month-navigator":customElements.get(e)||customElements.define(e,hg);break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-icon-v2":customElements.get(e)||ge();break}})}const Qa=i=>{const e=i.getMonth(),o=i.getFullYear(),t=new Date(o,e+1,0).getDate();return Array.from({length:t},(r,a)=>new Date(o,e,a+1))},Ja=i=>{const e=new Date(i.getFullYear(),i.getMonth(),1).getDay(),o=new Date(i.getFullYear(),i.getMonth(),0),t=[];for(let r=0;r<e;r++)t.unshift(new Date(o.getFullYear(),o.getMonth(),o.getDate()-r));return t},ei=i=>{const e=new Date(i.getFullYear(),i.getMonth()+1,0).getDay(),o=new Date(i.getFullYear(),i.getMonth()+1,1),t=[];for(let r=0;r<6-e;r++)t.push(new Date(o.getFullYear(),o.getMonth(),o.getDate()+r));return t},ub=i=>{if(!/^(0?[1-9]|[12][0-9]|3[01])\/(0?[1-9]|1[0-2])\/\d{4}$/.test(i))return!1;const[o,t,r]=i.split("/").map(Number),a=new Date(r,t-1,o);return a.getDate()===o&&a.getMonth()===t-1&&a.getFullYear()===r},oi=i=>{const e=i.getDate(),o=i.getMonth()+1,t=i.getFullYear();return`${e}/${o}/${t}`},Le=new Date,Ct=new Date(Le);Ct.setDate(Ct.getDate()-1);const cg=new Date(Le);cg.setHours(0,0,0,0);const Fo=new Date(Le);Fo.setHours(23,59,59,999);const sg=new Date(Ct);sg.setHours(0,0,0,0);const lg=new Date(Ct);lg.setHours(23,59,59,999);const Ht=new Date(Le);Ht.setDate(Le.getDate()-Le.getDay());const Xt=new Date(Le);Xt.setDate(Le.getDate()+(6-Le.getDay()));const dg=new Date(Ht);dg.setDate(Ht.getDate()-7);const pg=new Date(Xt);pg.setDate(Xt.getDate()-7);const Do=new Date(Le);Do.setDate(1);const _r=new Date(Le);_r.setMonth(_r.getMonth()+1,0);const Cr=new Date(Do);Cr.setMonth(Cr.getMonth()-1,1);const jr=new Date(Do);jr.setDate(jr.getDate()-1);const Er=new Date(Do);Er.setMonth(Er.getMonth()-3,1);const Dr=new Date(Do);Dr.setDate(Dr.getDate()-1);const Lr=new Date(Le);Lr.setDate(Lr.getDate()-6);const Tr=new Date(Le);Tr.setDate(Tr.getDate()-29);const $r=new Date(Le);$r.setDate($r.getDate()-89);const mb=[{label:"Today",range:()=>({startDate:cg,endDate:Fo})},{label:"Yesterday",range:()=>({startDate:sg,endDate:lg})},{label:"This Week",range:()=>({startDate:Ht,endDate:Xt})},{label:"Last Week",range:()=>({startDate:dg,endDate:pg})},{label:"This Month",range:()=>({startDate:Do,endDate:_r})},{label:"Last Month",range:()=>({startDate:Cr,endDate:jr})},{label:"Last 3 Months",range:()=>({startDate:Er,endDate:Dr})},{label:"Last 7 Days",range:()=>({startDate:Lr,endDate:Fo})},{label:"Last 30 Days",range:()=>({startDate:Tr,endDate:Fo})},{label:"Last 90 Days",range:()=>({startDate:$r,endDate:Fo})}];function hr(i,e){return i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth()&&i.getDate()===e.getDate()}const ti=i=>/^(?:January|February|March|April|May|June|July|August|September|October|November|December) (?:0?[1-9]|[12][0-9]|3[01]), (?:19|20)\d{2}$/.test(i)?(console.log("date is valid"),!0):(console.log("date is not valid"),!1),bg=D(class extends E{constructor(){super(),this.__registerHost(),this.change=Me(this,"change"),this.initialDate=new Date,this.range=!1,this.dualMonthView=!1,this.inputField=!1,this.submitButton=!1,this.qickOptions=!1,this.onSubmit=()=>{},this.onCancel=()=>{},this.currentMonth=this.initialDate,this.selectedDate=this.value||new Date,this.rangeDates={},this.inputDates={startDate:"",endDate:""},this.handlePrevClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()-1,1);this.handleChangeMonth(e)},this.handleNextClick=()=>{const e=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1,1);this.handleChangeMonth(e)}}watchSelectedDate(e,o){e!==o&&this.change.emit(e)}watchValue(e,o){e!==o&&e!=this.selectedDate&&(this.selectedDate=e,this.currentMonth=new Date(e.getFullYear(),e.getMonth(),1))}get nextMonth(){return new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1)}get days(){return[...Ja(this.currentMonth).slice(0,2),...Qa(this.currentMonth),...ei(this.currentMonth).slice(0,2)]}get nextMonthDays(){return[...Ja(this.nextMonth).slice(0,2),...Qa(this.nextMonth),...ei(this.nextMonth).slice(0,2)]}formatDate(e){if(!e)return"";const o=new Date(e);return`${["January","February","March","April","May","June","July","August","September","October","November","December"][o.getMonth()]} ${o.getDate()}, ${o.getFullYear()}`}handleSelectDate(e){this.range?this.rangeDates.startDate?this.rangeDates.endDate?this.rangeDates={startDate:e,endDate:null}:e>=this.rangeDates.startDate?this.rangeDates=Object.assign(Object.assign({},this.rangeDates),{endDate:e}):this.rangeDates={startDate:e}:this.rangeDates={startDate:e}:this.selectedDate=e}handleInputDate(e){const o=e.target,{name:t,value:r}=o;this.inputDates=Object.assign(Object.assign({},this.inputDates),{[t]:r})}handleChangeMonth(e){this.currentMonth=e}isMidRange(e){return this.range&&this.rangeDates.startDate&&this.rangeDates.endDate?e>this.rangeDates.startDate&&e<this.rangeDates.endDate:!1}isFirstRangeChild(e){return this.range&&this.rangeDates.startDate&&this.rangeDates.endDate?this.rangeDates.startDate.getTime()!==this.rangeDates.endDate.getTime()&&e.getTime()===this.rangeDates.startDate.getTime():!1}isLastRangeChild(e){return this.range&&this.rangeDates.startDate&&this.rangeDates.endDate?this.rangeDates.startDate.getTime()!==this.rangeDates.endDate.getTime()&&e.getTime()===this.rangeDates.endDate.getTime():!1}componentDidLoad(){this.inputField&&(this.rangeDates.startDate&&(this.inputDates=Object.assign(Object.assign({},this.inputDates),{startDate:this.formatDate(this.rangeDates.startDate)})),this.rangeDates.endDate?this.inputDates=Object.assign(Object.assign({},this.inputDates),{endDate:this.formatDate(this.rangeDates.endDate)}):this.inputDates=Object.assign(Object.assign({},this.inputDates),{endDate:""}))}render(){return s(ue,{key:"cced3c288437e67aa75e843b8fe94cec65281343"},s("div",{key:"6f6d8cd9d0ae9ee24810bec673db1997486cc691",class:"date-picker-root dga-flex-column","data-dual-view":this.dualMonthView},s("div",{key:"fa20166fe9c02d6092d4f2ec60ac1426844ed4be",class:"flex"},this.qickOptions&&this.range&&s("div",{key:"82e105b552125e0e43cd191abd78a0232b27dd4d",class:"date-picker-root__quick-options"},s("span",{key:"a918eb9738ca2ee7119709ce350c2d4193389322",class:"text-md-regular"},"Qick options"),s("ul",{key:"bc673c0cc42e7313281bee8fc169f61823ae9c4b",class:"options-list"},mb.map(({label:e,range:o})=>s("li",{key:e},s("button",{class:"text-md-medium",onClick:()=>this.rangeDates=o},e))))),s("div",{key:"2af166d6559b6a41b6d4993ee568acff73f36002",class:"date-picker-root__main"},this.inputField&&s("div",{key:"f83255fd812e966a3769968930cdb9235e185917",class:"date-picker-root__main__inputs"},s("dga-text-input",{key:"0deb2d56231916abcb64e2fcd7f7038b6a0f937f",placeholder:"Month DD, YYYY",name:"startDate",value:this.inputDates.startDate,onChange:e=>this.handleInputDate(e),onBlur:e=>{if(ti(e.target.value)){const o=new Date(e.target.value);this.range?this.rangeDates.startDate?this.rangeDates.endDate?o>=this.rangeDates.endDate?this.rangeDates={startDate:o,endDate:o}:this.rangeDates=Object.assign(Object.assign({},this.rangeDates),{startDate:o}):this.rangeDates={startDate:o,endDate:null}:this.rangeDates={startDate:o}:this.selectedDate=o}}}),this.range&&s("dga-text-input",{key:"81e175635800a359bb98539c431caa6cf9db3ef8",placeholder:"Month DD, YYYY",name:"endDate",value:this.inputDates.endDate,onChange:e=>this.handleInputDate(e),onBlur:e=>{if(ti(e.target.value)){const o=new Date(e.target.value);this.range?this.rangeDates.endDate?this.rangeDates.startDate?o<=this.rangeDates.startDate?this.rangeDates={startDate:o,endDate:this.rangeDates.startDate}:this.rangeDates=Object.assign(Object.assign({},this.rangeDates),{endDate:o}):this.rangeDates={startDate:o,endDate:null}:this.rangeDates.startDate?o<=this.rangeDates.startDate&&(this.rangeDates={startDate:o,endDate:this.rangeDates.startDate}):this.rangeDates={startDate:o,endDate:null}:this.selectedDate=o}}})),s("div",{key:"71b73c2866ecfd20db351262bf617c940c1c6e04",class:"date-picker-root__main__content-wrapper"},s("div",{key:"b127629f460c0db268cb81e5ba25b472146243bb",class:"date-picker"},s("month-navigator",{key:"7d7e98fa740afa367cd1bddef38a0d71f953b8c4",currentMonth:this.currentMonth,onChange:e=>this.handleChangeMonth(e),showArrows:!this.dualMonthView}),s("div",{key:"eefde4ca98ed21ba48241b99d502785e9898bd84",class:"date-picker__weekdays"},["Su","Mo","Tu","We","Th","Fr","Sa"].map(e=>s("div",{key:e,class:"date-picker__weekday"},e))),s("div",{key:"f1d337aefd42a8ef0146cf52f6ef1ff5e3056e7f",class:"date-picker__date-grid"},this.days.map(e=>s("date-cell",{key:e.toString(),date:e,isCurrentMonth:e.getMonth()===this.currentMonth.getMonth(),isSelected:this.range?!!this.rangeDates.startDate&&hr(e,this.rangeDates.startDate)||!!this.rangeDates.endDate&&hr(e,this.rangeDates.endDate):this.selectedDate?hr(e,this.selectedDate):!1,isToday:new Date().toDateString()===e.toDateString(),isFirstRangeChild:this.isFirstRangeChild(e),isLastRangeChild:this.isLastRangeChild(e),midRange:this.isMidRange(e),onSelect:o=>this.handleSelectDate(o)})))),this.dualMonthView&&s("div",{key:"9da140fbade3d46fc8609306f3e92ef943c0ba8d",class:"date-picker"},s("month-navigator",{key:"cd3f43d8e3df2381f6eb81201a4b630a9ce52952",currentMonth:this.nextMonth,onChange:e=>{const o=e.getMonth()===this.currentMonth.getMonth()?new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()-1):new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1);this.handleChangeMonth(o)},showArrows:!0}),s("div",{key:"19a4fdae9e1c0019f5dc5e7679e2d7467755baf0",class:"date-picker__weekdays"},["Su","Mo","Tu","We","Th","Fr","Sa"].map(e=>s("div",{key:e,class:"date-picker__weekday"},e))),s("div",{key:"549532540253e24b9f09e48116de41ba0feac46a",class:"date-picker__date-grid"},this.nextMonthDays.map(e=>s("date-cell",{key:e.toString(),date:e,isCurrentMonth:e.getMonth()===this.nextMonth.getMonth(),isSelected:this.range?!!this.rangeDates.startDate&&e.getTime()===this.rangeDates.startDate.getTime()||!!this.rangeDates.endDate&&e.getTime()===this.rangeDates.endDate.getTime():this.selectedDate?e.getTime()===this.selectedDate.getTime():!1,isToday:new Date().toDateString()===e.toDateString(),midRange:this.isMidRange(e),isFirstRangeChild:this.isFirstRangeChild(e),isLastRangeChild:this.isLastRangeChild(e),onSelect:o=>this.handleSelectDate(o)}))))))),this.submitButton&&s("div",{key:"0ab91367baf5fec2ddcc92226ad7137abf173ed3",class:"date-picker-root__main__buttons"},s("dga-button-v2",{key:"12d3c9168242885ac62a42f1f91697080d7ab2ee",label:"Cancel",onClick:this.onCancel,size:"lg",variant:"secondary-outline"}),s("dga-button-v2",{key:"857035043c97a03a42a3af437aacad1a076a9b63",label:"Submit",onClick:this.onSubmit,size:"lg",variant:"neutral"}))))}static get watchers(){return{selectedDate:["watchSelectedDate"],value:["watchValue"]}}},[0,"dga-datepicker",{initialDate:[16],range:[4],dualMonthView:[4,"dual-month-view"],inputField:[4,"input-field"],submitButton:[4,"submit-button"],qickOptions:[4,"qick-options"],value:[16],onSubmit:[16],onCancel:[16],currentMonth:[32],selectedDate:[32],rangeDates:[32],inputDates:[32]},void 0,{selectedDate:["watchSelectedDate"],value:["watchValue"]}]);function ia(){if(typeof customElements>"u")return;["dga-datepicker","date-cell","dga-button-v2","dga-helper-text","dga-icon","dga-icon-v2","dga-label","dga-text-input","month-navigator"].forEach(e=>{switch(e){case"dga-datepicker":customElements.get(e)||customElements.define(e,bg);break;case"date-cell":customElements.get(e)||Lt();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-label":customElements.get(e)||ko();break;case"dga-text-input":customElements.get(e)||it();break;case"month-navigator":customElements.get(e)||Ft();break}})}const kb=`@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); :root{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--spacing-96:384px;--spacing-80:320px;--spacing-120:480px;--spacing-140:560px;--spacing-160:640px;--spacing-180:720px;--spacing-192:768px;--spacing-256:1024px;--spacing-320:1280px;--spacing-360:1440px;--spacing-400:1600px;--spacing-480:1920px}:root{--width-xxs:var(--spacing-80);--width-xs:var(--spacing-96);--width-sm:var(--spacing-120);--width-md:var(--spacing-140);--width-lg:var(--spacing-160);--width-xl:var(--spacing-192);--width-2xl:var(--spacing-256);--width-3xl:var(--spacing-320);--width-4xl:var(--spacing-360);--width-5xl:var(--spacing-400);--width-6xl:var(--spacing-480);--maxwidth-paragraph-max-width:var(--spacing-180)}@media only screen and (min-width: 1025px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-4);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-12);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-8);--section-padding:var(--spacing-8);--section-gap:var(--spacing-8);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-8);--card-md-gap:var(--spacing-6);--card-sm-padding:var(--spacing-8);--card-sm-gap:var(--spacing-6)}}@media only screen and (min-width: 768px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-3);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-6);--section-padding:var(--spacing-6);--section-gap:var(--spacing-6);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-6);--card-md-gap:var(--spacing-5);--card-sm-padding:var(--spacing-6);--card-sm-gap:var(--spacing-5)}}@media only screen and (max-width: 767px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-2);--notification-padding:var(--spacing-3);--notification-h-padding:var(--spacing-4);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-4);--notification-toast-v-padding:var(--spacing-3);--notification-toast-desktop-h-padding:var(--spacing-4);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-2);--tab-horizontal-tab-md-button-h-padding:var(--spacing-3);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-1);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-2);--tab-vertical-tab-md-button-v-padding:var(--spacing-1);--tab-vertical-tab-md-button-h-padding:var(--spacing-2);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1);--table-cell-gap:var(--spacing-1);--table-cell-v-padding:var(--spacing-1);--table-cell-h-padding:var(--spacing-3);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-2);--control-switch-error-icon-gap:var(--spacing-1);--control-radio-error-icon-gap:var(--spacing-12);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-4);--section-padding:var(--spacing-4);--section-gap:var(--spacing-4);--text-content-gap:var(--spacing-1);--icon-text-gap:var(--spacing-1);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-4);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-1);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-2);--buttons-group-gap:var(--spacing-1);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-1);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-2);--progressindicator-progress-indicator-gap:var(--spacing-4);--progressindicator-progress-text-content-side-padding:var(--spacing-3);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-1);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-4);--card-md-padding:var(--spacing-4);--card-md-gap:var(--spacing-3);--card-sm-padding:var(--spacing-4);--card-sm-gap:var(--spacing-3)}}:root{--radius-0:0;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-9999:9999px;--components-card-radius:var(--spacing-4);--radius-none:var(--radius-0);--radius-xs:var(--radius-2);--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-16);--radius-xl:var(--radius-24);--radius-full:var(--radius-9999)}:root{--colors-base-white:#ffffff;--colors-base-black:#161616;--colors-primary-sa-flag-25:#f7fdf9;--colors-primary-sa-flag-50:#f3fcf6;--colors-primary-sa-flag-100:#dff6e7;--colors-primary-sa-flag-200:#b8eacb;--colors-primary-sa-flag-300:#88d8ad;--colors-primary-sa-flag-400:#54c08a;--colors-primary-sa-flag-500-alpha-10:#25935f19;--colors-primary-sa-flag-500:#25935f;--colors-primary-sa-flag-600-primary:#1b8354;--colors-primary-sa-flag-700:#166a45;--colors-primary-sa-flag-800:#14573a;--colors-primary-sa-flag-900:#104631;--colors-primary-sa-flag-950:#092a1e;--colors-secondary-gold-25:#fffef7;--colors-secondary-gold-50:#fffef2;--colors-secondary-gold-100:#fffce6;--colors-secondary-gold-200:#fcf3bd;--colors-secondary-gold-300:#fae996;--colors-secondary-gold-400:#f7d54d;--colors-secondary-gold-500:#f5bd02;--colors-secondary-gold-600-primary:#dba102;--colors-secondary-gold-700:#b87b02;--colors-secondary-gold-800:#945c01;--colors-secondary-gold-900:#6e3c00;--colors-secondary-gold-950:#472400;--colors-tertiary-lavendar-25:#fefcff;--colors-tertiary-lavendar-50:#f9f5fa;--colors-tertiary-lavendar-100:#f2e9f5;--colors-tertiary-lavendar-200:#e1cce8;--colors-tertiary-lavendar-300:#ccadd9;--colors-tertiary-lavendar-400:#a57bba;--colors-tertiary-lavendar-500-primary:#80519f;--colors-tertiary-lavendar-600:#6d428f;--colors-tertiary-lavendar-700:#532d75;--colors-tertiary-lavendar-800:#3d1d5e;--colors-tertiary-lavendar-900:#281047;--colors-tertiary-lavendar-950:#16072e;--colors-neutral-25:#fcfcfd;--colors-neutral-50:#f9fafb;--colors-neutral-100:#f3f4f6;--colors-neutral-200:#e5e7eb;--colors-neutral-300:#d2d6db;--colors-neutral-400:#9da4ae;--colors-neutral-500:#6c727e;--colors-neutral-600:#4d5761;--colors-neutral-700:#384250;--colors-neutral-800:#1f2a37;--colors-neutral-900:#111927;--colors-neutral-950:#0c111b;--colors-blue-25:#f5faff;--colors-blue-50:#eff8ff;--colors-blue-100:#d1e9ff;--colors-blue-200:#b2ddff;--colors-blue-300:#84caff;--colors-blue-400:#53b0fd;--colors-blue-500:#2e90fa;--colors-blue-600:#156fee;--colors-blue-700:#175cd3;--colors-blue-800:#1849a9;--colors-blue-900:#194084;--colors-blue-950:#102a56;--colors-green-25:#f6fef9;--colors-green-50:#ecfdf3;--colors-green-100:#dcfae6;--colors-green-200:#abefc6;--colors-green-300:#75dfa6;--colors-green-400:#47cd89;--colors-green-500:#17b169;--colors-green-600:#069454;--colors-green-700:#067647;--colors-green-800:#085d3a;--colors-green-900:#074c30;--colors-green-950:#053321;--colors-yellow-25:#fffcf5;--colors-yellow-50:#fffaeb;--colors-yellow-100:#fef0c7;--colors-yellow-200:#fedf89;--colors-yellow-300:#fec84b;--colors-yellow-400:#fdb022;--colors-yellow-500:#f79009;--colors-yellow-600:#dc6803;--colors-yellow-700:#b54707;--colors-yellow-800:#93370c;--colors-yellow-900:#7a2e0e;--colors-yellow-950:#4e1d09;--colors-red-25:#fffbfa;--colors-red-50:#fef3f2;--colors-red-100:#fee4e2;--colors-red-200:#fecdca;--colors-red-300:#fca19b;--colors-red-400:#f97066;--colors-red-500:#f04437;--colors-red-600:#d92c20;--colors-red-700:#b42318;--colors-red-800:#912018;--colors-red-900:#7a2619;--colors-red-950:#54150c;--colors-alpha-alpha-white-0:#ffffff00;--colors-alpha-alpha-white-10:#ffffff19;--colors-alpha-alpha-white-20:#ffffff33;--colors-alpha-alpha-white-30:#ffffff4c;--colors-alpha-alpha-white-40:#ffffff66;--colors-alpha-alpha-white-50:#ffffff7f;--colors-alpha-alpha-white-60:#ffffff99;--colors-alpha-alpha-white-70:#ffffffb2;--colors-alpha-alpha-white-80:#ffffffcc;--colors-alpha-alpha-white-90:#ffffffe5;--colors-alpha-alpha-white-100:#ffffff;--colors-alpha-alpha-black-0:#16161600;--colors-alpha-alpha-black-10:#16161619;--colors-alpha-alpha-black-20:#16161633;--colors-alpha-alpha-black-30:#1616164c;--colors-alpha-alpha-black-40:#16161666;--colors-alpha-alpha-black-50:#1616167f;--colors-alpha-alpha-black-60:#16161699;--colors-alpha-alpha-black-70:#161616b2;--colors-alpha-alpha-black-80:#161616cc;--colors-alpha-alpha-black-90:#161616e5;--colors-alpha-alpha-black-100:#161616;--colors-alpha-alpha-green-10:#1b835419;--colors-alpha-alpha-green-20:#1b835433;--colors-alpha-alpha-green-30:#1b83544c;--colors-alpha-alpha-green-40:#1b835466;--colors-alpha-alpha-green-50:#1b83547f;--colors-alpha-alpha-green-60:#1b835499;--colors-alpha-alpha-green-70:#1b8354b2;--colors-alpha-alpha-green-80:#1b8354cc;--colors-alpha-alpha-green-90:#1b8354e5;--colors-alpha-alpha-green-100:var(--colors-primary-sa-flag-600-primary)}:root{--shadow-xs:0px 1px 2px 0px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);--shadow-md:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);--shadow-lg:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--shadow-xl:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);--shadow-2xl:0px 24px 48px -12px rgba(16, 24, 40, 0.18);--shadow-3xl:0px 32px 64px -12px rgba(16, 24, 40, 0.14)}.shadows-container{display:flex;width:2240px;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-7xl)}.shadows-box{display:flex;height:240px;max-width:256px;padding:var(--spacing-3xl);align-items:flex-start;gap:var(--spacing-none);flex:1 0 0;border-radius:var(--radius-xl);border:1px solid var(--colors-border-primary);background:var(--colors-bg-primary)}:root{--background-white:var(--colors-base-white);--background-body:var(--colors-neutral-50);--background-menu:var(--colors-base-white);--background-card:var(--colors-base-white);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-black);--background-brand-light:var(--colors-primary-sa-flag-50);--background-neutral-800:var(--colors-neutral-800);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-300);--background-neutral-200:var(--colors-neutral-200);--background-neutral-100:var(--colors-neutral-100);--background-neutral-50:var(--colors-neutral-50);--background-neutral-25:var(--colors-neutral-25);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-primary-sa-flag-200);--background-primary-50:var(--colors-primary-sa-flag-50);--background-primary-25:var(--colors-primary-sa-flag-25);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-secondary-gold-50);--background-secondary-25:var(--colors-secondary-gold-25);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-tertiary-lavendar-50);--background-tertiary-25:var(--colors-tertiary-lavendar-25);--background-success:var(--colors-green-600);--background-success-light:var(--colors-green-50);--background-success-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-light:var(--colors-blue-50);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-light:var(--colors-yellow-50);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--background-error-light:var(--colors-red-50);--background-error-50:var(--colors-red-50);--background-error-25:var(--colors-red-25);--background-sa-flag:var(--colors-green-900);--background-sa-flag-50:var(--colors-green-50);--background-sa-flag-25:var(--colors-green-25);--background-notification-white:var(--colors-base-white);--text-default:var(--colors-base-black);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-800);--text-display:var(--colors-neutral-800);--text-primary-paragraph:var(--colors-neutral-700);--text-secondary-paragraph:var(--colors-neutral-500);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-700);--text-info:var(--colors-blue-700);--text-warning:var(--colors-yellow-700);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-white-40);--border-white:var(--colors-base-white);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(--colors-primary-sa-flag-600-primary);--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(--colors-primary-sa-flag-600-primary);--button-background-neutral-default:var(--colors-neutral-100);--button-background-neutral-hovered:var(--colors-neutral-100);--button-background-neutral-pressed:var(--colors-neutral-200);--button-background-neutral-selected:var(--colors-neutral-200);--button-background-neutral-focused:var(--colors-neutral-100);--button-background-danger-primary-default:var(--colors-red-600);--button-background-danger-primary-hovered:var(--colors-red-700);--button-background-danger-primary-pressed:var(--colors-red-900);--button-background-danger-primary-selected:var(--colors-red-800);--button-background-danger-primary-focused:var(--colors-red-600);--button-label-danger-primary-default-oncolor:var(--colors-red-200);--button-label-danger-primary-hovered-oncolor:var(--colors-red-300);--button-label-danger-primary-pressed-oncolor:var(--colors-red-400);--button-background-danger-secondary-default:var(--colors-red-50);--button-background-danger-secondary-hovered:var(--colors-red-100);--button-background-danger-secondary-pressed:var(--colors-red-200);--button-background-danger-secondary-selected:var(--colors-red-50);--button-background-danger-secondary-focused:var(--colors-red-50);--button-background-oncolor-default:var(--colors-base-white);--button-background-oncolor-hovered:var(--alpha-white-80);--button-background-oncolor-pressed:var(--alpha-white-60);--button-background-oncolor-selected:var(--alpha-white-70);--button-background-oncolor-focused:var(--alpha-white-100);--button-background-transparent-default:var(--alpha-white-0);--button-background-transparent-hovered:var(--alpha-white-20);--button-background-transparent-pressed:var(--alpha-white-40);--button-background-transparent-selected:var(--alpha-white-30);--button-background-transparent-focused:var(--alpha-white-0);--button-background-disabled-on-color:var(--alpha-white-20);--button-label-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-black:var(--colors-base-black);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-primary-sa-flag-200);--border-secondary:var(--colors-secondary-gold-600-primary);--border-secondary-light:var(--colors-secondary-gold-200);--border-tertiary:var(--colors-tertiary-lavendar-500-primary);--border-tertiary-light:var(--colors-tertiary-lavendar-200);--border-neutral-primary:var(--colors-neutral-300);--border-neutral-secondary:var(--colors-neutral-200);--border-neutral-tertiary:var(--colors-neutral-100);--border-background-white:var(--colors-neutral-100);--border-background-neutral:var(--colors-neutral-300);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-700);--button-label-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--background-primary-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-700);--link-neutral-hovered:var(--colors-neutral-500);--link-icon-neutral-hovered:var(--colors-neutral-500);--link-neutral-pressed:var(--colors-neutral-400);--link-icon-neutral-pressed:var(--colors-neutral-400);--link-neutral-focused:var(--colors-neutral-700);--link-icon-neutral-focused:var(--colors-neutral-700);--link-neutral-visited:var(--colors-neutral-600);--link-icon-neutral-visited:var(--colors-neutral-600);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-neutral-600);--tag-background-neutral-light:var(--colors-neutral-50);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-800);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-800);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-600);--tag-border-neutral-light:var(--colors-neutral-50);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-yellow-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-300);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-700);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-50);--table-background-header:var(--colors-neutral-100);--table-background-row:var(--colors-neutral-50);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-800);--controls-control-primary-pressed:var(--colors-primary-sa-flag-800);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-950);--controls-control-neutral-hovered:var(--colors-neutral-600);--controls-control-neutral-pressed:var(--colors-neutral-600);--controls-control-neutral-focused:var(--colors-neutral-950);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-300);--controls-control-ripple-effect:var(--colors-neutral-200);--controls-control-border:var(--colors-neutral-500);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-primary-sa-flag-600-primary);--tooltip-background-light:var(--colors-base-white);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-neutral-800);--tooltip-text-heading-dark:var(--colors-neutral-50);--tooltip-text-paragraph-dark:var(--colors-neutral-100);--alpha-white-0:var(--colors-alpha-alpha-white-0);--alpha-white-10:var(--colors-alpha-alpha-white-10);--alpha-white-20:var(--colors-alpha-alpha-white-20);--alpha-white-30:var(--colors-alpha-alpha-white-30);--alpha-white-40:var(--colors-alpha-alpha-white-40);--alpha-white-50:var(--colors-alpha-alpha-white-50);--alpha-white-60:var(--colors-alpha-alpha-white-60);--alpha-white-70:var(--colors-alpha-alpha-white-70);--alpha-white-80:var(--colors-alpha-alpha-white-80);--alpha-white-90:var(--colors-alpha-alpha-white-90);--alpha-white-100:var(--colors-alpha-alpha-white-100);--alpha-black-0:var(--colors-alpha-alpha-black-0);--alpha-black-10:var(--colors-alpha-alpha-black-10);--alpha-black-20:var(--colors-alpha-alpha-black-20);--alpha-black-30:var(--colors-alpha-alpha-black-30);--alpha-black-40:var(--colors-alpha-alpha-black-40);--alpha-black-50:var(--colors-alpha-alpha-black-50);--alpha-black-60:var(--colors-alpha-alpha-black-60);--alpha-black-70:var(--colors-alpha-alpha-black-70);--alpha-black-80:var(--colors-alpha-alpha-black-80);--alpha-black-90:var(--colors-alpha-alpha-black-90);--alpha-black-100:var(--colors-alpha-alpha-black-100);--background-disabled:var(--colors-neutral-200);--background-disabled-primary:var(--colors-primary-sa-flag-200);--background-inverse-disabled:var(--colors-neutral-100);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-primary-sa-flag-600-primary);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-300);--stepper-button-upcomming-hovered:var(--colors-neutral-400);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-display);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-300);--stepper-line-upcomming:var(--colors-neutral-300);--stepper-line-upcomming-hovered:var(--colors-neutral-400);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--background-card);--form-field-background-lighter:var(--colors-neutral-25);--form-field-background-darker:var(--colors-neutral-100);--form-field-background-pressed:var(--colors-neutral-100);--form-field-border-default:var(--colors-neutral-400);--form-field-border-hovered:var(--colors-neutral-700);--form-field-border-pressed:var(--colors-neutral-950);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-100);--form-option-background-pressed:var(--colors-neutral-200);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-black);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-200);--form-datecell-today-background-pressed:var(--colors-neutral-300);--icon-default-500:var(--colors-neutral-500);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-200);--form-datecell-background-100:var(--colors-primary-sa-flag-100);--controls-control-icon-hovered:var(--icon-oncolor);--alpha-primary-10:#1b835419;--icon-default-400:var(--colors-neutral-400);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#1b835433;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#dc680319;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#dc680333;--alpha-error-10:#d92c2019;--alpha-error-20:#d92c2033;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-700);--icon-neutral-light:var(--colors-neutral-50);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-700);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-neutral-400);--icon-default-oncolor-disabled:var(--colors-alpha-alpha-white-40);--control-disabled:var(--colors-neutral-400);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-700);--featuredicons-icon-default:var(--colors-base-black);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-500);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-400);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-700);--featuredicons-icon-neutral-light:var(--colors-neutral-50);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--background-warning-50);--featuredicons-bg-icon-error-light:var(--background-error-50);--featuredicons-bg-icon-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-bg-icon-info-light:var(--background-info-50);--featuredicons-bg-icon-success-light:var(--background-success-50);--controls-control-icon-pressed:var(--icon-oncolor);--controls-control-icon-disabled:var(--colors-base-white);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--background-neutral-50);--notification-background-success-50:var(--background-success-50);--notification-background-warning-50:var(--background-warning-50);--notification-background-error-50:var(--background-error-50);--notification-background-brand-50:var(--colors-primary-sa-flag-50);--notification-background-info-50:var(--background-info-50);--notification-background-default-25:var(--background-neutral-25);--notification-background-success-25:var(--background-success-25);--notification-background-warning-25:var(--background-warning-25);--notification-background-error-25:var(--background-error-25);--notification-background-brand-25:var(--background-primary-25);--notification-background-info-25:var(--background-info-25);--notification-text-success:var(--text-success);--notification-text-error:var(--text-error);--notification-text-info:var(--text-info);--notification-text-warning:var(--text-warning);--notification-text-brand:var(--text-primary);--controls-control-text-error:var(--text-error)}[data-theme=dark] :root{--background-white:var(--colors-neutral-950);--background-body:var(--colors-neutral-900);--background-menu:var(--colors-neutral-800);--background-card:var(--colors-neutral-800);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-white);--background-neutral-800:var(--colors-neutral-600);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-500);--background-neutral-200:var(--colors-neutral-600);--background-neutral-100:var(--colors-neutral-800);--background-neutral-50:var(--colors-neutral-900);--background-neutral-25:var(--colors-neutral-950);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-neutral-700);--background-primary-50:var(--colors-alpha-alpha-green-10);--background-primary-25:var(--colors-primary-sa-flag-950);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-neutral-800);--background-secondary-25:var(--colors-neutral-900);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-neutral-800);--background-tertiary-25:var(--colors-neutral-900);--background-success:var(--colors-green-600);--background-success-50:var(--colors-neutral-800);--background-success-25:var(--colors-neutral-900);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-neutral-800);--background-info-25:var(--colors-neutral-900);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-neutral-800);--background-warning-25:var(--colors-neutral-900);--background-error:var(--colors-red-600);--background-error-50:var(--colors-neutral-800);--background-error-25:var(--colors-neutral-900);--background-sa-flag:var(--colors-primary-sa-flag-600-primary);--background-sa-flag-50:var(--colors-neutral-800);--background-sa-flag-25:var(--colors-neutral-900);--background-notification-white:var(--colors-neutral-900);--text-default:var(--colors-base-white);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-100);--text-display:var(--colors-neutral-50);--text-primary-paragraph:var(--colors-neutral-100);--text-secondary-paragraph:var(--colors-neutral-200);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-600);--text-info:var(--colors-blue-600);--text-warning:var(--colors-yellow-600);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-black-40);--border-white:var(--colors-base-black);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(
     --colors-primary-sa-flag-600-primary
   );--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(
     --colors-primary-sa-flag-600-primary
@@ -1304,7 +1304,7 @@ rect.legend-mouseover-inactive,
     --colors-primary-sa-flag-400
   );--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(
     --colors-primary-sa-flag-400
-  );--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-200);--link-neutral-hovered:var(--colors-neutral-400);--link-icon-neutral-hovered:var(--colors-neutral-400);--link-neutral-pressed:var(--colors-neutral-500);--link-icon-neutral-pressed:var(--colors-neutral-500);--link-neutral-focused:var(--colors-neutral-200);--link-icon-neutral-focused:var(--colors-neutral-200);--link-neutral-visited:var(--colors-neutral-300);--link-icon-neutral-visited:var(--colors-neutral-300);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-primary-sa-flag-600-primary);--tag-background-neutral-light:var(--colors-neutral-800);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-100);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-100);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-300);--tag-border-neutral-light:var(--colors-neutral-800);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-red-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-600);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-300);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-900);--table-background-header:var(--colors-neutral-900);--table-background-row:var(--colors-neutral-900);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-300);--controls-control-primary-pressed:var(--colors-primary-sa-flag-400);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-600);--controls-control-neutral-hovered:var(--colors-neutral-400);--controls-control-neutral-pressed:var(--colors-neutral-400);--controls-control-neutral-focused:var(--colors-neutral-600);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-600);--controls-control-ripple-effect:var(--colors-neutral-950);--controls-control-border:var(--colors-neutral-400);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-green-600);--tooltip-background-light:var(--colors-neutral-800);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-base-white);--tooltip-text-heading-dark:var(--colors-neutral-800);--tooltip-text-paragraph-dark:var(--colors-neutral-700);--alpha-white-0:var(--colors-alpha-alpha-black-10);--alpha-white-10:var(--colors-alpha-alpha-black-10);--alpha-white-20:var(--colors-alpha-alpha-black-20);--alpha-white-30:var(--colors-alpha-alpha-black-30);--alpha-white-40:var(--colors-alpha-alpha-black-40);--alpha-white-50:var(--colors-alpha-alpha-black-50);--alpha-white-60:var(--colors-alpha-alpha-black-60);--alpha-white-70:var(--colors-alpha-alpha-black-70);--alpha-white-80:var(--colors-alpha-alpha-black-80);--alpha-white-90:var(--colors-alpha-alpha-black-90);--alpha-white-100:var(--colors-alpha-alpha-black-100);--alpha-black-0:var(--colors-alpha-alpha-white-10);--alpha-black-10:var(--colors-alpha-alpha-white-10);--alpha-black-20:var(--colors-alpha-alpha-white-20);--alpha-black-30:var(--colors-alpha-alpha-white-30);--alpha-black-40:var(--colors-alpha-alpha-white-40);--alpha-black-50:var(--colors-alpha-alpha-white-50);--alpha-black-60:var(--colors-alpha-alpha-white-60);--alpha-black-70:var(--colors-alpha-alpha-white-70);--alpha-black-80:var(--colors-alpha-alpha-white-80);--alpha-black-90:var(--colors-alpha-alpha-white-90);--alpha-black-100:var(--colors-alpha-alpha-white-100);--background-disabled:var(--colors-neutral-700);--background-disabled-primary:var(--colors-primary-sa-flag-700);--background-inverse-disabled:var(--colors-neutral-700);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-green-600);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-600);--stepper-button-upcomming-hovered:var(--colors-neutral-600);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-default);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-700);--stepper-line-upcomming:var(--colors-neutral-700);--stepper-line-upcomming-hovered:var(--colors-neutral-700);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--colors-neutral-800);--form-field-background-lighter:var(--colors-neutral-600);--form-field-background-darker:var(--colors-neutral-800);--form-field-background-pressed:#4d5761;--form-field-border-default:var(--colors-neutral-500);--form-field-border-hovered:var(--colors-neutral-200);--form-field-border-pressed:var(--colors-neutral-25);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-500);--form-option-background-pressed:var(--colors-neutral-700);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-white);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-700);--form-datecell-today-background-pressed:var(--colors-neutral-600);--icon-default-500:var(--colors-neutral-200);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-400);--form-datecell-background-100:var(--colors-primary-sa-flag-300);--controls-control-icon-hovered:var(--colors-primary-sa-flag-800);--alpha-primary-10:#166a4519;--icon-default-400:var(--colors-neutral-500);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#166a4533;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#fec84b19;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#fec84b33;--alpha-error-10:#b4231819;--alpha-error-20:#b4231833;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-500);--icon-neutral-light:var(--colors-neutral-950);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-600);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-600);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-base-white);--icon-default-oncolor-disabled:var(--colors-base-white);--control-disabled:var(--colors-alpha-alpha-white-30);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-600);--featuredicons-icon-default:var(--colors-base-white);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-200);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-500);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-500);--featuredicons-icon-neutral-light:var(--colors-neutral-950);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-600);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--alpha-warning-10);--featuredicons-bg-icon-error-light:var(--alpha-error-10);--featuredicons-bg-icon-brand-light:var(--alpha-primary-10);--featuredicons-bg-icon-info-light:var(--alpha-info-10);--featuredicons-bg-icon-success-light:var(--alpha-success-10);--controls-control-icon-pressed:var(--colors-primary-sa-flag-800);--controls-control-icon-disabled:var(--colors-neutral-400);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--alpha-white-10);--notification-background-success-50:var(--alpha-success-20);--notification-background-warning-50:var(--alpha-warning-20);--notification-background-error-50:var(--alpha-error-20);--notification-background-brand-50:var(--alpha-primary-20);--notification-background-info-50:var(--alpha-info-20);--notification-background-default-25:var(--alpha-white-0);--notification-background-success-25:var(--alpha-primary-10);--notification-background-warning-25:var(--alpha-warning-10);--notification-background-error-25:var(--alpha-error-10);--notification-background-brand-25:var(--alpha-primary-10);--notification-background-info-25:var(--alpha-info-10);--notification-text-success:var(--colors-green-300);--notification-text-error:var(--colors-red-300);--notification-text-info:var(--colors-blue-300);--notification-text-warning:var(--colors-yellow-300);--notification-text-brand:var(--colors-primary-sa-flag-300);--controls-control-text-error:var(--colors-red-300)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.input--lg .input__prefix-label,.input--lg .input__suffix-label,.input__prefix-label,.input__prefix-icon,.input__prefix-chevron,.input__suffix-label,.input__suffix-icon,.input__suffix-chevron,.input__field::placeholder,.input__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.breadcrumb-dropdown-item,.input--md .input__prefix-label,.input--md .input__suffix-label,.input--md .input__field,.input--md .input__field::placeholder,.input--lg .input__field,.input--lg .input__field::placeholder,.input__prefix .dropdown__label--selection,.input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.input.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.breadcrumb-dropdown{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-alpha-black)/20%);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;gap:8px;position:relative;width:320px;min-width:200px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.input{display:flex;height:40px;width:100%;justify-content:flex-start;align-items:center;padding:var(--spacing-none) var(--spacing-2);border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.input:hover{border-color:var(--form-field-border-hovered)}.input::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input.focus::after{width:100%}.input.active::after{width:50%}.input--readonly,.input--readonly:hover,.input--disabled,.input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.input--readonly::after,.input--disabled::after{display:none}.input--readonly .input__field,.input--readonly .input__field::placeholder,.input--disabled .input__field,.input--disabled .input__field::placeholder{color:var(--form-field-text-readonly)}.input--disabled{border-color:var(--border-disabled)}.input--disabled .input__field{color:var(--text-default-disabled)}.input--disabled .input__field,.input--disabled .input__field::placeholder{color:var(--text-default-disabled)}.input--disabled .input__icon span,.input--disabled .input__prefix--subtle-text,.input--disabled .input__prefix--solid-text{color:var(--text-default-disabled)}.input__icon{height:100%;display:inline-flex;align-items:center}.input__icon span{color:var(--form-field-border-hovered);font-size:20px}.input__feedback-icon{height:100%;display:inline-flex;align-items:center}.input__feedback-icon span{font-size:20px;position:relative;z-index:0}.input__feedback-icon--success{color:var(--text-success)}.input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.input__feedback-icon--error{color:var(--text-error)}.input__feedback-icon--error span::after{background-color:var(--text-error-100)}.input__feedback-icon--warning{color:var(--text-warning)}.input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.input__feedback-icon--warning-triangle{color:var(--text-warning)}.input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.input__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.input__prefix,.input__suffix{display:inline-flex;height:100%;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;margin-left:calc(-1 * var(--spacing-2));margin-right:var(--spacing-2);border:0}.input__prefix-label,.input__prefix-icon,.input__prefix-chevron,.input__suffix-label,.input__suffix-icon,.input__suffix-chevron{color:var(--colors-text-primary)}.input__prefix .dropdown__label,.input__suffix .dropdown__label{display:none}.input__prefix .dropdown__label--selection,.input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.input__prefix .dropdown__label--selection~.input__prefix-label,.input__suffix .dropdown__label--selection~.input__prefix-label{display:none}.input__prefix-chevron,.input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.input__prefix.active,.input__suffix.active{background-color:var(--colors-gray-neutral-300)}.input__prefix--solid,.input__suffix--solid{background-color:var(--background-neutral-50)}.input__prefix--solid-text,.input__suffix--solid-text{background-color:var(--background-neutral-50)}.input__prefix--solid-text .input__prefix-label,.input__suffix--solid-text .input__prefix-label{color:var(--colors-text-quarterary)}.input__prefix--solid:hover,.input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.input__prefix--solid:focus,.input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.input__prefix--solid.active,.input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.input__prefix--solid:disabled,.input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.input__prefix--solid:disabled .input__prefix-label,.input__prefix--solid:disabled .input__prefix-icon,.input__prefix--solid:disabled .input__prefix-chevron,.input__suffix--solid:disabled .input__prefix-label,.input__suffix--solid:disabled .input__prefix-icon,.input__suffix--solid:disabled .input__prefix-chevron{color:var(--colors-gray-neutral-300)}.input__prefix--subtle,.input__suffix--subtle{background-color:transparent}.input__prefix--subtle-text,.input__suffix--subtle-text{background-color:transparent}.input__prefix--subtle-text .input__prefix-label,.input__suffix--subtle-text .input__prefix-label{color:var(--colors-text-quarterary)}.input__prefix--subtle:hover,.input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.input__prefix--subtle:focus,.input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.input__prefix--subtle.active,.input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.input__prefix--subtle:disabled .input__prefix-label,.input__prefix--subtle:disabled .input__prefix-icon,.input__prefix--subtle:disabled .input__prefix-chevron,.input__suffix--subtle:disabled .input__prefix-label,.input__suffix--subtle:disabled .input__prefix-icon,.input__suffix--subtle:disabled .input__prefix-chevron{color:var(--colors-gray-neutral-300)}.input__prefix.selected,.input__suffix.selected{background-color:var(--form-field-border-hovered)}.input__prefix.selected .input__prefix-icon,.input__prefix.selected .input__prefix-label,.input__prefix.selected .input__prefix-chevron,.input__suffix.selected .input__prefix-icon,.input__suffix.selected .input__prefix-label,.input__suffix.selected .input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.input__prefix.selected .dropdown__label,.input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.input__dropdown-btn.open+.input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.input__dropdown-btn.open .input__dropdown .input__prefix-chevron,.input__dropdown-btn.open .input__dropdown .input__suffix-chevron{transform:rotate(180deg)}.input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input__suffix{margin-right:calc(-1 * var(--spacing-2));margin-left:var(--spacing-xl);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.input--lighter:hover{border:1px solid var(--form-field-border-default)}.input--lighter.focus{border:1px solid var(--form-field-border-default)}.input--lighter.active{border:1px solid var(--form-field-border-default)}.input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.input--darker:hover{border:1px solid var(--form-field-border-default)}.input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.input.readOnly::after{content:none}.input--error,.input--error:hover{border:1px solid var(--form-field-border-error) !important}.input--error::after{background-color:var(--form-field-border-error)}.input--lg{height:40px}.input--lg .input__field,.input--lg .input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input--lg__feedback-icon span{font-size:20px}.input--lg .input__prefix-icon,.input--lg .input__suffix-icon{font-size:24px}.input--lg .input__prefix-chevron,.input--lg .input__suffix-chevron{font-size:20px}.input--md{height:32px}.input--md .input__field,.input--md .input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input--md__feedback-icon span{font-size:16px}.input--md .input__prefix-icon,.input--md .input__suffix-icon{font-size:20px}.input--md .input__prefix-chevron,.input--md .input__suffix-chevron{font-size:16px}.breadcrumb-dropdown{display:flex;flex-direction:column;list-style:none;width:153px;padding:var(--spacing-xs, 4px);flex-direction:column;align-items:flex-start;position:absolute;left:0;top:calc(100% + 4px);border-radius:var(--radius-sm);border:1px solid var(--border-neutral-secondary, #E5E7EB);background:var(--background-white, #FFF)}.breadcrumb-dropdown-item{display:flex;padding:var(--spacing-md, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-md, 8px);align-self:stretch;border-radius:var(--radius-sm, 4px);color:var(--link-neutral, #384250)}.breadcrumb-dropdown-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.breadcrumb-dropdown-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #E5E7EB);mix-blend-mode:multiply}.date-picker-dropdown{width:fit-content}`,vb=kb,fg=D(class extends E{constructor(){super(),this.__registerHost(),this.placeholder="DD/MM/YYYY",this.size="lg",this.variant="default",this.error=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!1,this.name=be(),this.value="",this.isActive=!1,this.isFocused=!1,this.isDatepickerOpen=!1,this.errorMessage="",this.selectedDate=null,this.inputValue="",this.handleInput=e=>{var o,t;const r=e.target;if(this.inputValue=r.value,this.inputValue===""){this.selectedDate=null,this.errorMessage="",this.error=!1,(o=this.onChange)===null||o===void 0||o.call(this,null);return}if(ub(this.inputValue)){const[a,n,g]=this.inputValue.split("/").map(Number);this.selectedDate=new Date(g,n-1,a),this.errorMessage="",this.error=!1,(t=this.onChange)===null||t===void 0||t.call(this,this.selectedDate)}else this.errorMessage="Use DD/MM/YYYY format",this.error=!0},this.handleFocus=()=>{this.isFocused=!0},this.handleClickOutside=e=>{this.isDatepickerOpen&&this.inputContainerRef&&!this.inputContainerRef.contains(e.target)&&this.datepickerRef&&!this.datepickerRef.contains(e.target)&&(this.isDatepickerOpen=!1,document.removeEventListener("click",this.handleClickOutside))},this.handleOpenDatepickerPopup=()=>{!this.readonly&&!this.disabled&&(this.isDatepickerOpen=!0,document.addEventListener("click",this.handleClickOutside))},this.handleDatepickerChange=e=>{var o;this.selectedDate=e.detail,this.inputValue=oi(this.selectedDate),this.errorMessage="",this.error=!1,this.isDatepickerOpen=!1,(o=this.onChange)===null||o===void 0||o.call(this,this.selectedDate),document.removeEventListener("click",this.handleClickOutside)},this.handleBlur=()=>{setTimeout(()=>{var e;!((e=this.inputContainerRef)===null||e===void 0)&&e.contains(document.activeElement)||(this.isFocused=!1,this.isDatepickerOpen=!1,document.removeEventListener("click",this.handleClickOutside),this.selectedDate&&(this.inputValue=oi(this.selectedDate)))},200)}}valueChanged(e,o){console.log("ddddddddddddddddddddddddate",e,o),e!==o&&(this.inputEl.value=e)}render(){const e={input:!0,[`input--${this.size}`]:!0,"input--error":this.error,[`input--${this.variant}`]:this.variant!=="default",active:this.isActive,focus:this.isFocused,"input--disabled":this.disabled,readOnly:this.readonly};return console.log(this.selectedDate,"selected"),s("div",{key:"d71c515614c076d66070a9cbe31bdfbb8641e343",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&s("dga-label",{key:"8509423f8dd499901fa41ff808e842bae547054e",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"80cc70b969c27b2339676655c9445f64464fd9f9",class:Object.keys(e).filter(o=>e[o]).join(" "),ref:o=>this.inputContainerRef=o},this.icon&&s("span",{key:"ce9a25a1d0ddd9eb6cffe9a72e97f3578f4654a5",class:"input__icon"},s("dga-icon",{key:"6baac4d33993ae29ceb4e87d27c23ad5c90a4c17",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"f5a917a07d58947fbf3e8289e94e210ee85dc7b0",ref:o=>this.inputEl=o,name:this.name,value:this.inputValue,type:"text",class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onFocus:this.handleFocus,onBlur:this.handleBlur,onInput:this.handleInput,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1}),s("dga-button-v2",{key:"f4796f55004c7ac21b47e8e27bbb280958515c8f",variant:"transparent",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"calendar-03",variant:"stroke",type:"rounded"},onClick:this.handleOpenDatepickerPopup}),this.error&&s("span",{key:"145abfe32bed5ce16496ba2c73b9e61135f278f7",class:"input__feedback-icon input__feedback-icon--error"},s("dga-icon",{key:"e6366c0293c0297e3e6781f334fa6a5e477a0d14",icon:"AlertCircleIcon",variant:"solid"}))),(this.errorMessage||this.helperText)&&s("dga-helper-text",{key:"0264143de869792f2ea51e4bb2d549ea4a451724",helperText:this.errorMessage||this.helperText,error:this.error}),this.isDatepickerOpen&&s("div",{key:"38d6330c1e5d6b7e500f28c32fa8e881d9f42ed0",class:"date-picker-dropdown",ref:o=>this.datepickerRef=o},s("dga-datepicker",Object.assign({key:"6854418379b2f536f62b183ee3993d418d4cbe0d"},this.datepickerOptions,{value:this.selectedDate,onChange:this.handleDatepickerChange,style:{width:"fit-content",display:"block"}}))))}static get watchers(){return{value:["valueChanged"]}}static get style(){return vb}},[0,"dga-date-field",{label:[1],placeholder:[1],size:[1],variant:[1],error:[4],helperText:[1,"helper-text"],icon:[16],disabled:[4],readonly:[4],required:[4],fullwidth:[4],name:[1],value:[1],onChange:[16],datepickerOptions:[16],isActive:[32],isFocused:[32],isDatepickerOpen:[32],errorMessage:[32],selectedDate:[32],inputValue:[32]},void 0,{value:["valueChanged"]}]);function ug(){if(typeof customElements>"u")return;["dga-date-field","date-cell","dga-button-v2","dga-datepicker","dga-helper-text","dga-icon","dga-icon-v2","dga-label","dga-text-input","month-navigator"].forEach(e=>{switch(e){case"dga-date-field":customElements.get(e)||customElements.define(e,fg);break;case"date-cell":customElements.get(e)||Lt();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-datepicker":customElements.get(e)||ia();break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-label":customElements.get(e)||ko();break;case"dga-text-input":customElements.get(e)||it();break;case"month-navigator":customElements.get(e)||Ft();break}})}const mg=D(class extends E{constructor(){super(),this.__registerHost(),this.value=""}render(){return s("div",{key:"e02678c29626055867e02ae8cb43b3a585b0c908"},s("h1",{key:"6a4d58a66ceaa200c9e7cb394e777548c160d72d"},"Date Field Example"),s("div",{key:"19162acf1174846848b0613feeb75d7a05d9d033",style:{padding:"50px"}},s("div",{key:"344c7a9db03aa248f51117aa42531793b6b5d7c0",style:{display:"flex",flexDirection:"column",gap:"16px"}},s("input",{key:"91aa2e05f427f0ac720b5337b9e34dadd9c161a7",type:"date",value:this.value,onChange:e=>this.value=e.target.value}),s("dga-date-field",{key:"d7f49a9111c86d2cb8736cc229fbb527823e99d4",value:this.value,onChange:e=>this.value=e.target.value}))))}},[0,"dga-date-field-usage",{value:[32]}]);function xb(){if(typeof customElements>"u")return;["dga-date-field-usage","date-cell","dga-button-v2","dga-date-field","dga-datepicker","dga-helper-text","dga-icon","dga-icon-v2","dga-label","dga-text-input","month-navigator"].forEach(e=>{switch(e){case"dga-date-field-usage":customElements.get(e)||customElements.define(e,mg);break;case"date-cell":customElements.get(e)||Lt();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-date-field":customElements.get(e)||ug();break;case"dga-datepicker":customElements.get(e)||ia();break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-label":customElements.get(e)||ko();break;case"dga-text-input":customElements.get(e)||it();break;case"month-navigator":customElements.get(e)||Ft();break}})}const wb=mg,yb=xb,qb=fg,zb=ug,Sb=bg,Ab=ia,Mb=`@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); :root{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--spacing-96:384px;--spacing-80:320px;--spacing-120:480px;--spacing-140:560px;--spacing-160:640px;--spacing-180:720px;--spacing-192:768px;--spacing-256:1024px;--spacing-320:1280px;--spacing-360:1440px;--spacing-400:1600px;--spacing-480:1920px}:root{--width-xxs:var(--spacing-80);--width-xs:var(--spacing-96);--width-sm:var(--spacing-120);--width-md:var(--spacing-140);--width-lg:var(--spacing-160);--width-xl:var(--spacing-192);--width-2xl:var(--spacing-256);--width-3xl:var(--spacing-320);--width-4xl:var(--spacing-360);--width-5xl:var(--spacing-400);--width-6xl:var(--spacing-480);--maxwidth-paragraph-max-width:var(--spacing-180)}@media only screen and (min-width: 1025px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-4);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-12);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-8);--section-padding:var(--spacing-8);--section-gap:var(--spacing-8);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-8);--card-md-gap:var(--spacing-6);--card-sm-padding:var(--spacing-8);--card-sm-gap:var(--spacing-6)}}@media only screen and (min-width: 768px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-3);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-6);--section-padding:var(--spacing-6);--section-gap:var(--spacing-6);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-6);--card-md-gap:var(--spacing-5);--card-sm-padding:var(--spacing-6);--card-sm-gap:var(--spacing-5)}}@media only screen and (max-width: 767px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-2);--notification-padding:var(--spacing-3);--notification-h-padding:var(--spacing-4);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-4);--notification-toast-v-padding:var(--spacing-3);--notification-toast-desktop-h-padding:var(--spacing-4);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-2);--tab-horizontal-tab-md-button-h-padding:var(--spacing-3);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-1);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-2);--tab-vertical-tab-md-button-v-padding:var(--spacing-1);--tab-vertical-tab-md-button-h-padding:var(--spacing-2);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1);--table-cell-gap:var(--spacing-1);--table-cell-v-padding:var(--spacing-1);--table-cell-h-padding:var(--spacing-3);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-2);--control-switch-error-icon-gap:var(--spacing-1);--control-radio-error-icon-gap:var(--spacing-12);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-4);--section-padding:var(--spacing-4);--section-gap:var(--spacing-4);--text-content-gap:var(--spacing-1);--icon-text-gap:var(--spacing-1);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-4);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-1);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-2);--buttons-group-gap:var(--spacing-1);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-1);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-2);--progressindicator-progress-indicator-gap:var(--spacing-4);--progressindicator-progress-text-content-side-padding:var(--spacing-3);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-1);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-4);--card-md-padding:var(--spacing-4);--card-md-gap:var(--spacing-3);--card-sm-padding:var(--spacing-4);--card-sm-gap:var(--spacing-3)}}:root{--radius-0:0;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-9999:9999px;--components-card-radius:var(--spacing-4);--radius-none:var(--radius-0);--radius-xs:var(--radius-2);--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-16);--radius-xl:var(--radius-24);--radius-full:var(--radius-9999)}:root{--colors-base-white:#ffffff;--colors-base-black:#161616;--colors-primary-sa-flag-25:#f7fdf9;--colors-primary-sa-flag-50:#f3fcf6;--colors-primary-sa-flag-100:#dff6e7;--colors-primary-sa-flag-200:#b8eacb;--colors-primary-sa-flag-300:#88d8ad;--colors-primary-sa-flag-400:#54c08a;--colors-primary-sa-flag-500-alpha-10:#25935f19;--colors-primary-sa-flag-500:#25935f;--colors-primary-sa-flag-600-primary:#1b8354;--colors-primary-sa-flag-700:#166a45;--colors-primary-sa-flag-800:#14573a;--colors-primary-sa-flag-900:#104631;--colors-primary-sa-flag-950:#092a1e;--colors-secondary-gold-25:#fffef7;--colors-secondary-gold-50:#fffef2;--colors-secondary-gold-100:#fffce6;--colors-secondary-gold-200:#fcf3bd;--colors-secondary-gold-300:#fae996;--colors-secondary-gold-400:#f7d54d;--colors-secondary-gold-500:#f5bd02;--colors-secondary-gold-600-primary:#dba102;--colors-secondary-gold-700:#b87b02;--colors-secondary-gold-800:#945c01;--colors-secondary-gold-900:#6e3c00;--colors-secondary-gold-950:#472400;--colors-tertiary-lavendar-25:#fefcff;--colors-tertiary-lavendar-50:#f9f5fa;--colors-tertiary-lavendar-100:#f2e9f5;--colors-tertiary-lavendar-200:#e1cce8;--colors-tertiary-lavendar-300:#ccadd9;--colors-tertiary-lavendar-400:#a57bba;--colors-tertiary-lavendar-500-primary:#80519f;--colors-tertiary-lavendar-600:#6d428f;--colors-tertiary-lavendar-700:#532d75;--colors-tertiary-lavendar-800:#3d1d5e;--colors-tertiary-lavendar-900:#281047;--colors-tertiary-lavendar-950:#16072e;--colors-neutral-25:#fcfcfd;--colors-neutral-50:#f9fafb;--colors-neutral-100:#f3f4f6;--colors-neutral-200:#e5e7eb;--colors-neutral-300:#d2d6db;--colors-neutral-400:#9da4ae;--colors-neutral-500:#6c727e;--colors-neutral-600:#4d5761;--colors-neutral-700:#384250;--colors-neutral-800:#1f2a37;--colors-neutral-900:#111927;--colors-neutral-950:#0c111b;--colors-blue-25:#f5faff;--colors-blue-50:#eff8ff;--colors-blue-100:#d1e9ff;--colors-blue-200:#b2ddff;--colors-blue-300:#84caff;--colors-blue-400:#53b0fd;--colors-blue-500:#2e90fa;--colors-blue-600:#156fee;--colors-blue-700:#175cd3;--colors-blue-800:#1849a9;--colors-blue-900:#194084;--colors-blue-950:#102a56;--colors-green-25:#f6fef9;--colors-green-50:#ecfdf3;--colors-green-100:#dcfae6;--colors-green-200:#abefc6;--colors-green-300:#75dfa6;--colors-green-400:#47cd89;--colors-green-500:#17b169;--colors-green-600:#069454;--colors-green-700:#067647;--colors-green-800:#085d3a;--colors-green-900:#074c30;--colors-green-950:#053321;--colors-yellow-25:#fffcf5;--colors-yellow-50:#fffaeb;--colors-yellow-100:#fef0c7;--colors-yellow-200:#fedf89;--colors-yellow-300:#fec84b;--colors-yellow-400:#fdb022;--colors-yellow-500:#f79009;--colors-yellow-600:#dc6803;--colors-yellow-700:#b54707;--colors-yellow-800:#93370c;--colors-yellow-900:#7a2e0e;--colors-yellow-950:#4e1d09;--colors-red-25:#fffbfa;--colors-red-50:#fef3f2;--colors-red-100:#fee4e2;--colors-red-200:#fecdca;--colors-red-300:#fca19b;--colors-red-400:#f97066;--colors-red-500:#f04437;--colors-red-600:#d92c20;--colors-red-700:#b42318;--colors-red-800:#912018;--colors-red-900:#7a2619;--colors-red-950:#54150c;--colors-alpha-alpha-white-0:#ffffff00;--colors-alpha-alpha-white-10:#ffffff19;--colors-alpha-alpha-white-20:#ffffff33;--colors-alpha-alpha-white-30:#ffffff4c;--colors-alpha-alpha-white-40:#ffffff66;--colors-alpha-alpha-white-50:#ffffff7f;--colors-alpha-alpha-white-60:#ffffff99;--colors-alpha-alpha-white-70:#ffffffb2;--colors-alpha-alpha-white-80:#ffffffcc;--colors-alpha-alpha-white-90:#ffffffe5;--colors-alpha-alpha-white-100:#ffffff;--colors-alpha-alpha-black-0:#16161600;--colors-alpha-alpha-black-10:#16161619;--colors-alpha-alpha-black-20:#16161633;--colors-alpha-alpha-black-30:#1616164c;--colors-alpha-alpha-black-40:#16161666;--colors-alpha-alpha-black-50:#1616167f;--colors-alpha-alpha-black-60:#16161699;--colors-alpha-alpha-black-70:#161616b2;--colors-alpha-alpha-black-80:#161616cc;--colors-alpha-alpha-black-90:#161616e5;--colors-alpha-alpha-black-100:#161616;--colors-alpha-alpha-green-10:#1b835419;--colors-alpha-alpha-green-20:#1b835433;--colors-alpha-alpha-green-30:#1b83544c;--colors-alpha-alpha-green-40:#1b835466;--colors-alpha-alpha-green-50:#1b83547f;--colors-alpha-alpha-green-60:#1b835499;--colors-alpha-alpha-green-70:#1b8354b2;--colors-alpha-alpha-green-80:#1b8354cc;--colors-alpha-alpha-green-90:#1b8354e5;--colors-alpha-alpha-green-100:var(--colors-primary-sa-flag-600-primary)}:root{--shadow-xs:0px 1px 2px 0px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);--shadow-md:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);--shadow-lg:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--shadow-xl:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);--shadow-2xl:0px 24px 48px -12px rgba(16, 24, 40, 0.18);--shadow-3xl:0px 32px 64px -12px rgba(16, 24, 40, 0.14)}.shadows-container{display:flex;width:2240px;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-7xl)}.shadows-box{display:flex;height:240px;max-width:256px;padding:var(--spacing-3xl);align-items:flex-start;gap:var(--spacing-none);flex:1 0 0;border-radius:var(--radius-xl);border:1px solid var(--colors-border-primary);background:var(--colors-bg-primary)}:root{--background-white:var(--colors-base-white);--background-body:var(--colors-neutral-50);--background-menu:var(--colors-base-white);--background-card:var(--colors-base-white);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-black);--background-brand-light:var(--colors-primary-sa-flag-50);--background-neutral-800:var(--colors-neutral-800);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-300);--background-neutral-200:var(--colors-neutral-200);--background-neutral-100:var(--colors-neutral-100);--background-neutral-50:var(--colors-neutral-50);--background-neutral-25:var(--colors-neutral-25);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-primary-sa-flag-200);--background-primary-50:var(--colors-primary-sa-flag-50);--background-primary-25:var(--colors-primary-sa-flag-25);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-secondary-gold-50);--background-secondary-25:var(--colors-secondary-gold-25);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-tertiary-lavendar-50);--background-tertiary-25:var(--colors-tertiary-lavendar-25);--background-success:var(--colors-green-600);--background-success-light:var(--colors-green-50);--background-success-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-light:var(--colors-blue-50);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-light:var(--colors-yellow-50);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--background-error-light:var(--colors-red-50);--background-error-50:var(--colors-red-50);--background-error-25:var(--colors-red-25);--background-sa-flag:var(--colors-green-900);--background-sa-flag-50:var(--colors-green-50);--background-sa-flag-25:var(--colors-green-25);--background-notification-white:var(--colors-base-white);--text-default:var(--colors-base-black);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-800);--text-display:var(--colors-neutral-800);--text-primary-paragraph:var(--colors-neutral-700);--text-secondary-paragraph:var(--colors-neutral-500);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-700);--text-info:var(--colors-blue-700);--text-warning:var(--colors-yellow-700);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-white-40);--border-white:var(--colors-base-white);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(--colors-primary-sa-flag-600-primary);--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(--colors-primary-sa-flag-600-primary);--button-background-neutral-default:var(--colors-neutral-100);--button-background-neutral-hovered:var(--colors-neutral-100);--button-background-neutral-pressed:var(--colors-neutral-200);--button-background-neutral-selected:var(--colors-neutral-200);--button-background-neutral-focused:var(--colors-neutral-100);--button-background-danger-primary-default:var(--colors-red-600);--button-background-danger-primary-hovered:var(--colors-red-700);--button-background-danger-primary-pressed:var(--colors-red-900);--button-background-danger-primary-selected:var(--colors-red-800);--button-background-danger-primary-focused:var(--colors-red-600);--button-label-danger-primary-default-oncolor:var(--colors-red-200);--button-label-danger-primary-hovered-oncolor:var(--colors-red-300);--button-label-danger-primary-pressed-oncolor:var(--colors-red-400);--button-background-danger-secondary-default:var(--colors-red-50);--button-background-danger-secondary-hovered:var(--colors-red-100);--button-background-danger-secondary-pressed:var(--colors-red-200);--button-background-danger-secondary-selected:var(--colors-red-50);--button-background-danger-secondary-focused:var(--colors-red-50);--button-background-oncolor-default:var(--colors-base-white);--button-background-oncolor-hovered:var(--alpha-white-80);--button-background-oncolor-pressed:var(--alpha-white-60);--button-background-oncolor-selected:var(--alpha-white-70);--button-background-oncolor-focused:var(--alpha-white-100);--button-background-transparent-default:var(--alpha-white-0);--button-background-transparent-hovered:var(--alpha-white-20);--button-background-transparent-pressed:var(--alpha-white-40);--button-background-transparent-selected:var(--alpha-white-30);--button-background-transparent-focused:var(--alpha-white-0);--button-background-disabled-on-color:var(--alpha-white-20);--button-label-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-black:var(--colors-base-black);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-primary-sa-flag-200);--border-secondary:var(--colors-secondary-gold-600-primary);--border-secondary-light:var(--colors-secondary-gold-200);--border-tertiary:var(--colors-tertiary-lavendar-500-primary);--border-tertiary-light:var(--colors-tertiary-lavendar-200);--border-neutral-primary:var(--colors-neutral-300);--border-neutral-secondary:var(--colors-neutral-200);--border-neutral-tertiary:var(--colors-neutral-100);--border-background-white:var(--colors-neutral-100);--border-background-neutral:var(--colors-neutral-300);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-700);--button-label-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--background-primary-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-700);--link-neutral-hovered:var(--colors-neutral-500);--link-icon-neutral-hovered:var(--colors-neutral-500);--link-neutral-pressed:var(--colors-neutral-400);--link-icon-neutral-pressed:var(--colors-neutral-400);--link-neutral-focused:var(--colors-neutral-700);--link-icon-neutral-focused:var(--colors-neutral-700);--link-neutral-visited:var(--colors-neutral-600);--link-icon-neutral-visited:var(--colors-neutral-600);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-neutral-600);--tag-background-neutral-light:var(--colors-neutral-50);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-800);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-800);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-600);--tag-border-neutral-light:var(--colors-neutral-50);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-yellow-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-300);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-700);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-50);--table-background-header:var(--colors-neutral-100);--table-background-row:var(--colors-neutral-50);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-800);--controls-control-primary-pressed:var(--colors-primary-sa-flag-800);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-950);--controls-control-neutral-hovered:var(--colors-neutral-600);--controls-control-neutral-pressed:var(--colors-neutral-600);--controls-control-neutral-focused:var(--colors-neutral-950);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-300);--controls-control-ripple-effect:var(--colors-neutral-200);--controls-control-border:var(--colors-neutral-500);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-primary-sa-flag-600-primary);--tooltip-background-light:var(--colors-base-white);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-neutral-800);--tooltip-text-heading-dark:var(--colors-neutral-50);--tooltip-text-paragraph-dark:var(--colors-neutral-100);--alpha-white-0:var(--colors-alpha-alpha-white-0);--alpha-white-10:var(--colors-alpha-alpha-white-10);--alpha-white-20:var(--colors-alpha-alpha-white-20);--alpha-white-30:var(--colors-alpha-alpha-white-30);--alpha-white-40:var(--colors-alpha-alpha-white-40);--alpha-white-50:var(--colors-alpha-alpha-white-50);--alpha-white-60:var(--colors-alpha-alpha-white-60);--alpha-white-70:var(--colors-alpha-alpha-white-70);--alpha-white-80:var(--colors-alpha-alpha-white-80);--alpha-white-90:var(--colors-alpha-alpha-white-90);--alpha-white-100:var(--colors-alpha-alpha-white-100);--alpha-black-0:var(--colors-alpha-alpha-black-0);--alpha-black-10:var(--colors-alpha-alpha-black-10);--alpha-black-20:var(--colors-alpha-alpha-black-20);--alpha-black-30:var(--colors-alpha-alpha-black-30);--alpha-black-40:var(--colors-alpha-alpha-black-40);--alpha-black-50:var(--colors-alpha-alpha-black-50);--alpha-black-60:var(--colors-alpha-alpha-black-60);--alpha-black-70:var(--colors-alpha-alpha-black-70);--alpha-black-80:var(--colors-alpha-alpha-black-80);--alpha-black-90:var(--colors-alpha-alpha-black-90);--alpha-black-100:var(--colors-alpha-alpha-black-100);--background-disabled:var(--colors-neutral-200);--background-disabled-primary:var(--colors-primary-sa-flag-200);--background-inverse-disabled:var(--colors-neutral-100);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-primary-sa-flag-600-primary);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-300);--stepper-button-upcomming-hovered:var(--colors-neutral-400);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-display);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-300);--stepper-line-upcomming:var(--colors-neutral-300);--stepper-line-upcomming-hovered:var(--colors-neutral-400);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--background-card);--form-field-background-lighter:var(--colors-neutral-25);--form-field-background-darker:var(--colors-neutral-100);--form-field-background-pressed:var(--colors-neutral-100);--form-field-border-default:var(--colors-neutral-400);--form-field-border-hovered:var(--colors-neutral-700);--form-field-border-pressed:var(--colors-neutral-950);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-100);--form-option-background-pressed:var(--colors-neutral-200);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-black);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-200);--form-datecell-today-background-pressed:var(--colors-neutral-300);--icon-default-500:var(--colors-neutral-500);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-200);--form-datecell-background-100:var(--colors-primary-sa-flag-100);--controls-control-icon-hovered:var(--icon-oncolor);--alpha-primary-10:#1b835419;--icon-default-400:var(--colors-neutral-400);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#1b835433;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#dc680319;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#dc680333;--alpha-error-10:#d92c2019;--alpha-error-20:#d92c2033;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-700);--icon-neutral-light:var(--colors-neutral-50);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-700);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-neutral-400);--icon-default-oncolor-disabled:var(--colors-alpha-alpha-white-40);--control-disabled:var(--colors-neutral-400);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-700);--featuredicons-icon-default:var(--colors-base-black);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-500);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-400);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-700);--featuredicons-icon-neutral-light:var(--colors-neutral-50);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--background-warning-50);--featuredicons-bg-icon-error-light:var(--background-error-50);--featuredicons-bg-icon-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-bg-icon-info-light:var(--background-info-50);--featuredicons-bg-icon-success-light:var(--background-success-50);--controls-control-icon-pressed:var(--icon-oncolor);--controls-control-icon-disabled:var(--colors-base-white);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--background-neutral-50);--notification-background-success-50:var(--background-success-50);--notification-background-warning-50:var(--background-warning-50);--notification-background-error-50:var(--background-error-50);--notification-background-brand-50:var(--colors-primary-sa-flag-50);--notification-background-info-50:var(--background-info-50);--notification-background-default-25:var(--background-neutral-25);--notification-background-success-25:var(--background-success-25);--notification-background-warning-25:var(--background-warning-25);--notification-background-error-25:var(--background-error-25);--notification-background-brand-25:var(--background-primary-25);--notification-background-info-25:var(--background-info-25);--notification-text-success:var(--text-success);--notification-text-error:var(--text-error);--notification-text-info:var(--text-info);--notification-text-warning:var(--text-warning);--notification-text-brand:var(--text-primary);--controls-control-text-error:var(--text-error)}[data-theme=dark] :root{--background-white:var(--colors-neutral-950);--background-body:var(--colors-neutral-900);--background-menu:var(--colors-neutral-800);--background-card:var(--colors-neutral-800);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-white);--background-neutral-800:var(--colors-neutral-600);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-500);--background-neutral-200:var(--colors-neutral-600);--background-neutral-100:var(--colors-neutral-800);--background-neutral-50:var(--colors-neutral-900);--background-neutral-25:var(--colors-neutral-950);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-neutral-700);--background-primary-50:var(--colors-alpha-alpha-green-10);--background-primary-25:var(--colors-primary-sa-flag-950);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-neutral-800);--background-secondary-25:var(--colors-neutral-900);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-neutral-800);--background-tertiary-25:var(--colors-neutral-900);--background-success:var(--colors-green-600);--background-success-50:var(--colors-neutral-800);--background-success-25:var(--colors-neutral-900);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-neutral-800);--background-info-25:var(--colors-neutral-900);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-neutral-800);--background-warning-25:var(--colors-neutral-900);--background-error:var(--colors-red-600);--background-error-50:var(--colors-neutral-800);--background-error-25:var(--colors-neutral-900);--background-sa-flag:var(--colors-primary-sa-flag-600-primary);--background-sa-flag-50:var(--colors-neutral-800);--background-sa-flag-25:var(--colors-neutral-900);--background-notification-white:var(--colors-neutral-900);--text-default:var(--colors-base-white);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-100);--text-display:var(--colors-neutral-50);--text-primary-paragraph:var(--colors-neutral-100);--text-secondary-paragraph:var(--colors-neutral-200);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-600);--text-info:var(--colors-blue-600);--text-warning:var(--colors-yellow-600);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-black-40);--border-white:var(--colors-base-black);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(
+  );--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-200);--link-neutral-hovered:var(--colors-neutral-400);--link-icon-neutral-hovered:var(--colors-neutral-400);--link-neutral-pressed:var(--colors-neutral-500);--link-icon-neutral-pressed:var(--colors-neutral-500);--link-neutral-focused:var(--colors-neutral-200);--link-icon-neutral-focused:var(--colors-neutral-200);--link-neutral-visited:var(--colors-neutral-300);--link-icon-neutral-visited:var(--colors-neutral-300);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-primary-sa-flag-600-primary);--tag-background-neutral-light:var(--colors-neutral-800);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-100);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-100);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-300);--tag-border-neutral-light:var(--colors-neutral-800);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-red-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-600);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-300);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-900);--table-background-header:var(--colors-neutral-900);--table-background-row:var(--colors-neutral-900);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-300);--controls-control-primary-pressed:var(--colors-primary-sa-flag-400);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-600);--controls-control-neutral-hovered:var(--colors-neutral-400);--controls-control-neutral-pressed:var(--colors-neutral-400);--controls-control-neutral-focused:var(--colors-neutral-600);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-600);--controls-control-ripple-effect:var(--colors-neutral-950);--controls-control-border:var(--colors-neutral-400);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-green-600);--tooltip-background-light:var(--colors-neutral-800);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-base-white);--tooltip-text-heading-dark:var(--colors-neutral-800);--tooltip-text-paragraph-dark:var(--colors-neutral-700);--alpha-white-0:var(--colors-alpha-alpha-black-10);--alpha-white-10:var(--colors-alpha-alpha-black-10);--alpha-white-20:var(--colors-alpha-alpha-black-20);--alpha-white-30:var(--colors-alpha-alpha-black-30);--alpha-white-40:var(--colors-alpha-alpha-black-40);--alpha-white-50:var(--colors-alpha-alpha-black-50);--alpha-white-60:var(--colors-alpha-alpha-black-60);--alpha-white-70:var(--colors-alpha-alpha-black-70);--alpha-white-80:var(--colors-alpha-alpha-black-80);--alpha-white-90:var(--colors-alpha-alpha-black-90);--alpha-white-100:var(--colors-alpha-alpha-black-100);--alpha-black-0:var(--colors-alpha-alpha-white-10);--alpha-black-10:var(--colors-alpha-alpha-white-10);--alpha-black-20:var(--colors-alpha-alpha-white-20);--alpha-black-30:var(--colors-alpha-alpha-white-30);--alpha-black-40:var(--colors-alpha-alpha-white-40);--alpha-black-50:var(--colors-alpha-alpha-white-50);--alpha-black-60:var(--colors-alpha-alpha-white-60);--alpha-black-70:var(--colors-alpha-alpha-white-70);--alpha-black-80:var(--colors-alpha-alpha-white-80);--alpha-black-90:var(--colors-alpha-alpha-white-90);--alpha-black-100:var(--colors-alpha-alpha-white-100);--background-disabled:var(--colors-neutral-700);--background-disabled-primary:var(--colors-primary-sa-flag-700);--background-inverse-disabled:var(--colors-neutral-700);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-green-600);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-600);--stepper-button-upcomming-hovered:var(--colors-neutral-600);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-default);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-700);--stepper-line-upcomming:var(--colors-neutral-700);--stepper-line-upcomming-hovered:var(--colors-neutral-700);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--colors-neutral-800);--form-field-background-lighter:var(--colors-neutral-600);--form-field-background-darker:var(--colors-neutral-800);--form-field-background-pressed:#4d5761;--form-field-border-default:var(--colors-neutral-500);--form-field-border-hovered:var(--colors-neutral-200);--form-field-border-pressed:var(--colors-neutral-25);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-500);--form-option-background-pressed:var(--colors-neutral-700);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-white);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-700);--form-datecell-today-background-pressed:var(--colors-neutral-600);--icon-default-500:var(--colors-neutral-200);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-400);--form-datecell-background-100:var(--colors-primary-sa-flag-300);--controls-control-icon-hovered:var(--colors-primary-sa-flag-800);--alpha-primary-10:#166a4519;--icon-default-400:var(--colors-neutral-500);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#166a4533;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#fec84b19;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#fec84b33;--alpha-error-10:#b4231819;--alpha-error-20:#b4231833;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-500);--icon-neutral-light:var(--colors-neutral-950);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-600);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-600);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-base-white);--icon-default-oncolor-disabled:var(--colors-base-white);--control-disabled:var(--colors-alpha-alpha-white-30);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-600);--featuredicons-icon-default:var(--colors-base-white);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-200);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-500);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-500);--featuredicons-icon-neutral-light:var(--colors-neutral-950);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-600);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--alpha-warning-10);--featuredicons-bg-icon-error-light:var(--alpha-error-10);--featuredicons-bg-icon-brand-light:var(--alpha-primary-10);--featuredicons-bg-icon-info-light:var(--alpha-info-10);--featuredicons-bg-icon-success-light:var(--alpha-success-10);--controls-control-icon-pressed:var(--colors-primary-sa-flag-800);--controls-control-icon-disabled:var(--colors-neutral-400);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--alpha-white-10);--notification-background-success-50:var(--alpha-success-20);--notification-background-warning-50:var(--alpha-warning-20);--notification-background-error-50:var(--alpha-error-20);--notification-background-brand-50:var(--alpha-primary-20);--notification-background-info-50:var(--alpha-info-20);--notification-background-default-25:var(--alpha-white-0);--notification-background-success-25:var(--alpha-primary-10);--notification-background-warning-25:var(--alpha-warning-10);--notification-background-error-25:var(--alpha-error-10);--notification-background-brand-25:var(--alpha-primary-10);--notification-background-info-25:var(--alpha-info-10);--notification-text-success:var(--colors-green-300);--notification-text-error:var(--colors-red-300);--notification-text-info:var(--colors-blue-300);--notification-text-warning:var(--colors-yellow-300);--notification-text-brand:var(--colors-primary-sa-flag-300);--controls-control-text-error:var(--colors-red-300)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.input--lg .input__prefix-label,.input--lg .input__suffix-label,.input__prefix-label,.input__prefix-icon,.input__prefix-chevron,.input__suffix-label,.input__suffix-icon,.input__suffix-chevron,.input__field::placeholder,.input__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.breadcrumb-dropdown-item,.input--md .input__prefix-label,.input--md .input__suffix-label,.input--md .input__field,.input--md .input__field::placeholder,.input--lg .input__field,.input--lg .input__field::placeholder,.input__prefix .dropdown__label--selection,.input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.input.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.breadcrumb-dropdown{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-alpha-black)/20%);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;gap:8px;position:relative;width:320px;min-width:200px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.input{display:flex;height:40px;width:100%;justify-content:flex-start;align-items:center;padding:var(--spacing-none) var(--spacing-2);border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.input:hover{border-color:var(--form-field-border-hovered)}.input::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input.focus::after{width:100%}.input.active::after{width:50%}.input--readonly,.input--readonly:hover,.input--disabled,.input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.input--readonly::after,.input--disabled::after{display:none}.input--readonly .input__field,.input--readonly .input__field::placeholder,.input--disabled .input__field,.input--disabled .input__field::placeholder{color:var(--form-field-text-readonly)}.input--disabled{border-color:var(--border-disabled)}.input--disabled .input__field{color:var(--text-default-disabled)}.input--disabled .input__field,.input--disabled .input__field::placeholder{color:var(--text-default-disabled)}.input--disabled .input__icon span,.input--disabled .input__prefix--subtle-text,.input--disabled .input__prefix--solid-text{color:var(--text-default-disabled)}.input__icon{height:100%;display:inline-flex;align-items:center}.input__icon span{color:var(--form-field-border-hovered);font-size:20px}.input__feedback-icon{height:100%;display:inline-flex;align-items:center}.input__feedback-icon span{font-size:20px;position:relative;z-index:0}.input__feedback-icon--success{color:var(--text-success)}.input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.input__feedback-icon--error{color:var(--text-error)}.input__feedback-icon--error span::after{background-color:var(--text-error-100)}.input__feedback-icon--warning{color:var(--text-warning)}.input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.input__feedback-icon--warning-triangle{color:var(--text-warning)}.input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.input__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.input__prefix,.input__suffix{display:inline-flex;height:100%;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;margin-left:calc(-1 * var(--spacing-2));margin-right:var(--spacing-2);border:0}.input__prefix-label,.input__prefix-icon,.input__prefix-chevron,.input__suffix-label,.input__suffix-icon,.input__suffix-chevron{color:var(--colors-text-primary)}.input__prefix .dropdown__label,.input__suffix .dropdown__label{display:none}.input__prefix .dropdown__label--selection,.input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.input__prefix .dropdown__label--selection~.input__prefix-label,.input__suffix .dropdown__label--selection~.input__prefix-label{display:none}.input__prefix-chevron,.input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.input__prefix.active,.input__suffix.active{background-color:var(--colors-gray-neutral-300)}.input__prefix--solid,.input__suffix--solid{background-color:var(--background-neutral-50)}.input__prefix--solid-text,.input__suffix--solid-text{background-color:var(--background-neutral-50)}.input__prefix--solid-text .input__prefix-label,.input__suffix--solid-text .input__prefix-label{color:var(--colors-text-quarterary)}.input__prefix--solid:hover,.input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.input__prefix--solid:focus,.input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.input__prefix--solid.active,.input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.input__prefix--solid:disabled,.input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.input__prefix--solid:disabled .input__prefix-label,.input__prefix--solid:disabled .input__prefix-icon,.input__prefix--solid:disabled .input__prefix-chevron,.input__suffix--solid:disabled .input__prefix-label,.input__suffix--solid:disabled .input__prefix-icon,.input__suffix--solid:disabled .input__prefix-chevron{color:var(--colors-gray-neutral-300)}.input__prefix--subtle,.input__suffix--subtle{background-color:transparent}.input__prefix--subtle-text,.input__suffix--subtle-text{background-color:transparent}.input__prefix--subtle-text .input__prefix-label,.input__suffix--subtle-text .input__prefix-label{color:var(--colors-text-quarterary)}.input__prefix--subtle:hover,.input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.input__prefix--subtle:focus,.input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.input__prefix--subtle.active,.input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.input__prefix--subtle:disabled .input__prefix-label,.input__prefix--subtle:disabled .input__prefix-icon,.input__prefix--subtle:disabled .input__prefix-chevron,.input__suffix--subtle:disabled .input__prefix-label,.input__suffix--subtle:disabled .input__prefix-icon,.input__suffix--subtle:disabled .input__prefix-chevron{color:var(--colors-gray-neutral-300)}.input__prefix.selected,.input__suffix.selected{background-color:var(--form-field-border-hovered)}.input__prefix.selected .input__prefix-icon,.input__prefix.selected .input__prefix-label,.input__prefix.selected .input__prefix-chevron,.input__suffix.selected .input__prefix-icon,.input__suffix.selected .input__prefix-label,.input__suffix.selected .input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.input__prefix.selected .dropdown__label,.input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.input__dropdown-btn.open+.input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.input__dropdown-btn.open .input__dropdown .input__prefix-chevron,.input__dropdown-btn.open .input__dropdown .input__suffix-chevron{transform:rotate(180deg)}.input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input__suffix{margin-right:calc(-1 * var(--spacing-2));margin-left:var(--spacing-xl);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.input--lighter:hover{border:1px solid var(--form-field-border-default)}.input--lighter.focus{border:1px solid var(--form-field-border-default)}.input--lighter.active{border:1px solid var(--form-field-border-default)}.input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.input--darker:hover{border:1px solid var(--form-field-border-default)}.input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.input.readOnly::after{content:none}.input--error,.input--error:hover{border:1px solid var(--form-field-border-error) !important}.input--error::after{background-color:var(--form-field-border-error)}.input--lg{height:40px}.input--lg .input__field,.input--lg .input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input--lg__feedback-icon span{font-size:20px}.input--lg .input__prefix-icon,.input--lg .input__suffix-icon{font-size:24px}.input--lg .input__prefix-chevron,.input--lg .input__suffix-chevron{font-size:20px}.input--md{height:32px}.input--md .input__field,.input--md .input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input--md__feedback-icon span{font-size:16px}.input--md .input__prefix-icon,.input--md .input__suffix-icon{font-size:20px}.input--md .input__prefix-chevron,.input--md .input__suffix-chevron{font-size:16px}.breadcrumb-dropdown{display:flex;flex-direction:column;list-style:none;width:153px;padding:var(--spacing-xs, 4px);flex-direction:column;align-items:flex-start;position:absolute;left:0;top:calc(100% + 4px);border-radius:var(--radius-sm);border:1px solid var(--border-neutral-secondary, #E5E7EB);background:var(--background-white, #FFF)}.breadcrumb-dropdown-item{display:flex;padding:var(--spacing-md, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-md, 8px);align-self:stretch;border-radius:var(--radius-sm, 4px);color:var(--link-neutral, #384250)}.breadcrumb-dropdown-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.breadcrumb-dropdown-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #E5E7EB);mix-blend-mode:multiply}.date-picker-dropdown{width:fit-content}`,vb=kb,fg=D(class extends E{constructor(){super(),this.__registerHost(),this.placeholder="DD/MM/YYYY",this.size="lg",this.variant="default",this.error=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!0,this.name=be(),this.value="",this.isActive=!1,this.isFocused=!1,this.isDatepickerOpen=!1,this.errorMessage="",this.selectedDate=null,this.inputValue="",this.handleInput=e=>{var o,t;const r=e.target;if(this.inputValue=r.value,this.inputValue===""){this.selectedDate=null,this.errorMessage="",this.error=!1,(o=this.onChange)===null||o===void 0||o.call(this,null);return}if(ub(this.inputValue)){const[a,n,g]=this.inputValue.split("/").map(Number);this.selectedDate=new Date(g,n-1,a),this.errorMessage="",this.error=!1,(t=this.onChange)===null||t===void 0||t.call(this,this.selectedDate)}else this.errorMessage="Use DD/MM/YYYY format",this.error=!0},this.handleFocus=()=>{this.isFocused=!0},this.handleClickOutside=e=>{this.isDatepickerOpen&&this.inputContainerRef&&!this.inputContainerRef.contains(e.target)&&this.datepickerRef&&!this.datepickerRef.contains(e.target)&&(this.isDatepickerOpen=!1,document.removeEventListener("click",this.handleClickOutside))},this.handleOpenDatepickerPopup=()=>{!this.readonly&&!this.disabled&&(this.isDatepickerOpen=!0,document.addEventListener("click",this.handleClickOutside))},this.handleDatepickerChange=e=>{var o;this.selectedDate=e.detail,this.inputValue=oi(this.selectedDate),this.errorMessage="",this.error=!1,this.isDatepickerOpen=!1,(o=this.onChange)===null||o===void 0||o.call(this,this.selectedDate),document.removeEventListener("click",this.handleClickOutside)},this.handleBlur=()=>{setTimeout(()=>{var e;!((e=this.inputContainerRef)===null||e===void 0)&&e.contains(document.activeElement)||(this.isFocused=!1,this.isDatepickerOpen=!1,document.removeEventListener("click",this.handleClickOutside),this.selectedDate&&(this.inputValue=oi(this.selectedDate)))},200)}}valueChanged(e,o){console.log("ddddddddddddddddddddddddate",e,o),e!==o&&(this.inputEl.value=e)}render(){const e={input:!0,[`input--${this.size}`]:!0,"input--error":this.error,[`input--${this.variant}`]:this.variant!=="default",active:this.isActive,focus:this.isFocused,"input--disabled":this.disabled,readOnly:this.readonly};return console.log(this.selectedDate,"selected"),s("div",{key:"76560b0cb3cb280100d5134500b1a76efbaf08a0",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&s("dga-label",{key:"ee75424470e2044299c80711c5acb2d0b4ed998f",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"339748a832cf4a35acbb83b65703f3ee96950d2d",class:Object.keys(e).filter(o=>e[o]).join(" "),ref:o=>this.inputContainerRef=o},this.icon&&s("span",{key:"aae6254352f65b1f4eec388acf3385361fd16dc4",class:"input__icon"},s("dga-icon",{key:"ffbd71ef369e311046b3ceb702522e17e9071ae1",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"a51e5a605ae9b5cefd5894910bd0a973128b1f30",ref:o=>this.inputEl=o,name:this.name,value:this.inputValue,type:"text",class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onFocus:this.handleFocus,onBlur:this.handleBlur,onInput:this.handleInput,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1}),s("dga-button-v2",{key:"44f9047090a231875907c9b58f930b383918c066",variant:"transparent",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"calendar-03",variant:"stroke",type:"rounded"},onClick:this.handleOpenDatepickerPopup}),this.error&&s("span",{key:"cc3eda4881ed523ac6053c423b47072fff8925d8",class:"input__feedback-icon input__feedback-icon--error"},s("dga-icon",{key:"7384a555356f979ea2eded248b61b2a705711818",icon:"AlertCircleIcon",variant:"solid"}))),(this.errorMessage||this.helperText)&&s("dga-helper-text",{key:"e605650a3f87ba8603c9249af55ac6f1154c9a93",helperText:this.errorMessage||this.helperText,error:this.error}),this.isDatepickerOpen&&s("div",{key:"7c1aff2476e74ae9c6e08c1d282e5114b05a8ded",class:"date-picker-dropdown",ref:o=>this.datepickerRef=o},s("dga-datepicker",Object.assign({key:"22fd0fed247422730e0a33977972f09e4c9196f1"},this.datepickerOptions,{value:this.selectedDate,onChange:this.handleDatepickerChange,style:{width:"fit-content",display:"block"}}))))}static get watchers(){return{value:["valueChanged"]}}static get style(){return vb}},[0,"dga-date-field",{label:[1],placeholder:[1],size:[1],variant:[1],error:[4],helperText:[1,"helper-text"],icon:[16],disabled:[4],readonly:[4],required:[4],fullwidth:[4],name:[1],value:[1],onChange:[16],datepickerOptions:[16],isActive:[32],isFocused:[32],isDatepickerOpen:[32],errorMessage:[32],selectedDate:[32],inputValue:[32]},void 0,{value:["valueChanged"]}]);function ug(){if(typeof customElements>"u")return;["dga-date-field","date-cell","dga-button-v2","dga-datepicker","dga-helper-text","dga-icon","dga-icon-v2","dga-label","dga-text-input","month-navigator"].forEach(e=>{switch(e){case"dga-date-field":customElements.get(e)||customElements.define(e,fg);break;case"date-cell":customElements.get(e)||Lt();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-datepicker":customElements.get(e)||ia();break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-label":customElements.get(e)||ko();break;case"dga-text-input":customElements.get(e)||it();break;case"month-navigator":customElements.get(e)||Ft();break}})}const mg=D(class extends E{constructor(){super(),this.__registerHost(),this.value=""}render(){return s("div",{key:"e02678c29626055867e02ae8cb43b3a585b0c908"},s("h1",{key:"6a4d58a66ceaa200c9e7cb394e777548c160d72d"},"Date Field Example"),s("div",{key:"19162acf1174846848b0613feeb75d7a05d9d033",style:{padding:"50px"}},s("div",{key:"344c7a9db03aa248f51117aa42531793b6b5d7c0",style:{display:"flex",flexDirection:"column",gap:"16px"}},s("input",{key:"91aa2e05f427f0ac720b5337b9e34dadd9c161a7",type:"date",value:this.value,onChange:e=>this.value=e.target.value}),s("dga-date-field",{key:"d7f49a9111c86d2cb8736cc229fbb527823e99d4",value:this.value,onChange:e=>this.value=e.target.value}))))}},[0,"dga-date-field-usage",{value:[32]}]);function xb(){if(typeof customElements>"u")return;["dga-date-field-usage","date-cell","dga-button-v2","dga-date-field","dga-datepicker","dga-helper-text","dga-icon","dga-icon-v2","dga-label","dga-text-input","month-navigator"].forEach(e=>{switch(e){case"dga-date-field-usage":customElements.get(e)||customElements.define(e,mg);break;case"date-cell":customElements.get(e)||Lt();break;case"dga-button-v2":customElements.get(e)||Be();break;case"dga-date-field":customElements.get(e)||ug();break;case"dga-datepicker":customElements.get(e)||ia();break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-icon-v2":customElements.get(e)||ge();break;case"dga-label":customElements.get(e)||ko();break;case"dga-text-input":customElements.get(e)||it();break;case"month-navigator":customElements.get(e)||Ft();break}})}const wb=mg,yb=xb,qb=fg,zb=ug,Sb=bg,Ab=ia,Mb=`@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); :root{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--spacing-96:384px;--spacing-80:320px;--spacing-120:480px;--spacing-140:560px;--spacing-160:640px;--spacing-180:720px;--spacing-192:768px;--spacing-256:1024px;--spacing-320:1280px;--spacing-360:1440px;--spacing-400:1600px;--spacing-480:1920px}:root{--width-xxs:var(--spacing-80);--width-xs:var(--spacing-96);--width-sm:var(--spacing-120);--width-md:var(--spacing-140);--width-lg:var(--spacing-160);--width-xl:var(--spacing-192);--width-2xl:var(--spacing-256);--width-3xl:var(--spacing-320);--width-4xl:var(--spacing-360);--width-5xl:var(--spacing-400);--width-6xl:var(--spacing-480);--maxwidth-paragraph-max-width:var(--spacing-180)}@media only screen and (min-width: 1025px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-4);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-12);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-8);--section-padding:var(--spacing-8);--section-gap:var(--spacing-8);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-8);--card-md-gap:var(--spacing-6);--card-sm-padding:var(--spacing-8);--card-sm-gap:var(--spacing-6)}}@media only screen and (min-width: 768px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-3);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-6);--section-padding:var(--spacing-6);--section-gap:var(--spacing-6);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-6);--card-md-gap:var(--spacing-5);--card-sm-padding:var(--spacing-6);--card-sm-gap:var(--spacing-5)}}@media only screen and (max-width: 767px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-2);--notification-padding:var(--spacing-3);--notification-h-padding:var(--spacing-4);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-4);--notification-toast-v-padding:var(--spacing-3);--notification-toast-desktop-h-padding:var(--spacing-4);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-2);--tab-horizontal-tab-md-button-h-padding:var(--spacing-3);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-1);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-2);--tab-vertical-tab-md-button-v-padding:var(--spacing-1);--tab-vertical-tab-md-button-h-padding:var(--spacing-2);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1);--table-cell-gap:var(--spacing-1);--table-cell-v-padding:var(--spacing-1);--table-cell-h-padding:var(--spacing-3);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-2);--control-switch-error-icon-gap:var(--spacing-1);--control-radio-error-icon-gap:var(--spacing-12);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-4);--section-padding:var(--spacing-4);--section-gap:var(--spacing-4);--text-content-gap:var(--spacing-1);--icon-text-gap:var(--spacing-1);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-4);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-1);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-2);--buttons-group-gap:var(--spacing-1);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-1);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-2);--progressindicator-progress-indicator-gap:var(--spacing-4);--progressindicator-progress-text-content-side-padding:var(--spacing-3);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-1);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-4);--card-md-padding:var(--spacing-4);--card-md-gap:var(--spacing-3);--card-sm-padding:var(--spacing-4);--card-sm-gap:var(--spacing-3)}}:root{--radius-0:0;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-9999:9999px;--components-card-radius:var(--spacing-4);--radius-none:var(--radius-0);--radius-xs:var(--radius-2);--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-16);--radius-xl:var(--radius-24);--radius-full:var(--radius-9999)}:root{--colors-base-white:#ffffff;--colors-base-black:#161616;--colors-primary-sa-flag-25:#f7fdf9;--colors-primary-sa-flag-50:#f3fcf6;--colors-primary-sa-flag-100:#dff6e7;--colors-primary-sa-flag-200:#b8eacb;--colors-primary-sa-flag-300:#88d8ad;--colors-primary-sa-flag-400:#54c08a;--colors-primary-sa-flag-500-alpha-10:#25935f19;--colors-primary-sa-flag-500:#25935f;--colors-primary-sa-flag-600-primary:#1b8354;--colors-primary-sa-flag-700:#166a45;--colors-primary-sa-flag-800:#14573a;--colors-primary-sa-flag-900:#104631;--colors-primary-sa-flag-950:#092a1e;--colors-secondary-gold-25:#fffef7;--colors-secondary-gold-50:#fffef2;--colors-secondary-gold-100:#fffce6;--colors-secondary-gold-200:#fcf3bd;--colors-secondary-gold-300:#fae996;--colors-secondary-gold-400:#f7d54d;--colors-secondary-gold-500:#f5bd02;--colors-secondary-gold-600-primary:#dba102;--colors-secondary-gold-700:#b87b02;--colors-secondary-gold-800:#945c01;--colors-secondary-gold-900:#6e3c00;--colors-secondary-gold-950:#472400;--colors-tertiary-lavendar-25:#fefcff;--colors-tertiary-lavendar-50:#f9f5fa;--colors-tertiary-lavendar-100:#f2e9f5;--colors-tertiary-lavendar-200:#e1cce8;--colors-tertiary-lavendar-300:#ccadd9;--colors-tertiary-lavendar-400:#a57bba;--colors-tertiary-lavendar-500-primary:#80519f;--colors-tertiary-lavendar-600:#6d428f;--colors-tertiary-lavendar-700:#532d75;--colors-tertiary-lavendar-800:#3d1d5e;--colors-tertiary-lavendar-900:#281047;--colors-tertiary-lavendar-950:#16072e;--colors-neutral-25:#fcfcfd;--colors-neutral-50:#f9fafb;--colors-neutral-100:#f3f4f6;--colors-neutral-200:#e5e7eb;--colors-neutral-300:#d2d6db;--colors-neutral-400:#9da4ae;--colors-neutral-500:#6c727e;--colors-neutral-600:#4d5761;--colors-neutral-700:#384250;--colors-neutral-800:#1f2a37;--colors-neutral-900:#111927;--colors-neutral-950:#0c111b;--colors-blue-25:#f5faff;--colors-blue-50:#eff8ff;--colors-blue-100:#d1e9ff;--colors-blue-200:#b2ddff;--colors-blue-300:#84caff;--colors-blue-400:#53b0fd;--colors-blue-500:#2e90fa;--colors-blue-600:#156fee;--colors-blue-700:#175cd3;--colors-blue-800:#1849a9;--colors-blue-900:#194084;--colors-blue-950:#102a56;--colors-green-25:#f6fef9;--colors-green-50:#ecfdf3;--colors-green-100:#dcfae6;--colors-green-200:#abefc6;--colors-green-300:#75dfa6;--colors-green-400:#47cd89;--colors-green-500:#17b169;--colors-green-600:#069454;--colors-green-700:#067647;--colors-green-800:#085d3a;--colors-green-900:#074c30;--colors-green-950:#053321;--colors-yellow-25:#fffcf5;--colors-yellow-50:#fffaeb;--colors-yellow-100:#fef0c7;--colors-yellow-200:#fedf89;--colors-yellow-300:#fec84b;--colors-yellow-400:#fdb022;--colors-yellow-500:#f79009;--colors-yellow-600:#dc6803;--colors-yellow-700:#b54707;--colors-yellow-800:#93370c;--colors-yellow-900:#7a2e0e;--colors-yellow-950:#4e1d09;--colors-red-25:#fffbfa;--colors-red-50:#fef3f2;--colors-red-100:#fee4e2;--colors-red-200:#fecdca;--colors-red-300:#fca19b;--colors-red-400:#f97066;--colors-red-500:#f04437;--colors-red-600:#d92c20;--colors-red-700:#b42318;--colors-red-800:#912018;--colors-red-900:#7a2619;--colors-red-950:#54150c;--colors-alpha-alpha-white-0:#ffffff00;--colors-alpha-alpha-white-10:#ffffff19;--colors-alpha-alpha-white-20:#ffffff33;--colors-alpha-alpha-white-30:#ffffff4c;--colors-alpha-alpha-white-40:#ffffff66;--colors-alpha-alpha-white-50:#ffffff7f;--colors-alpha-alpha-white-60:#ffffff99;--colors-alpha-alpha-white-70:#ffffffb2;--colors-alpha-alpha-white-80:#ffffffcc;--colors-alpha-alpha-white-90:#ffffffe5;--colors-alpha-alpha-white-100:#ffffff;--colors-alpha-alpha-black-0:#16161600;--colors-alpha-alpha-black-10:#16161619;--colors-alpha-alpha-black-20:#16161633;--colors-alpha-alpha-black-30:#1616164c;--colors-alpha-alpha-black-40:#16161666;--colors-alpha-alpha-black-50:#1616167f;--colors-alpha-alpha-black-60:#16161699;--colors-alpha-alpha-black-70:#161616b2;--colors-alpha-alpha-black-80:#161616cc;--colors-alpha-alpha-black-90:#161616e5;--colors-alpha-alpha-black-100:#161616;--colors-alpha-alpha-green-10:#1b835419;--colors-alpha-alpha-green-20:#1b835433;--colors-alpha-alpha-green-30:#1b83544c;--colors-alpha-alpha-green-40:#1b835466;--colors-alpha-alpha-green-50:#1b83547f;--colors-alpha-alpha-green-60:#1b835499;--colors-alpha-alpha-green-70:#1b8354b2;--colors-alpha-alpha-green-80:#1b8354cc;--colors-alpha-alpha-green-90:#1b8354e5;--colors-alpha-alpha-green-100:var(--colors-primary-sa-flag-600-primary)}:root{--shadow-xs:0px 1px 2px 0px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);--shadow-md:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);--shadow-lg:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--shadow-xl:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);--shadow-2xl:0px 24px 48px -12px rgba(16, 24, 40, 0.18);--shadow-3xl:0px 32px 64px -12px rgba(16, 24, 40, 0.14)}.shadows-container{display:flex;width:2240px;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-7xl)}.shadows-box{display:flex;height:240px;max-width:256px;padding:var(--spacing-3xl);align-items:flex-start;gap:var(--spacing-none);flex:1 0 0;border-radius:var(--radius-xl);border:1px solid var(--colors-border-primary);background:var(--colors-bg-primary)}:root{--background-white:var(--colors-base-white);--background-body:var(--colors-neutral-50);--background-menu:var(--colors-base-white);--background-card:var(--colors-base-white);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-black);--background-brand-light:var(--colors-primary-sa-flag-50);--background-neutral-800:var(--colors-neutral-800);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-300);--background-neutral-200:var(--colors-neutral-200);--background-neutral-100:var(--colors-neutral-100);--background-neutral-50:var(--colors-neutral-50);--background-neutral-25:var(--colors-neutral-25);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-primary-sa-flag-200);--background-primary-50:var(--colors-primary-sa-flag-50);--background-primary-25:var(--colors-primary-sa-flag-25);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-secondary-gold-50);--background-secondary-25:var(--colors-secondary-gold-25);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-tertiary-lavendar-50);--background-tertiary-25:var(--colors-tertiary-lavendar-25);--background-success:var(--colors-green-600);--background-success-light:var(--colors-green-50);--background-success-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-light:var(--colors-blue-50);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-light:var(--colors-yellow-50);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--background-error-light:var(--colors-red-50);--background-error-50:var(--colors-red-50);--background-error-25:var(--colors-red-25);--background-sa-flag:var(--colors-green-900);--background-sa-flag-50:var(--colors-green-50);--background-sa-flag-25:var(--colors-green-25);--background-notification-white:var(--colors-base-white);--text-default:var(--colors-base-black);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-800);--text-display:var(--colors-neutral-800);--text-primary-paragraph:var(--colors-neutral-700);--text-secondary-paragraph:var(--colors-neutral-500);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-700);--text-info:var(--colors-blue-700);--text-warning:var(--colors-yellow-700);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-white-40);--border-white:var(--colors-base-white);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(--colors-primary-sa-flag-600-primary);--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(--colors-primary-sa-flag-600-primary);--button-background-neutral-default:var(--colors-neutral-100);--button-background-neutral-hovered:var(--colors-neutral-100);--button-background-neutral-pressed:var(--colors-neutral-200);--button-background-neutral-selected:var(--colors-neutral-200);--button-background-neutral-focused:var(--colors-neutral-100);--button-background-danger-primary-default:var(--colors-red-600);--button-background-danger-primary-hovered:var(--colors-red-700);--button-background-danger-primary-pressed:var(--colors-red-900);--button-background-danger-primary-selected:var(--colors-red-800);--button-background-danger-primary-focused:var(--colors-red-600);--button-label-danger-primary-default-oncolor:var(--colors-red-200);--button-label-danger-primary-hovered-oncolor:var(--colors-red-300);--button-label-danger-primary-pressed-oncolor:var(--colors-red-400);--button-background-danger-secondary-default:var(--colors-red-50);--button-background-danger-secondary-hovered:var(--colors-red-100);--button-background-danger-secondary-pressed:var(--colors-red-200);--button-background-danger-secondary-selected:var(--colors-red-50);--button-background-danger-secondary-focused:var(--colors-red-50);--button-background-oncolor-default:var(--colors-base-white);--button-background-oncolor-hovered:var(--alpha-white-80);--button-background-oncolor-pressed:var(--alpha-white-60);--button-background-oncolor-selected:var(--alpha-white-70);--button-background-oncolor-focused:var(--alpha-white-100);--button-background-transparent-default:var(--alpha-white-0);--button-background-transparent-hovered:var(--alpha-white-20);--button-background-transparent-pressed:var(--alpha-white-40);--button-background-transparent-selected:var(--alpha-white-30);--button-background-transparent-focused:var(--alpha-white-0);--button-background-disabled-on-color:var(--alpha-white-20);--button-label-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-black:var(--colors-base-black);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-primary-sa-flag-200);--border-secondary:var(--colors-secondary-gold-600-primary);--border-secondary-light:var(--colors-secondary-gold-200);--border-tertiary:var(--colors-tertiary-lavendar-500-primary);--border-tertiary-light:var(--colors-tertiary-lavendar-200);--border-neutral-primary:var(--colors-neutral-300);--border-neutral-secondary:var(--colors-neutral-200);--border-neutral-tertiary:var(--colors-neutral-100);--border-background-white:var(--colors-neutral-100);--border-background-neutral:var(--colors-neutral-300);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-700);--button-label-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--background-primary-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-700);--link-neutral-hovered:var(--colors-neutral-500);--link-icon-neutral-hovered:var(--colors-neutral-500);--link-neutral-pressed:var(--colors-neutral-400);--link-icon-neutral-pressed:var(--colors-neutral-400);--link-neutral-focused:var(--colors-neutral-700);--link-icon-neutral-focused:var(--colors-neutral-700);--link-neutral-visited:var(--colors-neutral-600);--link-icon-neutral-visited:var(--colors-neutral-600);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-neutral-600);--tag-background-neutral-light:var(--colors-neutral-50);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-800);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-800);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-600);--tag-border-neutral-light:var(--colors-neutral-50);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-yellow-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-300);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-700);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-50);--table-background-header:var(--colors-neutral-100);--table-background-row:var(--colors-neutral-50);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-800);--controls-control-primary-pressed:var(--colors-primary-sa-flag-800);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-950);--controls-control-neutral-hovered:var(--colors-neutral-600);--controls-control-neutral-pressed:var(--colors-neutral-600);--controls-control-neutral-focused:var(--colors-neutral-950);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-300);--controls-control-ripple-effect:var(--colors-neutral-200);--controls-control-border:var(--colors-neutral-500);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-primary-sa-flag-600-primary);--tooltip-background-light:var(--colors-base-white);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-neutral-800);--tooltip-text-heading-dark:var(--colors-neutral-50);--tooltip-text-paragraph-dark:var(--colors-neutral-100);--alpha-white-0:var(--colors-alpha-alpha-white-0);--alpha-white-10:var(--colors-alpha-alpha-white-10);--alpha-white-20:var(--colors-alpha-alpha-white-20);--alpha-white-30:var(--colors-alpha-alpha-white-30);--alpha-white-40:var(--colors-alpha-alpha-white-40);--alpha-white-50:var(--colors-alpha-alpha-white-50);--alpha-white-60:var(--colors-alpha-alpha-white-60);--alpha-white-70:var(--colors-alpha-alpha-white-70);--alpha-white-80:var(--colors-alpha-alpha-white-80);--alpha-white-90:var(--colors-alpha-alpha-white-90);--alpha-white-100:var(--colors-alpha-alpha-white-100);--alpha-black-0:var(--colors-alpha-alpha-black-0);--alpha-black-10:var(--colors-alpha-alpha-black-10);--alpha-black-20:var(--colors-alpha-alpha-black-20);--alpha-black-30:var(--colors-alpha-alpha-black-30);--alpha-black-40:var(--colors-alpha-alpha-black-40);--alpha-black-50:var(--colors-alpha-alpha-black-50);--alpha-black-60:var(--colors-alpha-alpha-black-60);--alpha-black-70:var(--colors-alpha-alpha-black-70);--alpha-black-80:var(--colors-alpha-alpha-black-80);--alpha-black-90:var(--colors-alpha-alpha-black-90);--alpha-black-100:var(--colors-alpha-alpha-black-100);--background-disabled:var(--colors-neutral-200);--background-disabled-primary:var(--colors-primary-sa-flag-200);--background-inverse-disabled:var(--colors-neutral-100);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-primary-sa-flag-600-primary);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-300);--stepper-button-upcomming-hovered:var(--colors-neutral-400);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-display);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-300);--stepper-line-upcomming:var(--colors-neutral-300);--stepper-line-upcomming-hovered:var(--colors-neutral-400);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--background-card);--form-field-background-lighter:var(--colors-neutral-25);--form-field-background-darker:var(--colors-neutral-100);--form-field-background-pressed:var(--colors-neutral-100);--form-field-border-default:var(--colors-neutral-400);--form-field-border-hovered:var(--colors-neutral-700);--form-field-border-pressed:var(--colors-neutral-950);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-100);--form-option-background-pressed:var(--colors-neutral-200);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-black);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-200);--form-datecell-today-background-pressed:var(--colors-neutral-300);--icon-default-500:var(--colors-neutral-500);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-200);--form-datecell-background-100:var(--colors-primary-sa-flag-100);--controls-control-icon-hovered:var(--icon-oncolor);--alpha-primary-10:#1b835419;--icon-default-400:var(--colors-neutral-400);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#1b835433;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#dc680319;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#dc680333;--alpha-error-10:#d92c2019;--alpha-error-20:#d92c2033;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-700);--icon-neutral-light:var(--colors-neutral-50);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-700);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-neutral-400);--icon-default-oncolor-disabled:var(--colors-alpha-alpha-white-40);--control-disabled:var(--colors-neutral-400);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-700);--featuredicons-icon-default:var(--colors-base-black);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-500);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-400);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-700);--featuredicons-icon-neutral-light:var(--colors-neutral-50);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--background-warning-50);--featuredicons-bg-icon-error-light:var(--background-error-50);--featuredicons-bg-icon-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-bg-icon-info-light:var(--background-info-50);--featuredicons-bg-icon-success-light:var(--background-success-50);--controls-control-icon-pressed:var(--icon-oncolor);--controls-control-icon-disabled:var(--colors-base-white);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--background-neutral-50);--notification-background-success-50:var(--background-success-50);--notification-background-warning-50:var(--background-warning-50);--notification-background-error-50:var(--background-error-50);--notification-background-brand-50:var(--colors-primary-sa-flag-50);--notification-background-info-50:var(--background-info-50);--notification-background-default-25:var(--background-neutral-25);--notification-background-success-25:var(--background-success-25);--notification-background-warning-25:var(--background-warning-25);--notification-background-error-25:var(--background-error-25);--notification-background-brand-25:var(--background-primary-25);--notification-background-info-25:var(--background-info-25);--notification-text-success:var(--text-success);--notification-text-error:var(--text-error);--notification-text-info:var(--text-info);--notification-text-warning:var(--text-warning);--notification-text-brand:var(--text-primary);--controls-control-text-error:var(--text-error)}[data-theme=dark] :root{--background-white:var(--colors-neutral-950);--background-body:var(--colors-neutral-900);--background-menu:var(--colors-neutral-800);--background-card:var(--colors-neutral-800);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-white);--background-neutral-800:var(--colors-neutral-600);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-500);--background-neutral-200:var(--colors-neutral-600);--background-neutral-100:var(--colors-neutral-800);--background-neutral-50:var(--colors-neutral-900);--background-neutral-25:var(--colors-neutral-950);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-neutral-700);--background-primary-50:var(--colors-alpha-alpha-green-10);--background-primary-25:var(--colors-primary-sa-flag-950);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-neutral-800);--background-secondary-25:var(--colors-neutral-900);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-neutral-800);--background-tertiary-25:var(--colors-neutral-900);--background-success:var(--colors-green-600);--background-success-50:var(--colors-neutral-800);--background-success-25:var(--colors-neutral-900);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-neutral-800);--background-info-25:var(--colors-neutral-900);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-neutral-800);--background-warning-25:var(--colors-neutral-900);--background-error:var(--colors-red-600);--background-error-50:var(--colors-neutral-800);--background-error-25:var(--colors-neutral-900);--background-sa-flag:var(--colors-primary-sa-flag-600-primary);--background-sa-flag-50:var(--colors-neutral-800);--background-sa-flag-25:var(--colors-neutral-900);--background-notification-white:var(--colors-neutral-900);--text-default:var(--colors-base-white);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-100);--text-display:var(--colors-neutral-50);--text-primary-paragraph:var(--colors-neutral-100);--text-secondary-paragraph:var(--colors-neutral-200);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-600);--text-info:var(--colors-blue-600);--text-warning:var(--colors-yellow-600);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-black-40);--border-white:var(--colors-base-black);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(
     --colors-primary-sa-flag-600-primary
   );--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(
     --colors-primary-sa-flag-600-primary
@@ -1750,7 +1750,7 @@ rect.legend-mouseover-inactive,
     --colors-primary-sa-flag-400
   );--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(
     --colors-primary-sa-flag-400
-  );--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-200);--link-neutral-hovered:var(--colors-neutral-400);--link-icon-neutral-hovered:var(--colors-neutral-400);--link-neutral-pressed:var(--colors-neutral-500);--link-icon-neutral-pressed:var(--colors-neutral-500);--link-neutral-focused:var(--colors-neutral-200);--link-icon-neutral-focused:var(--colors-neutral-200);--link-neutral-visited:var(--colors-neutral-300);--link-icon-neutral-visited:var(--colors-neutral-300);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-primary-sa-flag-600-primary);--tag-background-neutral-light:var(--colors-neutral-800);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-100);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-100);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-300);--tag-border-neutral-light:var(--colors-neutral-800);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-red-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-600);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-300);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-900);--table-background-header:var(--colors-neutral-900);--table-background-row:var(--colors-neutral-900);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-300);--controls-control-primary-pressed:var(--colors-primary-sa-flag-400);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-600);--controls-control-neutral-hovered:var(--colors-neutral-400);--controls-control-neutral-pressed:var(--colors-neutral-400);--controls-control-neutral-focused:var(--colors-neutral-600);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-600);--controls-control-ripple-effect:var(--colors-neutral-950);--controls-control-border:var(--colors-neutral-400);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-green-600);--tooltip-background-light:var(--colors-neutral-800);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-base-white);--tooltip-text-heading-dark:var(--colors-neutral-800);--tooltip-text-paragraph-dark:var(--colors-neutral-700);--alpha-white-0:var(--colors-alpha-alpha-black-10);--alpha-white-10:var(--colors-alpha-alpha-black-10);--alpha-white-20:var(--colors-alpha-alpha-black-20);--alpha-white-30:var(--colors-alpha-alpha-black-30);--alpha-white-40:var(--colors-alpha-alpha-black-40);--alpha-white-50:var(--colors-alpha-alpha-black-50);--alpha-white-60:var(--colors-alpha-alpha-black-60);--alpha-white-70:var(--colors-alpha-alpha-black-70);--alpha-white-80:var(--colors-alpha-alpha-black-80);--alpha-white-90:var(--colors-alpha-alpha-black-90);--alpha-white-100:var(--colors-alpha-alpha-black-100);--alpha-black-0:var(--colors-alpha-alpha-white-10);--alpha-black-10:var(--colors-alpha-alpha-white-10);--alpha-black-20:var(--colors-alpha-alpha-white-20);--alpha-black-30:var(--colors-alpha-alpha-white-30);--alpha-black-40:var(--colors-alpha-alpha-white-40);--alpha-black-50:var(--colors-alpha-alpha-white-50);--alpha-black-60:var(--colors-alpha-alpha-white-60);--alpha-black-70:var(--colors-alpha-alpha-white-70);--alpha-black-80:var(--colors-alpha-alpha-white-80);--alpha-black-90:var(--colors-alpha-alpha-white-90);--alpha-black-100:var(--colors-alpha-alpha-white-100);--background-disabled:var(--colors-neutral-700);--background-disabled-primary:var(--colors-primary-sa-flag-700);--background-inverse-disabled:var(--colors-neutral-700);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-green-600);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-600);--stepper-button-upcomming-hovered:var(--colors-neutral-600);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-default);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-700);--stepper-line-upcomming:var(--colors-neutral-700);--stepper-line-upcomming-hovered:var(--colors-neutral-700);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--colors-neutral-800);--form-field-background-lighter:var(--colors-neutral-600);--form-field-background-darker:var(--colors-neutral-800);--form-field-background-pressed:#4d5761;--form-field-border-default:var(--colors-neutral-500);--form-field-border-hovered:var(--colors-neutral-200);--form-field-border-pressed:var(--colors-neutral-25);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-500);--form-option-background-pressed:var(--colors-neutral-700);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-white);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-700);--form-datecell-today-background-pressed:var(--colors-neutral-600);--icon-default-500:var(--colors-neutral-200);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-400);--form-datecell-background-100:var(--colors-primary-sa-flag-300);--controls-control-icon-hovered:var(--colors-primary-sa-flag-800);--alpha-primary-10:#166a4519;--icon-default-400:var(--colors-neutral-500);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#166a4533;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#fec84b19;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#fec84b33;--alpha-error-10:#b4231819;--alpha-error-20:#b4231833;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-500);--icon-neutral-light:var(--colors-neutral-950);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-600);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-600);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-base-white);--icon-default-oncolor-disabled:var(--colors-base-white);--control-disabled:var(--colors-alpha-alpha-white-30);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-600);--featuredicons-icon-default:var(--colors-base-white);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-200);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-500);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-500);--featuredicons-icon-neutral-light:var(--colors-neutral-950);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-600);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--alpha-warning-10);--featuredicons-bg-icon-error-light:var(--alpha-error-10);--featuredicons-bg-icon-brand-light:var(--alpha-primary-10);--featuredicons-bg-icon-info-light:var(--alpha-info-10);--featuredicons-bg-icon-success-light:var(--alpha-success-10);--controls-control-icon-pressed:var(--colors-primary-sa-flag-800);--controls-control-icon-disabled:var(--colors-neutral-400);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--alpha-white-10);--notification-background-success-50:var(--alpha-success-20);--notification-background-warning-50:var(--alpha-warning-20);--notification-background-error-50:var(--alpha-error-20);--notification-background-brand-50:var(--alpha-primary-20);--notification-background-info-50:var(--alpha-info-20);--notification-background-default-25:var(--alpha-white-0);--notification-background-success-25:var(--alpha-primary-10);--notification-background-warning-25:var(--alpha-warning-10);--notification-background-error-25:var(--alpha-error-10);--notification-background-brand-25:var(--alpha-primary-10);--notification-background-info-25:var(--alpha-info-10);--notification-text-success:var(--colors-green-300);--notification-text-error:var(--colors-red-300);--notification-text-info:var(--colors-blue-300);--notification-text-warning:var(--colors-yellow-300);--notification-text-brand:var(--colors-primary-sa-flag-300);--controls-control-text-error:var(--colors-red-300)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dga-number-input--lg .dga-number-input__prefix-label,.dga-number-input--lg .dga-number-input__suffix-label,.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron,.dga-number-input__field::placeholder,.dga-number-input__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-number-input--md .dga-number-input__prefix-label,.dga-number-input--md .dga-number-input__suffix-label,.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder,.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder,.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-number-input.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-alpha-black)/20%);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;gap:8px;width:fit-content}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-number-input{display:flex;height:40px;width:100%;max-width:183px;min-width:183px;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.dga-number-input--full-width{max-width:none}.dga-number-input:hover{border-color:var(--form-field-border-hovered)}.dga-number-input::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-number-input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.dga-number-input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input.focus::after{width:100%}.dga-number-input.active::after{width:50%}.dga-number-input--readonly,.dga-number-input--readonly:hover,.dga-number-input--disabled,.dga-number-input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.dga-number-input--readonly::after,.dga-number-input--disabled::after{display:none}.dga-number-input--readonly .dga-number-input__field,.dga-number-input--readonly .dga-number-input__field::placeholder,.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--form-field-text-readonly)}.dga-number-input--disabled{border-color:var(--border-disabled)}.dga-number-input--disabled .dga-number-input__field{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__icon span,.dga-number-input--disabled .dga-number-input__prefix--subtle-text,.dga-number-input--disabled .dga-number-input__prefix--solid-text{color:var(--text-default-disabled)}.dga-number-input__icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__icon span{color:var(--form-field-border-hovered);font-size:20px}.dga-number-input__feedback-icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-number-input__feedback-icon--success{color:var(--text-success)}.dga-number-input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-number-input__feedback-icon--error{color:var(--text-error)}.dga-number-input__feedback-icon--error span::after{background-color:var(--text-error-100)}.dga-number-input__feedback-icon--warning{color:var(--text-warning)}.dga-number-input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-number-input__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-number-input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-number-input__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dga-number-input__prefix,.dga-number-input__suffix{display:flex;height:100%;width:56px;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;padding:var(--spacing-xxs, 2px) var(--spacing-xl, 16px);align-self:stretch;border:0}.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron{color:var(--colors-text-primary)}.dga-number-input__prefix .dropdown__label,.dga-number-input__suffix .dropdown__label{display:none}.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.dga-number-input__prefix .dropdown__label--selection~.dga-number-input__prefix-label,.dga-number-input__suffix .dropdown__label--selection~.dga-number-input__prefix-label{display:none}.dga-number-input__prefix-chevron,.dga-number-input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.dga-number-input__prefix.active,.dga-number-input__suffix.active{background-color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--solid,.dga-number-input__suffix--solid{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text,.dga-number-input__suffix--solid-text{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text .dga-number-input__prefix-label,.dga-number-input__suffix--solid-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--solid:hover,.dga-number-input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.dga-number-input__prefix--solid:focus,.dga-number-input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.dga-number-input__prefix--solid.active,.dga-number-input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.dga-number-input__prefix--solid:disabled,.dga-number-input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--subtle,.dga-number-input__suffix--subtle{background-color:transparent}.dga-number-input__prefix--subtle-text,.dga-number-input__suffix--subtle-text{background-color:transparent}.dga-number-input__prefix--subtle-text .dga-number-input__prefix-label,.dga-number-input__suffix--subtle-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--subtle:hover,.dga-number-input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.dga-number-input__prefix--subtle:focus,.dga-number-input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.dga-number-input__prefix--subtle.active,.dga-number-input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix.selected,.dga-number-input__suffix.selected{background-color:var(--form-field-border-hovered)}.dga-number-input__prefix.selected .dga-number-input__prefix-icon,.dga-number-input__prefix.selected .dga-number-input__prefix-label,.dga-number-input__prefix.selected .dga-number-input__prefix-chevron,.dga-number-input__suffix.selected .dga-number-input__prefix-icon,.dga-number-input__suffix.selected .dga-number-input__prefix-label,.dga-number-input__suffix.selected .dga-number-input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.dga-number-input__prefix.selected .dropdown__label,.dga-number-input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.dga-number-input__dropdown-btn.open+.dga-number-input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__prefix-chevron,.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__suffix-chevron{transform:rotate(180deg)}.dga-number-input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.dga-number-input__suffix{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dga-number-input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.dga-number-input--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.focus{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.active{border:1px solid var(--form-field-border-default)}.dga-number-input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.dga-number-input--darker:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.dga-number-input.readOnly::after{content:none}.dga-number-input--error,.dga-number-input--error:hover{border:1px solid var(--form-field-border-error) !important}.dga-number-input--error::after{background-color:var(--form-field-border-error)}.dga-number-input--lg{height:40px}.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--lg__feedback-icon span{font-size:20px}.dga-number-input--lg .dga-number-input__prefix,.dga-number-input--lg .dga-number-input__suffix{cursor:pointer}.dga-number-input--lg .dga-number-input__prefix-icon,.dga-number-input--lg .dga-number-input__suffix-icon{font-size:24px}.dga-number-input--lg .dga-number-input__prefix-chevron,.dga-number-input--lg .dga-number-input__suffix-chevron{font-size:20px}.dga-number-input--md{height:32px}.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--md__feedback-icon span{font-size:16px}.dga-number-input--md .dga-number-input__prefix-icon,.dga-number-input--md .dga-number-input__suffix-icon{font-size:20px}.dga-number-input--md .dga-number-input__prefix-chevron,.dga-number-input--md .dga-number-input__suffix-chevron{font-size:16px}`,$m=Tm,Bh=D(class extends E{constructor(){super(),this.__registerHost(),this.placeholder="0000",this.size="lg",this.variant="default",this.error=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!1,this.name=be(),this.value=0,this.isActive=!1,this.isFocused=!1,this.handleIncrement=()=>{!this.disabled&&!this.readonly&&(this.value+=1,this.onChange&&this.onChange({target:{value:this.value}}))},this.handleDecrement=()=>{!this.disabled&&!this.readonly&&(this.value-=1,this.onChange&&this.onChange({target:{value:this.value}}))},this.componentId=`quote-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new me(this.componentId),this.processStyling()}processStyling(){this.sx&&(this.rootStyles=this.sxStyleManager.processSxProp(this.sx))}disconnectedCallback(){var e;(e=this.sxStyleManager)===null||e===void 0||e.cleanup()}render(){return s("div",{key:"4dd8796f399669e19b596d4adce9540b104a2c4a",id:this.componentId,class:"dga-form-control",style:this.rootStyles},this.label&&s("dga-label",{key:"5f751dd433412493898e52b2bbf1260051cc5ce1",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"93ffb29502c289f0e528737df2b7209db359dca4",class:`dga-number-input dga-number-input--${this.size} ${this.error?"dga-number-input--error":""} ${this.fullwidth?"dga-number-input--full-width":""} ${this.variant!=="default"?`dga-number-input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"dga-number-input--disabled":""} ${this.readonly?"readOnly":""}`,ref:e=>this.inputContainerRef=e},s("button",{key:"f5ce73f4f67f3f5d8bd34447ef7dfc23a9968ecc",class:"dga-number-input__prefix",onClick:this.handleIncrement,disabled:this.disabled||this.readonly},s("span",{key:"a4ce0ae28b940e9efa5d3a73325d4c47825f7657",class:"dga-number-input__prefix-icon"},s("dga-icon",{key:"ed86bc71b21f8364f496bef587b2a841afef220d",icon:"plus-sign",variant:"stroke",type:"rounded"}))),s("input",{key:"6b6eea31e2485de6bb57dc22cceb1bbde1df395c",value:this.value,name:this.name,type:"number",onFocus:()=>this.isFocused=!0,onBlur:e=>{this.isFocused=!1,this.onBlur(e)},class:"dga-number-input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),s("button",{key:"9a3ed152701bf6d055e6b7a2f696a94d0af76a2e",class:"dga-number-input__suffix",onClick:this.handleDecrement,disabled:this.disabled||this.readonly},s("span",{key:"51583a4eedfcdbf006e1eade128c5d116ce27e73",class:"dga-number-input__suffix-icon"},s("dga-icon",{key:"2cfe4365ee979b64bf124cd3d2bd7e3653061120",icon:"minus-sign",variant:"stroke",type:"rounded"})))),this.helperText&&s("dga-helper-text",{key:"83251387ae8270e2d60489d52caf0cfa2cff000b",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error}))}get el(){return this}static get watchers(){return{sx:["handleSxChange"]}}static get style(){return $m}},[0,"dga-number-input",{label:[1],placeholder:[1],size:[1],variant:[1],error:[4],helperTextIcon:[16],helperText:[1,"helper-text"],disabled:[4],readonly:[4],required:[4],fullwidth:[4],name:[1],value:[2],onChange:[16],onInput:[16],onBlur:[16],sx:[16],isActive:[32],isFocused:[32]},void 0,{sx:["handleSxChange"]}]);function Rm(){if(typeof customElements>"u")return;["dga-number-input","dga-helper-text","dga-icon","dga-label"].forEach(e=>{switch(e){case"dga-number-input":customElements.get(e)||customElements.define(e,Bh);break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-label":customElements.get(e)||ko();break}})}const Om=Bh,Fm=Rm,Hm=`@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); :root{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--spacing-96:384px;--spacing-80:320px;--spacing-120:480px;--spacing-140:560px;--spacing-160:640px;--spacing-180:720px;--spacing-192:768px;--spacing-256:1024px;--spacing-320:1280px;--spacing-360:1440px;--spacing-400:1600px;--spacing-480:1920px}:root{--width-xxs:var(--spacing-80);--width-xs:var(--spacing-96);--width-sm:var(--spacing-120);--width-md:var(--spacing-140);--width-lg:var(--spacing-160);--width-xl:var(--spacing-192);--width-2xl:var(--spacing-256);--width-3xl:var(--spacing-320);--width-4xl:var(--spacing-360);--width-5xl:var(--spacing-400);--width-6xl:var(--spacing-480);--maxwidth-paragraph-max-width:var(--spacing-180)}@media only screen and (min-width: 1025px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-4);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-12);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-8);--section-padding:var(--spacing-8);--section-gap:var(--spacing-8);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-8);--card-md-gap:var(--spacing-6);--card-sm-padding:var(--spacing-8);--card-sm-gap:var(--spacing-6)}}@media only screen and (min-width: 768px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-3);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-6);--section-padding:var(--spacing-6);--section-gap:var(--spacing-6);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-6);--card-md-gap:var(--spacing-5);--card-sm-padding:var(--spacing-6);--card-sm-gap:var(--spacing-5)}}@media only screen and (max-width: 767px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-2);--notification-padding:var(--spacing-3);--notification-h-padding:var(--spacing-4);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-4);--notification-toast-v-padding:var(--spacing-3);--notification-toast-desktop-h-padding:var(--spacing-4);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-2);--tab-horizontal-tab-md-button-h-padding:var(--spacing-3);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-1);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-2);--tab-vertical-tab-md-button-v-padding:var(--spacing-1);--tab-vertical-tab-md-button-h-padding:var(--spacing-2);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1);--table-cell-gap:var(--spacing-1);--table-cell-v-padding:var(--spacing-1);--table-cell-h-padding:var(--spacing-3);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-2);--control-switch-error-icon-gap:var(--spacing-1);--control-radio-error-icon-gap:var(--spacing-12);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-4);--section-padding:var(--spacing-4);--section-gap:var(--spacing-4);--text-content-gap:var(--spacing-1);--icon-text-gap:var(--spacing-1);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-4);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-1);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-2);--buttons-group-gap:var(--spacing-1);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-1);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-2);--progressindicator-progress-indicator-gap:var(--spacing-4);--progressindicator-progress-text-content-side-padding:var(--spacing-3);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-1);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-4);--card-md-padding:var(--spacing-4);--card-md-gap:var(--spacing-3);--card-sm-padding:var(--spacing-4);--card-sm-gap:var(--spacing-3)}}:root{--radius-0:0;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-9999:9999px;--components-card-radius:var(--spacing-4);--radius-none:var(--radius-0);--radius-xs:var(--radius-2);--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-16);--radius-xl:var(--radius-24);--radius-full:var(--radius-9999)}:root{--colors-base-white:#ffffff;--colors-base-black:#161616;--colors-primary-sa-flag-25:#f7fdf9;--colors-primary-sa-flag-50:#f3fcf6;--colors-primary-sa-flag-100:#dff6e7;--colors-primary-sa-flag-200:#b8eacb;--colors-primary-sa-flag-300:#88d8ad;--colors-primary-sa-flag-400:#54c08a;--colors-primary-sa-flag-500-alpha-10:#25935f19;--colors-primary-sa-flag-500:#25935f;--colors-primary-sa-flag-600-primary:#1b8354;--colors-primary-sa-flag-700:#166a45;--colors-primary-sa-flag-800:#14573a;--colors-primary-sa-flag-900:#104631;--colors-primary-sa-flag-950:#092a1e;--colors-secondary-gold-25:#fffef7;--colors-secondary-gold-50:#fffef2;--colors-secondary-gold-100:#fffce6;--colors-secondary-gold-200:#fcf3bd;--colors-secondary-gold-300:#fae996;--colors-secondary-gold-400:#f7d54d;--colors-secondary-gold-500:#f5bd02;--colors-secondary-gold-600-primary:#dba102;--colors-secondary-gold-700:#b87b02;--colors-secondary-gold-800:#945c01;--colors-secondary-gold-900:#6e3c00;--colors-secondary-gold-950:#472400;--colors-tertiary-lavendar-25:#fefcff;--colors-tertiary-lavendar-50:#f9f5fa;--colors-tertiary-lavendar-100:#f2e9f5;--colors-tertiary-lavendar-200:#e1cce8;--colors-tertiary-lavendar-300:#ccadd9;--colors-tertiary-lavendar-400:#a57bba;--colors-tertiary-lavendar-500-primary:#80519f;--colors-tertiary-lavendar-600:#6d428f;--colors-tertiary-lavendar-700:#532d75;--colors-tertiary-lavendar-800:#3d1d5e;--colors-tertiary-lavendar-900:#281047;--colors-tertiary-lavendar-950:#16072e;--colors-neutral-25:#fcfcfd;--colors-neutral-50:#f9fafb;--colors-neutral-100:#f3f4f6;--colors-neutral-200:#e5e7eb;--colors-neutral-300:#d2d6db;--colors-neutral-400:#9da4ae;--colors-neutral-500:#6c727e;--colors-neutral-600:#4d5761;--colors-neutral-700:#384250;--colors-neutral-800:#1f2a37;--colors-neutral-900:#111927;--colors-neutral-950:#0c111b;--colors-blue-25:#f5faff;--colors-blue-50:#eff8ff;--colors-blue-100:#d1e9ff;--colors-blue-200:#b2ddff;--colors-blue-300:#84caff;--colors-blue-400:#53b0fd;--colors-blue-500:#2e90fa;--colors-blue-600:#156fee;--colors-blue-700:#175cd3;--colors-blue-800:#1849a9;--colors-blue-900:#194084;--colors-blue-950:#102a56;--colors-green-25:#f6fef9;--colors-green-50:#ecfdf3;--colors-green-100:#dcfae6;--colors-green-200:#abefc6;--colors-green-300:#75dfa6;--colors-green-400:#47cd89;--colors-green-500:#17b169;--colors-green-600:#069454;--colors-green-700:#067647;--colors-green-800:#085d3a;--colors-green-900:#074c30;--colors-green-950:#053321;--colors-yellow-25:#fffcf5;--colors-yellow-50:#fffaeb;--colors-yellow-100:#fef0c7;--colors-yellow-200:#fedf89;--colors-yellow-300:#fec84b;--colors-yellow-400:#fdb022;--colors-yellow-500:#f79009;--colors-yellow-600:#dc6803;--colors-yellow-700:#b54707;--colors-yellow-800:#93370c;--colors-yellow-900:#7a2e0e;--colors-yellow-950:#4e1d09;--colors-red-25:#fffbfa;--colors-red-50:#fef3f2;--colors-red-100:#fee4e2;--colors-red-200:#fecdca;--colors-red-300:#fca19b;--colors-red-400:#f97066;--colors-red-500:#f04437;--colors-red-600:#d92c20;--colors-red-700:#b42318;--colors-red-800:#912018;--colors-red-900:#7a2619;--colors-red-950:#54150c;--colors-alpha-alpha-white-0:#ffffff00;--colors-alpha-alpha-white-10:#ffffff19;--colors-alpha-alpha-white-20:#ffffff33;--colors-alpha-alpha-white-30:#ffffff4c;--colors-alpha-alpha-white-40:#ffffff66;--colors-alpha-alpha-white-50:#ffffff7f;--colors-alpha-alpha-white-60:#ffffff99;--colors-alpha-alpha-white-70:#ffffffb2;--colors-alpha-alpha-white-80:#ffffffcc;--colors-alpha-alpha-white-90:#ffffffe5;--colors-alpha-alpha-white-100:#ffffff;--colors-alpha-alpha-black-0:#16161600;--colors-alpha-alpha-black-10:#16161619;--colors-alpha-alpha-black-20:#16161633;--colors-alpha-alpha-black-30:#1616164c;--colors-alpha-alpha-black-40:#16161666;--colors-alpha-alpha-black-50:#1616167f;--colors-alpha-alpha-black-60:#16161699;--colors-alpha-alpha-black-70:#161616b2;--colors-alpha-alpha-black-80:#161616cc;--colors-alpha-alpha-black-90:#161616e5;--colors-alpha-alpha-black-100:#161616;--colors-alpha-alpha-green-10:#1b835419;--colors-alpha-alpha-green-20:#1b835433;--colors-alpha-alpha-green-30:#1b83544c;--colors-alpha-alpha-green-40:#1b835466;--colors-alpha-alpha-green-50:#1b83547f;--colors-alpha-alpha-green-60:#1b835499;--colors-alpha-alpha-green-70:#1b8354b2;--colors-alpha-alpha-green-80:#1b8354cc;--colors-alpha-alpha-green-90:#1b8354e5;--colors-alpha-alpha-green-100:var(--colors-primary-sa-flag-600-primary)}:root{--shadow-xs:0px 1px 2px 0px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);--shadow-md:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);--shadow-lg:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--shadow-xl:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);--shadow-2xl:0px 24px 48px -12px rgba(16, 24, 40, 0.18);--shadow-3xl:0px 32px 64px -12px rgba(16, 24, 40, 0.14)}.shadows-container{display:flex;width:2240px;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-7xl)}.shadows-box{display:flex;height:240px;max-width:256px;padding:var(--spacing-3xl);align-items:flex-start;gap:var(--spacing-none);flex:1 0 0;border-radius:var(--radius-xl);border:1px solid var(--colors-border-primary);background:var(--colors-bg-primary)}:root{--background-white:var(--colors-base-white);--background-body:var(--colors-neutral-50);--background-menu:var(--colors-base-white);--background-card:var(--colors-base-white);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-black);--background-brand-light:var(--colors-primary-sa-flag-50);--background-neutral-800:var(--colors-neutral-800);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-300);--background-neutral-200:var(--colors-neutral-200);--background-neutral-100:var(--colors-neutral-100);--background-neutral-50:var(--colors-neutral-50);--background-neutral-25:var(--colors-neutral-25);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-primary-sa-flag-200);--background-primary-50:var(--colors-primary-sa-flag-50);--background-primary-25:var(--colors-primary-sa-flag-25);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-secondary-gold-50);--background-secondary-25:var(--colors-secondary-gold-25);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-tertiary-lavendar-50);--background-tertiary-25:var(--colors-tertiary-lavendar-25);--background-success:var(--colors-green-600);--background-success-light:var(--colors-green-50);--background-success-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-light:var(--colors-blue-50);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-light:var(--colors-yellow-50);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--background-error-light:var(--colors-red-50);--background-error-50:var(--colors-red-50);--background-error-25:var(--colors-red-25);--background-sa-flag:var(--colors-green-900);--background-sa-flag-50:var(--colors-green-50);--background-sa-flag-25:var(--colors-green-25);--background-notification-white:var(--colors-base-white);--text-default:var(--colors-base-black);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-800);--text-display:var(--colors-neutral-800);--text-primary-paragraph:var(--colors-neutral-700);--text-secondary-paragraph:var(--colors-neutral-500);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-700);--text-info:var(--colors-blue-700);--text-warning:var(--colors-yellow-700);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-white-40);--border-white:var(--colors-base-white);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(--colors-primary-sa-flag-600-primary);--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(--colors-primary-sa-flag-600-primary);--button-background-neutral-default:var(--colors-neutral-100);--button-background-neutral-hovered:var(--colors-neutral-100);--button-background-neutral-pressed:var(--colors-neutral-200);--button-background-neutral-selected:var(--colors-neutral-200);--button-background-neutral-focused:var(--colors-neutral-100);--button-background-danger-primary-default:var(--colors-red-600);--button-background-danger-primary-hovered:var(--colors-red-700);--button-background-danger-primary-pressed:var(--colors-red-900);--button-background-danger-primary-selected:var(--colors-red-800);--button-background-danger-primary-focused:var(--colors-red-600);--button-label-danger-primary-default-oncolor:var(--colors-red-200);--button-label-danger-primary-hovered-oncolor:var(--colors-red-300);--button-label-danger-primary-pressed-oncolor:var(--colors-red-400);--button-background-danger-secondary-default:var(--colors-red-50);--button-background-danger-secondary-hovered:var(--colors-red-100);--button-background-danger-secondary-pressed:var(--colors-red-200);--button-background-danger-secondary-selected:var(--colors-red-50);--button-background-danger-secondary-focused:var(--colors-red-50);--button-background-oncolor-default:var(--colors-base-white);--button-background-oncolor-hovered:var(--alpha-white-80);--button-background-oncolor-pressed:var(--alpha-white-60);--button-background-oncolor-selected:var(--alpha-white-70);--button-background-oncolor-focused:var(--alpha-white-100);--button-background-transparent-default:var(--alpha-white-0);--button-background-transparent-hovered:var(--alpha-white-20);--button-background-transparent-pressed:var(--alpha-white-40);--button-background-transparent-selected:var(--alpha-white-30);--button-background-transparent-focused:var(--alpha-white-0);--button-background-disabled-on-color:var(--alpha-white-20);--button-label-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-black:var(--colors-base-black);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-primary-sa-flag-200);--border-secondary:var(--colors-secondary-gold-600-primary);--border-secondary-light:var(--colors-secondary-gold-200);--border-tertiary:var(--colors-tertiary-lavendar-500-primary);--border-tertiary-light:var(--colors-tertiary-lavendar-200);--border-neutral-primary:var(--colors-neutral-300);--border-neutral-secondary:var(--colors-neutral-200);--border-neutral-tertiary:var(--colors-neutral-100);--border-background-white:var(--colors-neutral-100);--border-background-neutral:var(--colors-neutral-300);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-700);--button-label-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--background-primary-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-700);--link-neutral-hovered:var(--colors-neutral-500);--link-icon-neutral-hovered:var(--colors-neutral-500);--link-neutral-pressed:var(--colors-neutral-400);--link-icon-neutral-pressed:var(--colors-neutral-400);--link-neutral-focused:var(--colors-neutral-700);--link-icon-neutral-focused:var(--colors-neutral-700);--link-neutral-visited:var(--colors-neutral-600);--link-icon-neutral-visited:var(--colors-neutral-600);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-neutral-600);--tag-background-neutral-light:var(--colors-neutral-50);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-800);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-800);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-600);--tag-border-neutral-light:var(--colors-neutral-50);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-yellow-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-300);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-700);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-50);--table-background-header:var(--colors-neutral-100);--table-background-row:var(--colors-neutral-50);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-800);--controls-control-primary-pressed:var(--colors-primary-sa-flag-800);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-950);--controls-control-neutral-hovered:var(--colors-neutral-600);--controls-control-neutral-pressed:var(--colors-neutral-600);--controls-control-neutral-focused:var(--colors-neutral-950);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-300);--controls-control-ripple-effect:var(--colors-neutral-200);--controls-control-border:var(--colors-neutral-500);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-primary-sa-flag-600-primary);--tooltip-background-light:var(--colors-base-white);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-neutral-800);--tooltip-text-heading-dark:var(--colors-neutral-50);--tooltip-text-paragraph-dark:var(--colors-neutral-100);--alpha-white-0:var(--colors-alpha-alpha-white-0);--alpha-white-10:var(--colors-alpha-alpha-white-10);--alpha-white-20:var(--colors-alpha-alpha-white-20);--alpha-white-30:var(--colors-alpha-alpha-white-30);--alpha-white-40:var(--colors-alpha-alpha-white-40);--alpha-white-50:var(--colors-alpha-alpha-white-50);--alpha-white-60:var(--colors-alpha-alpha-white-60);--alpha-white-70:var(--colors-alpha-alpha-white-70);--alpha-white-80:var(--colors-alpha-alpha-white-80);--alpha-white-90:var(--colors-alpha-alpha-white-90);--alpha-white-100:var(--colors-alpha-alpha-white-100);--alpha-black-0:var(--colors-alpha-alpha-black-0);--alpha-black-10:var(--colors-alpha-alpha-black-10);--alpha-black-20:var(--colors-alpha-alpha-black-20);--alpha-black-30:var(--colors-alpha-alpha-black-30);--alpha-black-40:var(--colors-alpha-alpha-black-40);--alpha-black-50:var(--colors-alpha-alpha-black-50);--alpha-black-60:var(--colors-alpha-alpha-black-60);--alpha-black-70:var(--colors-alpha-alpha-black-70);--alpha-black-80:var(--colors-alpha-alpha-black-80);--alpha-black-90:var(--colors-alpha-alpha-black-90);--alpha-black-100:var(--colors-alpha-alpha-black-100);--background-disabled:var(--colors-neutral-200);--background-disabled-primary:var(--colors-primary-sa-flag-200);--background-inverse-disabled:var(--colors-neutral-100);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-primary-sa-flag-600-primary);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-300);--stepper-button-upcomming-hovered:var(--colors-neutral-400);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-display);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-300);--stepper-line-upcomming:var(--colors-neutral-300);--stepper-line-upcomming-hovered:var(--colors-neutral-400);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--background-card);--form-field-background-lighter:var(--colors-neutral-25);--form-field-background-darker:var(--colors-neutral-100);--form-field-background-pressed:var(--colors-neutral-100);--form-field-border-default:var(--colors-neutral-400);--form-field-border-hovered:var(--colors-neutral-700);--form-field-border-pressed:var(--colors-neutral-950);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-100);--form-option-background-pressed:var(--colors-neutral-200);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-black);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-200);--form-datecell-today-background-pressed:var(--colors-neutral-300);--icon-default-500:var(--colors-neutral-500);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-200);--form-datecell-background-100:var(--colors-primary-sa-flag-100);--controls-control-icon-hovered:var(--icon-oncolor);--alpha-primary-10:#1b835419;--icon-default-400:var(--colors-neutral-400);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#1b835433;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#dc680319;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#dc680333;--alpha-error-10:#d92c2019;--alpha-error-20:#d92c2033;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-700);--icon-neutral-light:var(--colors-neutral-50);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-700);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-neutral-400);--icon-default-oncolor-disabled:var(--colors-alpha-alpha-white-40);--control-disabled:var(--colors-neutral-400);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-700);--featuredicons-icon-default:var(--colors-base-black);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-500);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-400);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-700);--featuredicons-icon-neutral-light:var(--colors-neutral-50);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--background-warning-50);--featuredicons-bg-icon-error-light:var(--background-error-50);--featuredicons-bg-icon-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-bg-icon-info-light:var(--background-info-50);--featuredicons-bg-icon-success-light:var(--background-success-50);--controls-control-icon-pressed:var(--icon-oncolor);--controls-control-icon-disabled:var(--colors-base-white);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--background-neutral-50);--notification-background-success-50:var(--background-success-50);--notification-background-warning-50:var(--background-warning-50);--notification-background-error-50:var(--background-error-50);--notification-background-brand-50:var(--colors-primary-sa-flag-50);--notification-background-info-50:var(--background-info-50);--notification-background-default-25:var(--background-neutral-25);--notification-background-success-25:var(--background-success-25);--notification-background-warning-25:var(--background-warning-25);--notification-background-error-25:var(--background-error-25);--notification-background-brand-25:var(--background-primary-25);--notification-background-info-25:var(--background-info-25);--notification-text-success:var(--text-success);--notification-text-error:var(--text-error);--notification-text-info:var(--text-info);--notification-text-warning:var(--text-warning);--notification-text-brand:var(--text-primary);--controls-control-text-error:var(--text-error)}[data-theme=dark] :root{--background-white:var(--colors-neutral-950);--background-body:var(--colors-neutral-900);--background-menu:var(--colors-neutral-800);--background-card:var(--colors-neutral-800);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-white);--background-neutral-800:var(--colors-neutral-600);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-500);--background-neutral-200:var(--colors-neutral-600);--background-neutral-100:var(--colors-neutral-800);--background-neutral-50:var(--colors-neutral-900);--background-neutral-25:var(--colors-neutral-950);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-neutral-700);--background-primary-50:var(--colors-alpha-alpha-green-10);--background-primary-25:var(--colors-primary-sa-flag-950);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-neutral-800);--background-secondary-25:var(--colors-neutral-900);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-neutral-800);--background-tertiary-25:var(--colors-neutral-900);--background-success:var(--colors-green-600);--background-success-50:var(--colors-neutral-800);--background-success-25:var(--colors-neutral-900);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-neutral-800);--background-info-25:var(--colors-neutral-900);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-neutral-800);--background-warning-25:var(--colors-neutral-900);--background-error:var(--colors-red-600);--background-error-50:var(--colors-neutral-800);--background-error-25:var(--colors-neutral-900);--background-sa-flag:var(--colors-primary-sa-flag-600-primary);--background-sa-flag-50:var(--colors-neutral-800);--background-sa-flag-25:var(--colors-neutral-900);--background-notification-white:var(--colors-neutral-900);--text-default:var(--colors-base-white);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-100);--text-display:var(--colors-neutral-50);--text-primary-paragraph:var(--colors-neutral-100);--text-secondary-paragraph:var(--colors-neutral-200);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-600);--text-info:var(--colors-blue-600);--text-warning:var(--colors-yellow-600);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-black-40);--border-white:var(--colors-base-black);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(
+  );--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-200);--link-neutral-hovered:var(--colors-neutral-400);--link-icon-neutral-hovered:var(--colors-neutral-400);--link-neutral-pressed:var(--colors-neutral-500);--link-icon-neutral-pressed:var(--colors-neutral-500);--link-neutral-focused:var(--colors-neutral-200);--link-icon-neutral-focused:var(--colors-neutral-200);--link-neutral-visited:var(--colors-neutral-300);--link-icon-neutral-visited:var(--colors-neutral-300);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-primary-sa-flag-600-primary);--tag-background-neutral-light:var(--colors-neutral-800);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-100);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-100);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-300);--tag-border-neutral-light:var(--colors-neutral-800);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-red-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-600);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-300);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-900);--table-background-header:var(--colors-neutral-900);--table-background-row:var(--colors-neutral-900);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-300);--controls-control-primary-pressed:var(--colors-primary-sa-flag-400);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-600);--controls-control-neutral-hovered:var(--colors-neutral-400);--controls-control-neutral-pressed:var(--colors-neutral-400);--controls-control-neutral-focused:var(--colors-neutral-600);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-600);--controls-control-ripple-effect:var(--colors-neutral-950);--controls-control-border:var(--colors-neutral-400);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-green-600);--tooltip-background-light:var(--colors-neutral-800);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-base-white);--tooltip-text-heading-dark:var(--colors-neutral-800);--tooltip-text-paragraph-dark:var(--colors-neutral-700);--alpha-white-0:var(--colors-alpha-alpha-black-10);--alpha-white-10:var(--colors-alpha-alpha-black-10);--alpha-white-20:var(--colors-alpha-alpha-black-20);--alpha-white-30:var(--colors-alpha-alpha-black-30);--alpha-white-40:var(--colors-alpha-alpha-black-40);--alpha-white-50:var(--colors-alpha-alpha-black-50);--alpha-white-60:var(--colors-alpha-alpha-black-60);--alpha-white-70:var(--colors-alpha-alpha-black-70);--alpha-white-80:var(--colors-alpha-alpha-black-80);--alpha-white-90:var(--colors-alpha-alpha-black-90);--alpha-white-100:var(--colors-alpha-alpha-black-100);--alpha-black-0:var(--colors-alpha-alpha-white-10);--alpha-black-10:var(--colors-alpha-alpha-white-10);--alpha-black-20:var(--colors-alpha-alpha-white-20);--alpha-black-30:var(--colors-alpha-alpha-white-30);--alpha-black-40:var(--colors-alpha-alpha-white-40);--alpha-black-50:var(--colors-alpha-alpha-white-50);--alpha-black-60:var(--colors-alpha-alpha-white-60);--alpha-black-70:var(--colors-alpha-alpha-white-70);--alpha-black-80:var(--colors-alpha-alpha-white-80);--alpha-black-90:var(--colors-alpha-alpha-white-90);--alpha-black-100:var(--colors-alpha-alpha-white-100);--background-disabled:var(--colors-neutral-700);--background-disabled-primary:var(--colors-primary-sa-flag-700);--background-inverse-disabled:var(--colors-neutral-700);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-green-600);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-600);--stepper-button-upcomming-hovered:var(--colors-neutral-600);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-default);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-700);--stepper-line-upcomming:var(--colors-neutral-700);--stepper-line-upcomming-hovered:var(--colors-neutral-700);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--colors-neutral-800);--form-field-background-lighter:var(--colors-neutral-600);--form-field-background-darker:var(--colors-neutral-800);--form-field-background-pressed:#4d5761;--form-field-border-default:var(--colors-neutral-500);--form-field-border-hovered:var(--colors-neutral-200);--form-field-border-pressed:var(--colors-neutral-25);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-500);--form-option-background-pressed:var(--colors-neutral-700);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-white);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-700);--form-datecell-today-background-pressed:var(--colors-neutral-600);--icon-default-500:var(--colors-neutral-200);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-400);--form-datecell-background-100:var(--colors-primary-sa-flag-300);--controls-control-icon-hovered:var(--colors-primary-sa-flag-800);--alpha-primary-10:#166a4519;--icon-default-400:var(--colors-neutral-500);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#166a4533;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#fec84b19;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#fec84b33;--alpha-error-10:#b4231819;--alpha-error-20:#b4231833;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-500);--icon-neutral-light:var(--colors-neutral-950);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-600);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-600);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-base-white);--icon-default-oncolor-disabled:var(--colors-base-white);--control-disabled:var(--colors-alpha-alpha-white-30);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-600);--featuredicons-icon-default:var(--colors-base-white);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-200);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-500);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-500);--featuredicons-icon-neutral-light:var(--colors-neutral-950);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-600);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--alpha-warning-10);--featuredicons-bg-icon-error-light:var(--alpha-error-10);--featuredicons-bg-icon-brand-light:var(--alpha-primary-10);--featuredicons-bg-icon-info-light:var(--alpha-info-10);--featuredicons-bg-icon-success-light:var(--alpha-success-10);--controls-control-icon-pressed:var(--colors-primary-sa-flag-800);--controls-control-icon-disabled:var(--colors-neutral-400);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--alpha-white-10);--notification-background-success-50:var(--alpha-success-20);--notification-background-warning-50:var(--alpha-warning-20);--notification-background-error-50:var(--alpha-error-20);--notification-background-brand-50:var(--alpha-primary-20);--notification-background-info-50:var(--alpha-info-20);--notification-background-default-25:var(--alpha-white-0);--notification-background-success-25:var(--alpha-primary-10);--notification-background-warning-25:var(--alpha-warning-10);--notification-background-error-25:var(--alpha-error-10);--notification-background-brand-25:var(--alpha-primary-10);--notification-background-info-25:var(--alpha-info-10);--notification-text-success:var(--colors-green-300);--notification-text-error:var(--colors-red-300);--notification-text-info:var(--colors-blue-300);--notification-text-warning:var(--colors-yellow-300);--notification-text-brand:var(--colors-primary-sa-flag-300);--controls-control-text-error:var(--colors-red-300)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dga-number-input--lg .dga-number-input__prefix-label,.dga-number-input--lg .dga-number-input__suffix-label,.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron,.dga-number-input__field::placeholder,.dga-number-input__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-number-input--md .dga-number-input__prefix-label,.dga-number-input--md .dga-number-input__suffix-label,.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder,.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder,.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-number-input.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-alpha-black)/20%);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;gap:8px;width:fit-content}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-number-input{display:flex;height:40px;width:100%;max-width:183px;min-width:183px;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.dga-number-input--full-width{max-width:none}.dga-number-input:hover{border-color:var(--form-field-border-hovered)}.dga-number-input::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-number-input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.dga-number-input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input.focus::after{width:100%}.dga-number-input.active::after{width:50%}.dga-number-input--readonly,.dga-number-input--readonly:hover,.dga-number-input--disabled,.dga-number-input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.dga-number-input--readonly::after,.dga-number-input--disabled::after{display:none}.dga-number-input--readonly .dga-number-input__field,.dga-number-input--readonly .dga-number-input__field::placeholder,.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--form-field-text-readonly)}.dga-number-input--disabled{border-color:var(--border-disabled)}.dga-number-input--disabled .dga-number-input__field{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__icon span,.dga-number-input--disabled .dga-number-input__prefix--subtle-text,.dga-number-input--disabled .dga-number-input__prefix--solid-text{color:var(--text-default-disabled)}.dga-number-input__icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__icon span{color:var(--form-field-border-hovered);font-size:20px}.dga-number-input__feedback-icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-number-input__feedback-icon--success{color:var(--text-success)}.dga-number-input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-number-input__feedback-icon--error{color:var(--text-error)}.dga-number-input__feedback-icon--error span::after{background-color:var(--text-error-100)}.dga-number-input__feedback-icon--warning{color:var(--text-warning)}.dga-number-input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-number-input__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-number-input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-number-input__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dga-number-input__prefix,.dga-number-input__suffix{display:flex;height:100%;width:56px;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;padding:var(--spacing-xxs, 2px) var(--spacing-xl, 16px);align-self:stretch;border:0}.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron{color:var(--colors-text-primary)}.dga-number-input__prefix .dropdown__label,.dga-number-input__suffix .dropdown__label{display:none}.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.dga-number-input__prefix .dropdown__label--selection~.dga-number-input__prefix-label,.dga-number-input__suffix .dropdown__label--selection~.dga-number-input__prefix-label{display:none}.dga-number-input__prefix-chevron,.dga-number-input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.dga-number-input__prefix.active,.dga-number-input__suffix.active{background-color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--solid,.dga-number-input__suffix--solid{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text,.dga-number-input__suffix--solid-text{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text .dga-number-input__prefix-label,.dga-number-input__suffix--solid-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--solid:hover,.dga-number-input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.dga-number-input__prefix--solid:focus,.dga-number-input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.dga-number-input__prefix--solid.active,.dga-number-input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.dga-number-input__prefix--solid:disabled,.dga-number-input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--subtle,.dga-number-input__suffix--subtle{background-color:transparent}.dga-number-input__prefix--subtle-text,.dga-number-input__suffix--subtle-text{background-color:transparent}.dga-number-input__prefix--subtle-text .dga-number-input__prefix-label,.dga-number-input__suffix--subtle-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--subtle:hover,.dga-number-input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.dga-number-input__prefix--subtle:focus,.dga-number-input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.dga-number-input__prefix--subtle.active,.dga-number-input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix.selected,.dga-number-input__suffix.selected{background-color:var(--form-field-border-hovered)}.dga-number-input__prefix.selected .dga-number-input__prefix-icon,.dga-number-input__prefix.selected .dga-number-input__prefix-label,.dga-number-input__prefix.selected .dga-number-input__prefix-chevron,.dga-number-input__suffix.selected .dga-number-input__prefix-icon,.dga-number-input__suffix.selected .dga-number-input__prefix-label,.dga-number-input__suffix.selected .dga-number-input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.dga-number-input__prefix.selected .dropdown__label,.dga-number-input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.dga-number-input__dropdown-btn.open+.dga-number-input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__prefix-chevron,.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__suffix-chevron{transform:rotate(180deg)}.dga-number-input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.dga-number-input__suffix{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dga-number-input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.dga-number-input--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.focus{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.active{border:1px solid var(--form-field-border-default)}.dga-number-input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.dga-number-input--darker:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.dga-number-input.readOnly::after{content:none}.dga-number-input--error,.dga-number-input--error:hover{border:1px solid var(--form-field-border-error) !important}.dga-number-input--error::after{background-color:var(--form-field-border-error)}.dga-number-input--lg{height:40px}.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--lg__feedback-icon span{font-size:20px}.dga-number-input--lg .dga-number-input__prefix,.dga-number-input--lg .dga-number-input__suffix{cursor:pointer}.dga-number-input--lg .dga-number-input__prefix-icon,.dga-number-input--lg .dga-number-input__suffix-icon{font-size:24px}.dga-number-input--lg .dga-number-input__prefix-chevron,.dga-number-input--lg .dga-number-input__suffix-chevron{font-size:20px}.dga-number-input--md{height:32px}.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--md__feedback-icon span{font-size:16px}.dga-number-input--md .dga-number-input__prefix-icon,.dga-number-input--md .dga-number-input__suffix-icon{font-size:20px}.dga-number-input--md .dga-number-input__prefix-chevron,.dga-number-input--md .dga-number-input__suffix-chevron{font-size:16px}`,$m=Tm,Bh=D(class extends E{constructor(){super(),this.__registerHost(),this.placeholder="0000",this.size="lg",this.variant="default",this.error=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!0,this.name=be(),this.value=0,this.isActive=!1,this.isFocused=!1,this.handleIncrement=()=>{!this.disabled&&!this.readonly&&(this.value+=1,this.onChange&&this.onChange({target:{value:this.value}}))},this.handleDecrement=()=>{!this.disabled&&!this.readonly&&(this.value-=1,this.onChange&&this.onChange({target:{value:this.value}}))},this.componentId=`quote-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new me(this.componentId),this.processStyling()}processStyling(){this.sx&&(this.rootStyles=this.sxStyleManager.processSxProp(this.sx))}disconnectedCallback(){var e;(e=this.sxStyleManager)===null||e===void 0||e.cleanup()}render(){return s("div",{key:"b61e6cf7e1a761a18f7a64ad69586f59f052e542",id:this.componentId,class:"dga-form-control",style:this.rootStyles},this.label&&s("dga-label",{key:"d74bb3209e04c4286274f71184a5a3e635969cbc",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"e860a2a53067d37d152eaf51d71a625a8c33edda",class:`dga-number-input dga-number-input--${this.size} ${this.error?"dga-number-input--error":""} ${this.fullwidth?"dga-number-input--full-width":""} ${this.variant!=="default"?`dga-number-input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"dga-number-input--disabled":""} ${this.readonly?"readOnly":""}`,ref:e=>this.inputContainerRef=e},s("button",{key:"ffc05b03170cdd0af2614984b6817ba8774596cc",class:"dga-number-input__prefix",onClick:this.handleIncrement,disabled:this.disabled||this.readonly},s("span",{key:"4da4a513f529a13ad76187866b27a035baff7d5e",class:"dga-number-input__prefix-icon"},s("dga-icon",{key:"f5100fbc06e0b729f0dc3e0df7da6d9ef7f1f04e",icon:"plus-sign",variant:"stroke",type:"rounded"}))),s("input",{key:"c3a4af1d8e800f2605cb78656adb560b012a7239",value:this.value,name:this.name,type:"number",onFocus:()=>this.isFocused=!0,onBlur:e=>{this.isFocused=!1,this.onBlur(e)},class:"dga-number-input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),s("button",{key:"bd3e833fbda84418c436fe0921cdec9e9bf01b25",class:"dga-number-input__suffix",onClick:this.handleDecrement,disabled:this.disabled||this.readonly},s("span",{key:"d80c4cb80aa61fd5ce513b5416c2ec3562660cf8",class:"dga-number-input__suffix-icon"},s("dga-icon",{key:"a8f0b60dd5b5f80b90d755ba17a90810cbbe4efb",icon:"minus-sign",variant:"stroke",type:"rounded"})))),this.helperText&&s("dga-helper-text",{key:"04b55df455160bb660330e83a29b2fec68e34248",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error}))}get el(){return this}static get watchers(){return{sx:["handleSxChange"]}}static get style(){return $m}},[0,"dga-number-input",{label:[1],placeholder:[1],size:[1],variant:[1],error:[4],helperTextIcon:[16],helperText:[1,"helper-text"],disabled:[4],readonly:[4],required:[4],fullwidth:[4],name:[1],value:[2],onChange:[16],onInput:[16],onBlur:[16],sx:[16],isActive:[32],isFocused:[32]},void 0,{sx:["handleSxChange"]}]);function Rm(){if(typeof customElements>"u")return;["dga-number-input","dga-helper-text","dga-icon","dga-label"].forEach(e=>{switch(e){case"dga-number-input":customElements.get(e)||customElements.define(e,Bh);break;case"dga-helper-text":customElements.get(e)||mo();break;case"dga-icon":customElements.get(e)||J();break;case"dga-label":customElements.get(e)||ko();break}})}const Om=Bh,Fm=Rm,Hm=`@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); :root{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-40:160px;--spacing-48:192px;--spacing-56:224px;--spacing-64:256px;--spacing-96:384px;--spacing-80:320px;--spacing-120:480px;--spacing-140:560px;--spacing-160:640px;--spacing-180:720px;--spacing-192:768px;--spacing-256:1024px;--spacing-320:1280px;--spacing-360:1440px;--spacing-400:1600px;--spacing-480:1920px}:root{--width-xxs:var(--spacing-80);--width-xs:var(--spacing-96);--width-sm:var(--spacing-120);--width-md:var(--spacing-140);--width-lg:var(--spacing-160);--width-xl:var(--spacing-192);--width-2xl:var(--spacing-256);--width-3xl:var(--spacing-320);--width-4xl:var(--spacing-360);--width-5xl:var(--spacing-400);--width-6xl:var(--spacing-480);--maxwidth-paragraph-max-width:var(--spacing-180)}@media only screen and (min-width: 1025px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-4);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-12);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-8);--section-padding:var(--spacing-8);--section-gap:var(--spacing-8);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-8);--card-md-gap:var(--spacing-6);--card-sm-padding:var(--spacing-8);--card-sm-gap:var(--spacing-6)}}@media only screen and (min-width: 768px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-4);--notification-padding:var(--spacing-4);--notification-h-padding:var(--spacing-6);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-6);--notification-toast-v-padding:var(--spacing-4);--notification-toast-desktop-h-padding:var(--spacing-6);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-3);--tab-horizontal-tab-md-button-h-padding:var(--spacing-4);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-2);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-3);--tab-vertical-tab-md-button-v-padding:var(--spacing-1-5);--tab-vertical-tab-md-button-h-padding:var(--spacing-3);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1-5);--table-cell-gap:var(--spacing-2);--table-cell-v-padding:var(--spacing-2);--table-cell-h-padding:var(--spacing-4);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-3);--control-switch-error-icon-gap:var(--spacing-2);--control-radio-error-icon-gap:var(--spacing-4);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-6);--section-padding:var(--spacing-6);--section-gap:var(--spacing-6);--text-content-gap:var(--spacing-2);--icon-text-gap:var(--spacing-2);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-6);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-2);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-4);--buttons-group-gap:var(--spacing-2);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-2);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-3);--progressindicator-progress-indicator-gap:var(--spacing-2);--progressindicator-progress-text-content-side-padding:var(--spacing-4);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-2);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-6);--card-md-padding:var(--spacing-6);--card-md-gap:var(--spacing-5);--card-sm-padding:var(--spacing-6);--card-sm-gap:var(--spacing-5)}}@media only screen and (max-width: 767px){:root{--tooltip-padding:var(--spacing-2);--tooltip-gap:var(--spacing-2);--tab-button-gap:var(--spacing-1);--notification-gap:var(--spacing-2);--notification-padding:var(--spacing-3);--notification-h-padding:var(--spacing-4);--notification-alert-v-padding:var(--spacing-2);--notification-alert-h-padding:var(--spacing-4);--notification-toast-v-padding:var(--spacing-3);--notification-toast-desktop-h-padding:var(--spacing-4);--notification-toast-mobile-h-padding:var(--spacing-4);--tab-horizontal-tab-md-button-v-padding:var(--spacing-2);--tab-horizontal-tab-md-button-h-padding:var(--spacing-3);--tab-horizontal-tab-sm-button-v-padding:var(--spacing-1);--tab-horizontal-tab-sm-button-h-padding:var(--spacing-2);--tab-vertical-tab-md-button-v-padding:var(--spacing-1);--tab-vertical-tab-md-button-h-padding:var(--spacing-2);--tab-vertical-tab-sm-button-v-padding:var(--spacing-0-5);--tab-vertical-tab-sm-button-h-padding:var(--spacing-1);--table-cell-gap:var(--spacing-1);--table-cell-v-padding:var(--spacing-1);--table-cell-h-padding:var(--spacing-3);--control-vertical-gap:var(--spacing-1);--control-title-error-gap:var(--spacing-2);--control-switch-error-icon-gap:var(--spacing-1);--control-radio-error-icon-gap:var(--spacing-12);--control-switch-description-padding:var(--spacing-16);--control-radio-description-padding:var(--spacing-12);--form-label-gap:var(--spacing-1);--form-field-label-gap:var(--spacing-2);--form-input-padding:var(--spacing-0);--form-input-gap:var(--spacing-0);--form-textarea-padding:var(--spacing-0);--form-textarea-gap:var(--spacing-0);--form-select-padding:var(--spacing-0);--form-select-gap:var(--spacing-0);--accordion-lg-header-padding:var(--spacing-4);--accordion-lg-header-gap:var(--spacing-4);--accordion-md-header-padding:var(--spacing-3);--accordion-md-header-gap:var(--spacing-3);--accordion-sm-header-padding:var(--spacing-2);--accordion-sm-header-gap:var(--spacing-2);--card-lg-padding:var(--spacing-4);--section-padding:var(--spacing-4);--section-gap:var(--spacing-4);--text-content-gap:var(--spacing-1);--icon-text-gap:var(--spacing-1);--buttons-lg-gap:var(--spacing-1);--model-padding:var(--spacing-4);--buttons-lg-padding:var(--spacing-4);--model-gap:var(--spacing-1);--buttons-md-gap:var(--spacing-1);--buttons-md-padding:var(--spacing-3);--buttons-sm-gap:var(--spacing-1);--buttons-sm-padding:var(--spacing-2);--model-content-bottom-padding:var(--spacing-2);--buttons-group-gap:var(--spacing-1);--button-menu-gap:var(--spacing-2);--button-menu-v-padding:var(--spacing-2);--button-menu-h-padding:var(--spacing-2);--link-md-gap:var(--spacing-1);--link-sm-gap:var(--spacing-1);--link-links-group-gap:var(--spacing-2);--progressindicator-progress-indicator-gap:var(--spacing-4);--progressindicator-progress-text-content-side-padding:var(--spacing-3);--pagination-item-sm-padding:var(--spacing-1);--pagination-item-md-padding:var(--spacing-1-5);--pagination-item-lg-padding:var(--spacing-2);--pagination-items-padding:var(--spacing-1);--spacing-none:var(--spacing-0);--spacing-xxs:var(--spacing-0-5);--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-1-5);--spacing-md:var(--spacing-2);--spacing-lg:var(--spacing-3);--spacing-xl:var(--spacing-4);--spacing-2xl:var(--spacing-5);--spacing-3xl:var(--spacing-6);--spacing-4xl:var(--spacing-8);--spacing-5xl:var(--spacing-10);--spacing-6xl:var(--spacing-12);--spacing-7xl:var(--spacing-16);--spacing-8xl:var(--spacing-20);--spacing-9xl:var(--spacing-24);--spacing-10xl:var(--spacing-32);--spacing-11xl:var(--spacing-40);--card-lg-gap:var(--spacing-4);--card-md-padding:var(--spacing-4);--card-md-gap:var(--spacing-3);--card-sm-padding:var(--spacing-4);--card-sm-gap:var(--spacing-3)}}:root{--radius-0:0;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-9999:9999px;--components-card-radius:var(--spacing-4);--radius-none:var(--radius-0);--radius-xs:var(--radius-2);--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-16);--radius-xl:var(--radius-24);--radius-full:var(--radius-9999)}:root{--colors-base-white:#ffffff;--colors-base-black:#161616;--colors-primary-sa-flag-25:#f7fdf9;--colors-primary-sa-flag-50:#f3fcf6;--colors-primary-sa-flag-100:#dff6e7;--colors-primary-sa-flag-200:#b8eacb;--colors-primary-sa-flag-300:#88d8ad;--colors-primary-sa-flag-400:#54c08a;--colors-primary-sa-flag-500-alpha-10:#25935f19;--colors-primary-sa-flag-500:#25935f;--colors-primary-sa-flag-600-primary:#1b8354;--colors-primary-sa-flag-700:#166a45;--colors-primary-sa-flag-800:#14573a;--colors-primary-sa-flag-900:#104631;--colors-primary-sa-flag-950:#092a1e;--colors-secondary-gold-25:#fffef7;--colors-secondary-gold-50:#fffef2;--colors-secondary-gold-100:#fffce6;--colors-secondary-gold-200:#fcf3bd;--colors-secondary-gold-300:#fae996;--colors-secondary-gold-400:#f7d54d;--colors-secondary-gold-500:#f5bd02;--colors-secondary-gold-600-primary:#dba102;--colors-secondary-gold-700:#b87b02;--colors-secondary-gold-800:#945c01;--colors-secondary-gold-900:#6e3c00;--colors-secondary-gold-950:#472400;--colors-tertiary-lavendar-25:#fefcff;--colors-tertiary-lavendar-50:#f9f5fa;--colors-tertiary-lavendar-100:#f2e9f5;--colors-tertiary-lavendar-200:#e1cce8;--colors-tertiary-lavendar-300:#ccadd9;--colors-tertiary-lavendar-400:#a57bba;--colors-tertiary-lavendar-500-primary:#80519f;--colors-tertiary-lavendar-600:#6d428f;--colors-tertiary-lavendar-700:#532d75;--colors-tertiary-lavendar-800:#3d1d5e;--colors-tertiary-lavendar-900:#281047;--colors-tertiary-lavendar-950:#16072e;--colors-neutral-25:#fcfcfd;--colors-neutral-50:#f9fafb;--colors-neutral-100:#f3f4f6;--colors-neutral-200:#e5e7eb;--colors-neutral-300:#d2d6db;--colors-neutral-400:#9da4ae;--colors-neutral-500:#6c727e;--colors-neutral-600:#4d5761;--colors-neutral-700:#384250;--colors-neutral-800:#1f2a37;--colors-neutral-900:#111927;--colors-neutral-950:#0c111b;--colors-blue-25:#f5faff;--colors-blue-50:#eff8ff;--colors-blue-100:#d1e9ff;--colors-blue-200:#b2ddff;--colors-blue-300:#84caff;--colors-blue-400:#53b0fd;--colors-blue-500:#2e90fa;--colors-blue-600:#156fee;--colors-blue-700:#175cd3;--colors-blue-800:#1849a9;--colors-blue-900:#194084;--colors-blue-950:#102a56;--colors-green-25:#f6fef9;--colors-green-50:#ecfdf3;--colors-green-100:#dcfae6;--colors-green-200:#abefc6;--colors-green-300:#75dfa6;--colors-green-400:#47cd89;--colors-green-500:#17b169;--colors-green-600:#069454;--colors-green-700:#067647;--colors-green-800:#085d3a;--colors-green-900:#074c30;--colors-green-950:#053321;--colors-yellow-25:#fffcf5;--colors-yellow-50:#fffaeb;--colors-yellow-100:#fef0c7;--colors-yellow-200:#fedf89;--colors-yellow-300:#fec84b;--colors-yellow-400:#fdb022;--colors-yellow-500:#f79009;--colors-yellow-600:#dc6803;--colors-yellow-700:#b54707;--colors-yellow-800:#93370c;--colors-yellow-900:#7a2e0e;--colors-yellow-950:#4e1d09;--colors-red-25:#fffbfa;--colors-red-50:#fef3f2;--colors-red-100:#fee4e2;--colors-red-200:#fecdca;--colors-red-300:#fca19b;--colors-red-400:#f97066;--colors-red-500:#f04437;--colors-red-600:#d92c20;--colors-red-700:#b42318;--colors-red-800:#912018;--colors-red-900:#7a2619;--colors-red-950:#54150c;--colors-alpha-alpha-white-0:#ffffff00;--colors-alpha-alpha-white-10:#ffffff19;--colors-alpha-alpha-white-20:#ffffff33;--colors-alpha-alpha-white-30:#ffffff4c;--colors-alpha-alpha-white-40:#ffffff66;--colors-alpha-alpha-white-50:#ffffff7f;--colors-alpha-alpha-white-60:#ffffff99;--colors-alpha-alpha-white-70:#ffffffb2;--colors-alpha-alpha-white-80:#ffffffcc;--colors-alpha-alpha-white-90:#ffffffe5;--colors-alpha-alpha-white-100:#ffffff;--colors-alpha-alpha-black-0:#16161600;--colors-alpha-alpha-black-10:#16161619;--colors-alpha-alpha-black-20:#16161633;--colors-alpha-alpha-black-30:#1616164c;--colors-alpha-alpha-black-40:#16161666;--colors-alpha-alpha-black-50:#1616167f;--colors-alpha-alpha-black-60:#16161699;--colors-alpha-alpha-black-70:#161616b2;--colors-alpha-alpha-black-80:#161616cc;--colors-alpha-alpha-black-90:#161616e5;--colors-alpha-alpha-black-100:#161616;--colors-alpha-alpha-green-10:#1b835419;--colors-alpha-alpha-green-20:#1b835433;--colors-alpha-alpha-green-30:#1b83544c;--colors-alpha-alpha-green-40:#1b835466;--colors-alpha-alpha-green-50:#1b83547f;--colors-alpha-alpha-green-60:#1b835499;--colors-alpha-alpha-green-70:#1b8354b2;--colors-alpha-alpha-green-80:#1b8354cc;--colors-alpha-alpha-green-90:#1b8354e5;--colors-alpha-alpha-green-100:var(--colors-primary-sa-flag-600-primary)}:root{--shadow-xs:0px 1px 2px 0px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);--shadow-md:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);--shadow-lg:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--shadow-xl:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);--shadow-2xl:0px 24px 48px -12px rgba(16, 24, 40, 0.18);--shadow-3xl:0px 32px 64px -12px rgba(16, 24, 40, 0.14)}.shadows-container{display:flex;width:2240px;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-7xl)}.shadows-box{display:flex;height:240px;max-width:256px;padding:var(--spacing-3xl);align-items:flex-start;gap:var(--spacing-none);flex:1 0 0;border-radius:var(--radius-xl);border:1px solid var(--colors-border-primary);background:var(--colors-bg-primary)}:root{--background-white:var(--colors-base-white);--background-body:var(--colors-neutral-50);--background-menu:var(--colors-base-white);--background-card:var(--colors-base-white);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-black);--background-brand-light:var(--colors-primary-sa-flag-50);--background-neutral-800:var(--colors-neutral-800);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-300);--background-neutral-200:var(--colors-neutral-200);--background-neutral-100:var(--colors-neutral-100);--background-neutral-50:var(--colors-neutral-50);--background-neutral-25:var(--colors-neutral-25);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-primary-sa-flag-200);--background-primary-50:var(--colors-primary-sa-flag-50);--background-primary-25:var(--colors-primary-sa-flag-25);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-secondary-gold-50);--background-secondary-25:var(--colors-secondary-gold-25);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-tertiary-lavendar-50);--background-tertiary-25:var(--colors-tertiary-lavendar-25);--background-success:var(--colors-green-600);--background-success-light:var(--colors-green-50);--background-success-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-light:var(--colors-blue-50);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-light:var(--colors-yellow-50);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--background-error-light:var(--colors-red-50);--background-error-50:var(--colors-red-50);--background-error-25:var(--colors-red-25);--background-sa-flag:var(--colors-green-900);--background-sa-flag-50:var(--colors-green-50);--background-sa-flag-25:var(--colors-green-25);--background-notification-white:var(--colors-base-white);--text-default:var(--colors-base-black);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-800);--text-display:var(--colors-neutral-800);--text-primary-paragraph:var(--colors-neutral-700);--text-secondary-paragraph:var(--colors-neutral-500);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-700);--text-info:var(--colors-blue-700);--text-warning:var(--colors-yellow-700);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-white-40);--border-white:var(--colors-base-white);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(--colors-primary-sa-flag-600-primary);--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(--colors-primary-sa-flag-600-primary);--button-background-neutral-default:var(--colors-neutral-100);--button-background-neutral-hovered:var(--colors-neutral-100);--button-background-neutral-pressed:var(--colors-neutral-200);--button-background-neutral-selected:var(--colors-neutral-200);--button-background-neutral-focused:var(--colors-neutral-100);--button-background-danger-primary-default:var(--colors-red-600);--button-background-danger-primary-hovered:var(--colors-red-700);--button-background-danger-primary-pressed:var(--colors-red-900);--button-background-danger-primary-selected:var(--colors-red-800);--button-background-danger-primary-focused:var(--colors-red-600);--button-label-danger-primary-default-oncolor:var(--colors-red-200);--button-label-danger-primary-hovered-oncolor:var(--colors-red-300);--button-label-danger-primary-pressed-oncolor:var(--colors-red-400);--button-background-danger-secondary-default:var(--colors-red-50);--button-background-danger-secondary-hovered:var(--colors-red-100);--button-background-danger-secondary-pressed:var(--colors-red-200);--button-background-danger-secondary-selected:var(--colors-red-50);--button-background-danger-secondary-focused:var(--colors-red-50);--button-background-oncolor-default:var(--colors-base-white);--button-background-oncolor-hovered:var(--alpha-white-80);--button-background-oncolor-pressed:var(--alpha-white-60);--button-background-oncolor-selected:var(--alpha-white-70);--button-background-oncolor-focused:var(--alpha-white-100);--button-background-transparent-default:var(--alpha-white-0);--button-background-transparent-hovered:var(--alpha-white-20);--button-background-transparent-pressed:var(--alpha-white-40);--button-background-transparent-selected:var(--alpha-white-30);--button-background-transparent-focused:var(--alpha-white-0);--button-background-disabled-on-color:var(--alpha-white-20);--button-label-transparent-hovered-on-color:var(--colors-primary-sa-flag-400);--border-black:var(--colors-base-black);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-primary-sa-flag-200);--border-secondary:var(--colors-secondary-gold-600-primary);--border-secondary-light:var(--colors-secondary-gold-200);--border-tertiary:var(--colors-tertiary-lavendar-500-primary);--border-tertiary-light:var(--colors-tertiary-lavendar-200);--border-neutral-primary:var(--colors-neutral-300);--border-neutral-secondary:var(--colors-neutral-200);--border-neutral-tertiary:var(--colors-neutral-100);--border-background-white:var(--colors-neutral-100);--border-background-neutral:var(--colors-neutral-300);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-700);--button-label-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-info-light:var(--colors-blue-200);--button-icon-transparent-hovered-on-color:var(--background-primary-400);--border-warning:var(--colors-yellow-700);--border-warning-light:var(--colors-yellow-200);--border-error:var(--colors-red-700);--button-icon-transparent-pressed-on-color:var(--colors-primary-sa-flag-300);--border-error-light:var(--colors-red-200);--button-icon-transparent-selected-on-color:var(--colors-primary-sa-flag-400);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-700);--link-neutral-hovered:var(--colors-neutral-500);--link-icon-neutral-hovered:var(--colors-neutral-500);--link-neutral-pressed:var(--colors-neutral-400);--link-icon-neutral-pressed:var(--colors-neutral-400);--link-neutral-focused:var(--colors-neutral-700);--link-icon-neutral-focused:var(--colors-neutral-700);--link-neutral-visited:var(--colors-neutral-600);--link-icon-neutral-visited:var(--colors-neutral-600);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-neutral-600);--tag-background-neutral-light:var(--colors-neutral-50);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-800);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-800);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-600);--tag-border-neutral-light:var(--colors-neutral-50);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-yellow-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-300);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-700);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-50);--table-background-header:var(--colors-neutral-100);--table-background-row:var(--colors-neutral-50);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-800);--controls-control-primary-pressed:var(--colors-primary-sa-flag-800);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-950);--controls-control-neutral-hovered:var(--colors-neutral-600);--controls-control-neutral-pressed:var(--colors-neutral-600);--controls-control-neutral-focused:var(--colors-neutral-950);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-300);--controls-control-ripple-effect:var(--colors-neutral-200);--controls-control-border:var(--colors-neutral-500);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-primary-sa-flag-600-primary);--tooltip-background-light:var(--colors-base-white);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-neutral-800);--tooltip-text-heading-dark:var(--colors-neutral-50);--tooltip-text-paragraph-dark:var(--colors-neutral-100);--alpha-white-0:var(--colors-alpha-alpha-white-0);--alpha-white-10:var(--colors-alpha-alpha-white-10);--alpha-white-20:var(--colors-alpha-alpha-white-20);--alpha-white-30:var(--colors-alpha-alpha-white-30);--alpha-white-40:var(--colors-alpha-alpha-white-40);--alpha-white-50:var(--colors-alpha-alpha-white-50);--alpha-white-60:var(--colors-alpha-alpha-white-60);--alpha-white-70:var(--colors-alpha-alpha-white-70);--alpha-white-80:var(--colors-alpha-alpha-white-80);--alpha-white-90:var(--colors-alpha-alpha-white-90);--alpha-white-100:var(--colors-alpha-alpha-white-100);--alpha-black-0:var(--colors-alpha-alpha-black-0);--alpha-black-10:var(--colors-alpha-alpha-black-10);--alpha-black-20:var(--colors-alpha-alpha-black-20);--alpha-black-30:var(--colors-alpha-alpha-black-30);--alpha-black-40:var(--colors-alpha-alpha-black-40);--alpha-black-50:var(--colors-alpha-alpha-black-50);--alpha-black-60:var(--colors-alpha-alpha-black-60);--alpha-black-70:var(--colors-alpha-alpha-black-70);--alpha-black-80:var(--colors-alpha-alpha-black-80);--alpha-black-90:var(--colors-alpha-alpha-black-90);--alpha-black-100:var(--colors-alpha-alpha-black-100);--background-disabled:var(--colors-neutral-200);--background-disabled-primary:var(--colors-primary-sa-flag-200);--background-inverse-disabled:var(--colors-neutral-100);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-primary-sa-flag-600-primary);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-300);--stepper-button-upcomming-hovered:var(--colors-neutral-400);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-display);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-300);--stepper-line-upcomming:var(--colors-neutral-300);--stepper-line-upcomming-hovered:var(--colors-neutral-400);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--background-card);--form-field-background-lighter:var(--colors-neutral-25);--form-field-background-darker:var(--colors-neutral-100);--form-field-background-pressed:var(--colors-neutral-100);--form-field-border-default:var(--colors-neutral-400);--form-field-border-hovered:var(--colors-neutral-700);--form-field-border-pressed:var(--colors-neutral-950);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-100);--form-option-background-pressed:var(--colors-neutral-200);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-black);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-200);--form-datecell-today-background-pressed:var(--colors-neutral-300);--icon-default-500:var(--colors-neutral-500);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-200);--form-datecell-background-100:var(--colors-primary-sa-flag-100);--controls-control-icon-hovered:var(--icon-oncolor);--alpha-primary-10:#1b835419;--icon-default-400:var(--colors-neutral-400);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#1b835433;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#dc680319;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#dc680333;--alpha-error-10:#d92c2019;--alpha-error-20:#d92c2033;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-700);--icon-neutral-light:var(--colors-neutral-50);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-700);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-neutral-400);--icon-default-oncolor-disabled:var(--colors-alpha-alpha-white-40);--control-disabled:var(--colors-neutral-400);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-700);--featuredicons-icon-default:var(--colors-base-black);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-500);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-400);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-700);--featuredicons-icon-neutral-light:var(--colors-neutral-50);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-500-primary);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--background-warning-50);--featuredicons-bg-icon-error-light:var(--background-error-50);--featuredicons-bg-icon-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-bg-icon-info-light:var(--background-info-50);--featuredicons-bg-icon-success-light:var(--background-success-50);--controls-control-icon-pressed:var(--icon-oncolor);--controls-control-icon-disabled:var(--colors-base-white);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--background-neutral-50);--notification-background-success-50:var(--background-success-50);--notification-background-warning-50:var(--background-warning-50);--notification-background-error-50:var(--background-error-50);--notification-background-brand-50:var(--colors-primary-sa-flag-50);--notification-background-info-50:var(--background-info-50);--notification-background-default-25:var(--background-neutral-25);--notification-background-success-25:var(--background-success-25);--notification-background-warning-25:var(--background-warning-25);--notification-background-error-25:var(--background-error-25);--notification-background-brand-25:var(--background-primary-25);--notification-background-info-25:var(--background-info-25);--notification-text-success:var(--text-success);--notification-text-error:var(--text-error);--notification-text-info:var(--text-info);--notification-text-warning:var(--text-warning);--notification-text-brand:var(--text-primary);--controls-control-text-error:var(--text-error)}[data-theme=dark] :root{--background-white:var(--colors-neutral-950);--background-body:var(--colors-neutral-900);--background-menu:var(--colors-neutral-800);--background-card:var(--colors-neutral-800);--background-surface-oncolor:var(--colors-base-white);--background-black:var(--colors-base-white);--background-neutral-800:var(--colors-neutral-600);--background-neutral-400:var(--colors-neutral-400);--background-neutral-300:var(--colors-neutral-500);--background-neutral-200:var(--colors-neutral-600);--background-neutral-100:var(--colors-neutral-800);--background-neutral-50:var(--colors-neutral-900);--background-neutral-25:var(--colors-neutral-950);--background-primary:var(--colors-primary-sa-flag-600-primary);--background-primary-400:var(--colors-primary-sa-flag-400);--background-primary-200:var(--colors-neutral-700);--background-primary-50:var(--colors-alpha-alpha-green-10);--background-primary-25:var(--colors-primary-sa-flag-950);--background-secondary:var(--colors-secondary-gold-600-primary);--background-secondary-50:var(--colors-neutral-800);--background-secondary-25:var(--colors-neutral-900);--background-tertiary:var(--colors-tertiary-lavendar-600);--background-tertiary-50:var(--colors-neutral-800);--background-tertiary-25:var(--colors-neutral-900);--background-success:var(--colors-green-600);--background-success-50:var(--colors-neutral-800);--background-success-25:var(--colors-neutral-900);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-neutral-800);--background-info-25:var(--colors-neutral-900);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-neutral-800);--background-warning-25:var(--colors-neutral-900);--background-error:var(--colors-red-600);--background-error-50:var(--colors-neutral-800);--background-error-25:var(--colors-neutral-900);--background-sa-flag:var(--colors-primary-sa-flag-600-primary);--background-sa-flag-50:var(--colors-neutral-800);--background-sa-flag-25:var(--colors-neutral-900);--background-notification-white:var(--colors-neutral-900);--text-default:var(--colors-base-white);--text-primary:var(--colors-primary-sa-flag-600-primary);--text-secondary:var(--colors-secondary-gold-600-primary);--text-tertiary:var(--colors-tertiary-lavendar-500-primary);--text-primary-sa-flag:var(--colors-primary-sa-flag-100);--text-display:var(--colors-neutral-50);--text-primary-paragraph:var(--colors-neutral-100);--text-secondary-paragraph:var(--colors-neutral-200);--text-oncolor-primary:var(--colors-base-white);--text-oncolor-secondary:var(--alpha-white-80);--text-oncolor-tertiary:var(--alpha-white-70);--text-success:var(--colors-green-600);--text-info:var(--colors-blue-600);--text-warning:var(--colors-yellow-600);--text-error:var(--colors-red-700);--text-primary-light:var(--colors-primary-sa-flag-300);--text-secondary-light:var(--colors-secondary-gold-300);--text-tertiary-light:var(--colors-tertiary-lavendar-300);--text-default-disabled:var(--colors-neutral-400);--text-default-oncolor-disabled:var(--alpha-black-40);--border-white:var(--colors-base-black);--border-white-40:var(--alpha-white-40);--button-background-black-default:var(--colors-neutral-950);--button-background-black-hovered:var(--colors-neutral-800);--button-background-black-pressed:var(--colors-neutral-600);--button-background-black-selected:var(--colors-neutral-700);--button-background-black-focused:var(--colors-neutral-950);--button-background-primary-default:var(
     --colors-primary-sa-flag-600-primary
   );--button-background-primary-hovered:var(--colors-primary-sa-flag-700);--button-background-primary-pressed:var(--colors-primary-sa-flag-900);--button-background-primary-selected:var(--colors-primary-sa-flag-800);--button-background-primary-focused:var(
     --colors-primary-sa-flag-600-primary