npm - @platformscode/core - Versions diffs - 0.0.4 → 0.0.5 - Mend

@platformscode/core 0.0.4 → 0.0.5

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

Files changed (42) hide show

package/dist/core/{p-d4e815ff.entry.js → p-cb83470c.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as a,h as r,g as o}from"./p-0d5a2e05.js";const e='@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-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-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--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(\n    --colors-primary-sa-flag-600-primary\n  );--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(\n    --colors-primary-sa-flag-600-primary\n  );--button-background-neutral-default:var(--colors-neutral-800);--button-background-neutral-hovered:var(--colors-neutral-700);--button-background-neutral-pressed:var(--colors-neutral-600);--button-background-neutral-selected:var(--colors-neutral-700);--button-background-neutral-focused:var(--colors-neutral-800);--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-black);--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(\n    --colors-primary-sa-flag-400\n  );--border-black:var(--colors-base-white);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-green-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-500);--border-neutral-secondary:var(--colors-neutral-700);--border-neutral-tertiary:var(--colors-neutral-800);--border-background-white:var(--colors-neutral-600);--border-background-neutral:var(--colors-neutral-600);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-500);--button-label-transparent-pressed-on-color:var(\n    --colors-primary-sa-flag-300\n  );--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(\n    --colors-primary-sa-flag-400\n  );--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(\n    --colors-primary-sa-flag-400\n  );--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-accordion-item__body{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular{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,.dga-accordion-item__title{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{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-accordion-list{padding:0;margin:0;list-style:none;display:inline-block;width:100%}.dga-accordion-list__item:last-child{border-bottom:1px solid var(--border-neutral-primary)}.dga-accordion-item{border-top:1px solid var(--border-neutral-primary);width:100%;min-width:366px;z-index:1;position:relative}.dga-accordion-item__header{display:flex;padding:var(--spacing-xl);align-items:center;justify-content:space-between;gap:var(--spacing-xl);cursor:pointer;border:2px solid transparent}.dga-accordion-item__header:hover{background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.dga-accordion-item__title{color:var(--text-default);width:100%}.dga-accordion-item__arrow{transition:transform 0.3s ease-in-out}.dga-accordion-item__arrow,.dga-accordion-item__arrow>dga-icon{width:16px;height:16px;font-size:16px;display:flex;align-items:center;justify-content:center}.dga-accordion-item__body{display:flex;align-items:flex-start;padding:0 var(--spacing-6xl) 0 var(--spacing-xl);gap:var(--spacing-md);color:var(--text-primary-paragraph);max-height:0;overflow:hidden;opacity:0;transition:all 0.3s ease-in-out}.dga-accordion-item.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);opacity:1}.dga-accordion-item.active .dga-accordion-item__arrow{transform:rotate(180deg)}.dga-accordion-item__header:focus-visible{background-color:transparent;border:2px solid var(--border-black);outline:none;position:relative;z-index:1}.dga-accordion-item__header:active{background-color:var(--button-background-neutral-pressed);outline:none}.dga-accordion-item.disabled .dga-accordion-item__header:active,.dga-accordion-item.disabled .dga-accordion-item__header:focus,.dga-accordion-item.disabled .dga-accordion-item__header:hover{background-color:transparent;outline:none;border:2px solid transparent}.dga-accordion-item.disabled .dga-accordion-item__title,.dga-accordion-item.disabled .dga-accordion-item__arrow,.dga-accordion-item.disabled .dga-accordion-item__arrow path,.dga-accordion-item.disabled .dga-accordion-item__body{color:var(--text-default-disabled) !important;stroke:var(--text-default-disabled) !important}.dga-accordion-item--lg .dga-accordion-item__header{padding:var(--spacing-xl)}.dga-accordion-item--md .dga-accordion-item__header{padding:var(--spacing-lg) var(--spacing-xl)}.dga-accordion-item--sm .dga-accordion-item__header{padding:var(--spacing-md) var(--spacing-xl)}.dga-accordion-item--flush{width:100%;position:relative;border-top:0;}.dga-accordion-item--flush:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%)}.dga-accordion-item--icon-leading .dga-accordion-item__body{padding:0 var(--spacing-none) 0 var(--spacing-6xl)}.dga-accordion-item--icon-leading.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item .dga-accordion-item__body{padding:0 var(--spacing-xl) 0 var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item--icon-leading .dga-accordion-item__body{padding:0 var(--spacing-6xl) 0 var(--spacing-none)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item--icon-leading.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none)}';const n=e;const i=class{constructor(r){a(this,r);this.title="";this.content="";this.size="lg";this.iconAlignment="Trailing";this.flush=false;this.disabled=false;this.defaultExpanded=false;this.extraClass="";this.isOpen=false;this.bodyElement=null}handleAccordionClick(a){a.preventDefault();if(this.disabled)return;this.isOpen?this.collapseAccordion():this.openAccordion()}openAccordion(){this.isOpen=true;if(this.bodyElement){this.bodyElement.style.maxHeight=this.bodyElement.scrollHeight+"px"}}collapseAccordion(){this.isOpen=false;if(this.bodyElement){this.bodyElement.style.maxHeight=null}}componentDidRender(){if(this.isOpen&&this.bodyElement){this.bodyElement.style.maxHeight=this.bodyElement.scrollHeight+24+"px"}else if(this.bodyElement){this.bodyElement.style.maxHeight=null}if(this.defaultExpanded){this.isOpen=this.defaultExpanded}}render(){return r("div",{key:"ac5e87360549e69caf8c474ffed12214a8cd5990",class:`dga-accordion-item dga-accordion-item--${this.size} \n          ${this.iconAlignment==="Leading"?"dga-accordion-item--icon-leading":""}\n          ${this.flush?"dga-accordion-item--flush":""} \n          ${this.disabled?"disabled":""} ${this.extraClass} ${this.isOpen?"active":""}`},r("a",{key:"51bffeaa74562b96a3b0847e10b84b5fdf030fe6",href:"#",onClick:a=>this.handleAccordionClick(a),onKeyDown:a=>a.code==="Space"?this.handleAccordionClick(a):null,class:"dga-accordion-item__header"},this.iconAlignment==="Leading"&&r("div",{key:"887c9f7359529b3b549962a389955a8bb22f9256",class:"dga-accordion-item__arrow"},r("i",{key:"6fccc9fa75ad4484f63342f0d3c69e0d584f7895",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}})),r("div",{key:"5a76539262426c22e4af8439c652c89a10dadde9",class:"dga-accordion-item__title"},this.title),this.iconAlignment==="Trailing"&&r("div",{key:"fc28eb3d4f46e4fe6964d2b5bae815a7b455a638",class:"dga-accordion-item__arrow"},r("i",{key:"beac26f4f872b58f4aa2406debd459e0e0bd7a6f",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}}))),r("div",{key:"5f28b0c24da507d731f2bc7fdbc66b3723f856e1",ref:a=>this.bodyElement=a,class:"dga-accordion-item__body"},this.content))}get el(){return o(this)}};i.style=n;export{i as dga_accordion};
-//# sourceMappingURL=p-d4e815ff.entry.js.map
+import{r as a,h as r,g as o}from"./p-0d5a2e05.js";const e='@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-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-50:var(--colors-green-50);--background-success-25:var(--colors-green-25);--background-info:var(--colors-blue-600);--background-info-50:var(--colors-blue-50);--background-info-25:var(--colors-blue-25);--background-warning:var(--colors-yellow-600);--background-warning-50:var(--colors-yellow-50);--background-warning-25:var(--colors-yellow-25);--background-error:var(--colors-red-600);--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(\n    --colors-primary-sa-flag-600-primary\n  );--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(\n    --colors-primary-sa-flag-600-primary\n  );--button-background-neutral-default:var(--colors-neutral-800);--button-background-neutral-hovered:var(--colors-neutral-700);--button-background-neutral-pressed:var(--colors-neutral-600);--button-background-neutral-selected:var(--colors-neutral-700);--button-background-neutral-focused:var(--colors-neutral-800);--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-black);--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(\n    --colors-primary-sa-flag-400\n  );--border-black:var(--colors-base-white);--border-primary:var(--colors-primary-sa-flag-600-primary);--border-primary-light:var(--colors-green-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-500);--border-neutral-secondary:var(--colors-neutral-700);--border-neutral-tertiary:var(--colors-neutral-800);--border-background-white:var(--colors-neutral-600);--border-background-neutral:var(--colors-neutral-600);--border-transparent-10:var(--alpha-white-10);--border-oncolor-transparent-30:var(--colors-alpha-alpha-white-30);--border-success:var(--colors-green-500);--button-label-transparent-pressed-on-color:var(\n    --colors-primary-sa-flag-300\n  );--border-success-light:var(--colors-green-200);--border-info:var(--colors-blue-700);--button-label-transparent-selected-on-color:var(\n    --colors-primary-sa-flag-400\n  );--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(\n    --colors-primary-sa-flag-400\n  );--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-accordion-item__body{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular{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,.dga-accordion-item__title{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{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-accordion-list{padding:0;margin:0;list-style:none;display:inline-block;width:100%}.dga-accordion-list__item:last-child{border-bottom:1px solid var(--border-neutral-primary)}.dga-accordion-item{border-top:1px solid var(--border-neutral-primary);width:100%;min-width:366px;z-index:1;position:relative}.dga-accordion-item__header{display:flex;padding:var(--spacing-xl);align-items:center;justify-content:space-between;gap:var(--spacing-xl);cursor:pointer;border:2px solid transparent}.dga-accordion-item__header:hover{background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.dga-accordion-item__title{color:var(--text-default);width:100%}.dga-accordion-item__arrow{transition:transform 0.3s ease-in-out}.dga-accordion-item__arrow,.dga-accordion-item__arrow>dga-icon{width:16px;height:16px;font-size:16px;display:flex;align-items:center;justify-content:center}.dga-accordion-item__body{display:flex;align-items:flex-start;padding:0 var(--spacing-6xl) 0 var(--spacing-xl);gap:var(--spacing-md);color:var(--text-primary-paragraph);max-height:0;overflow:hidden;opacity:0;transition:all 0.3s ease-in-out}.dga-accordion-item.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);opacity:1}.dga-accordion-item.active .dga-accordion-item__arrow{transform:rotate(180deg)}.dga-accordion-item__header:focus-visible{background-color:transparent;border:2px solid var(--border-black);outline:none;position:relative;z-index:1}.dga-accordion-item__header:active{background-color:var(--button-background-neutral-pressed);outline:none}.dga-accordion-item.disabled .dga-accordion-item__header:active,.dga-accordion-item.disabled .dga-accordion-item__header:focus,.dga-accordion-item.disabled .dga-accordion-item__header:hover{background-color:transparent;outline:none;border:2px solid transparent}.dga-accordion-item.disabled .dga-accordion-item__title,.dga-accordion-item.disabled .dga-accordion-item__arrow,.dga-accordion-item.disabled .dga-accordion-item__arrow path,.dga-accordion-item.disabled .dga-accordion-item__body{color:var(--text-default-disabled) !important;stroke:var(--text-default-disabled) !important}.dga-accordion-item--lg .dga-accordion-item__header{padding:var(--spacing-xl)}.dga-accordion-item--md .dga-accordion-item__header{padding:var(--spacing-lg) var(--spacing-xl)}.dga-accordion-item--sm .dga-accordion-item__header{padding:var(--spacing-md) var(--spacing-xl)}.dga-accordion-item--flush{width:100%;position:relative;border-top:0;}.dga-accordion-item--flush:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%)}.dga-accordion-item--icon-leading .dga-accordion-item__body{padding:0 var(--spacing-none) 0 var(--spacing-6xl)}.dga-accordion-item--icon-leading.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item .dga-accordion-item__body{padding:0 var(--spacing-xl) 0 var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item--icon-leading .dga-accordion-item__body{padding:0 var(--spacing-6xl) 0 var(--spacing-none)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item--icon-leading.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none)}';const n=e;const i=class{constructor(r){a(this,r);this.title="";this.content="";this.size="lg";this.iconAlignment="Trailing";this.flush=false;this.disabled=false;this.defaultExpanded=false;this.extraClass="";this.isOpen=false;this.bodyElement=null}handleAccordionClick(a){a.preventDefault();if(this.disabled)return;this.isOpen?this.collapseAccordion():this.openAccordion()}openAccordion(){this.isOpen=true;if(this.bodyElement){this.bodyElement.style.maxHeight=this.bodyElement.scrollHeight+"px"}}collapseAccordion(){this.isOpen=false;if(this.bodyElement){this.bodyElement.style.maxHeight=null}}componentDidRender(){if(this.isOpen&&this.bodyElement){this.bodyElement.style.maxHeight=this.bodyElement.scrollHeight+24+"px"}else if(this.bodyElement){this.bodyElement.style.maxHeight=null}if(this.defaultExpanded){this.isOpen=this.defaultExpanded}}render(){return r("div",{key:"5594ca927b10316ac18d7e0a03fb503a1ce0b4f0",class:`dga-accordion-item dga-accordion-item--${this.size} \n          ${this.iconAlignment==="Leading"?"dga-accordion-item--icon-leading":""}\n          ${this.flush?"dga-accordion-item--flush":""} \n          ${this.disabled?"disabled":""} ${this.extraClass} ${this.isOpen?"active":""}`},r("a",{key:"7b07db942bc6a9c4b6f7853c5afd52090d2cac29",href:"#",onClick:a=>this.handleAccordionClick(a),onKeyDown:a=>a.code==="Space"?this.handleAccordionClick(a):null,class:"dga-accordion-item__header"},this.iconAlignment==="Leading"&&r("div",{key:"54ecc6efe2831344a6e114aab79f08fcb471bfa8",class:"dga-accordion-item__arrow"},r("i",{key:"d721434a4ebcc33aa6eaa56c6fefecb315c36dfc",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}})),r("div",{key:"8e911c12b48ee8a65ca6509eb62db56b52d3bf30",class:"dga-accordion-item__title"},this.title),this.iconAlignment==="Trailing"&&r("div",{key:"3ccf4477d75ebc9d00b792f2e0ac4a1f4b4da67b",class:"dga-accordion-item__arrow"},r("i",{key:"313621dd7f59d5a8ede3abe629a36decb3b7be16",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}}))),r("div",{key:"7cf868439fe89461d14799074acdba245b2a7fa4",ref:a=>this.bodyElement=a,class:"dga-accordion-item__body"},this.content))}get el(){return o(this)}};i.style=n;export{i as dga_accordion};
+//# sourceMappingURL=p-cb83470c.entry.js.map

package/dist/core/{p-d4e815ff.entry.js.map → p-cb83470c.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["dgaAccordionCss","DgaAccordionStyle0","DgaAccordion","constructor","hostRef","this","title","content","size","iconAlignment","flush","disabled","defaultExpanded","extraClass","isOpen","bodyElement","handleAccordionClick","e","preventDefault","collapseAccordion","openAccordion","style","maxHeight","scrollHeight","componentDidRender","render","h","key","class","href","onClick","onKeyDown","code","fontSize","ref","el"],"sources":["src/components/dga-accordion/dga-accordion.scss?tag=dga-accordion&encapsulation=shadow","src/components/dga-accordion/dga-accordion.tsx"],"sourcesContent":[".dga-accordion {\n &-list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: inline-block;\n width: 100%;\n\n &__item {\n &:last-child {\n border-bottom: 1px solid var(--border-neutral-primary);\n }\n }\n }\n\n &-item {\n border-top: 1px solid var(--border-neutral-primary);\n width: 100%; //to be edited\n min-width: 366px;\n z-index: 1;\n position: relative;\n\n &__header {\n display: flex;\n padding: var(--spacing-xl);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-xl);\n cursor: pointer;\n border: 2px solid transparent;\n // transition: background .2s ease-in-out;\n\n &:hover {\n background: var(--button-background-neutral-hovered);\n mix-blend-mode: multiply;\n }\n }\n\n &__title {\n color: var(--text-default);\n width: 100%;\n @extend .text-md-semibold;\n }\n\n &__arrow {\n transition: transform 0.3s ease-in-out;\n &,\n & > dga-icon {\n width: 16px;\n height: 16px;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n &__body {\n display: flex;\n align-items: flex-start;\n padding: 0 var(--spacing-6xl) 0 var(--spacing-xl);\n gap: var(--spacing-md);\n color: var(--text-primary-paragraph);\n @extend .text-md-regular;\n max-height: 0;\n overflow: hidden;\n // will-change: max-height;\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n &.active &__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);\n opacity: 1;\n }\n\n &.active &__arrow {\n transform: rotate(180deg);\n }\n\n // &.focused &__header,\n // &__header:focus {\n // background-color: transparent;\n // // border: 2px solid var(--border-black);\n // outline: none;\n // position: relative;\n // z-index: 1;\n // }\n\n &__header:focus-visible {\n background-color: transparent;\n border: 2px solid var(--border-black);\n outline: none;\n position: relative;\n z-index: 1;\n }\n\n &__header:active {\n background-color: var(--button-background-neutral-pressed);\n outline: none;\n }\n\n &.disabled &__header:active,\n &.disabled &__header:focus,\n &.disabled &__header:hover {\n background-color: transparent;\n outline: none;\n border: 2px solid transparent;\n }\n\n &.disabled &__title,\n &.disabled &__arrow,\n &.disabled &__arrow path,\n //to be edited when add icons\n &.disabled &__body {\n color: var(--text-default-disabled) !important;\n stroke: var(--text-default-disabled) !important; //to be edited when add icons\n }\n\n &--lg {\n .dga-accordion-item__header {\n padding: var(--spacing-xl);\n }\n }\n\n &--md {\n .dga-accordion-item__header {\n padding: var(--spacing-lg) var(--spacing-xl);\n }\n }\n\n &--sm {\n .dga-accordion-item__header {\n padding: var(--spacing-md) var(--spacing-xl);\n }\n }\n\n &--flush {\n width: 100%;\n position: relative;\n border-top: 0;\n /* Create the \"cut\" border effect */\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%);\n }\n }\n\n &--icon-leading {\n .dga-accordion-item__body {\n padding: 0 var(--spacing-none) 0 var(--spacing-6xl);\n }\n\n &.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl);\n }\n }\n }\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item .dga-accordion-item__body {\n padding: 0 var(--spacing-xl) 0 var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading .dga-accordion-item__body {\n padding: 0 var(--spacing-6xl) 0 var(--spacing-none);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none);\n}\n","import { Component, Prop, State, h, Element } from '@stencil/core';\n\nexport interface AccordionItem {\n title: string;\n content: string;\n size?: 'lg' \| 'md' \| 'sm';\n iconAlignment?: 'Leading' \| 'Trailing';\n flush?: boolean;\n disabled?: boolean;\n extraClass?: string;\n}\n\n@Component({\n tag: 'dga-accordion',\n styleUrl: 'dga-accordion.scss',\n shadow: true\n})\nexport class DgaAccordion {\n @Element() el!: HTMLElement;\n\n @Prop() title: string = '';\n @Prop() content: string = '';\n @Prop() size: 'lg' \| 'md' \| 'sm' = 'lg';\n @Prop() iconAlignment: 'Leading' \| 'Trailing' = 'Trailing';\n @Prop() flush: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() defaultExpanded: boolean = false;\n @Prop() extraClass: string = '';\n\n @State() isOpen: boolean = false;\n\n private bodyElement: HTMLElement \| null = null;\n\n private handleAccordionClick(e: MouseEvent \| KeyboardEvent) {\n e.preventDefault();\n if (this.disabled) return;\n this.isOpen ? this.collapseAccordion() : this.openAccordion();\n }\n\n private openAccordion() {\n this.isOpen = true;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 'px';\n }\n }\n\n private collapseAccordion() {\n this.isOpen = false;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n }\n\n componentDidRender() {\n if (this.isOpen && this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 24 + 'px';\n } else if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n\n if (this.defaultExpanded) {\n this.isOpen = this.defaultExpanded\n }\n }\n\n render() {\n return (\n <div\n class={`dga-accordion-item dga-accordion-item--${this.size} \n ${this.iconAlignment === 'Leading' ? 'dga-accordion-item--icon-leading' : ''}\n ${this.flush ? 'dga-accordion-item--flush' : ''} \n ${this.disabled ? 'disabled' : ''} ${this.extraClass} ${this.isOpen ? 'active' : ''}`}\n >\n <a href=\"#\" onClick={e => this.handleAccordionClick(e)} onKeyDown={e => (e.code === 'Space' ? this.handleAccordionClick(e) : null)} class=\"dga-accordion-item__header\">\n {this.iconAlignment === 'Leading' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n <div class=\"dga-accordion-item__title\">{this.title}</div>\n {this.iconAlignment === 'Trailing' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n </a>\n <div ref={el => (this.bodyElement = el as HTMLElement \| null)} class=\"dga-accordion-item__body\">\n {this.content}\n </div>\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,ypnFACxB,MAAAC,EAAeD,E,MCgBFE,EAAY,MALzB,WAAAC,CAAAC,G,UAQUC,KAAAC,MAAgB,GAChBD,KAAAE,QAAkB,GAClBF,KAAAG,KAA2B,KAC3BH,KAAAI,cAAwC,WACxCJ,KAAAK,MAAiB,MACjBL,KAAAM,SAAoB,MACpBN,KAAAO,gBAA2B,MAC3BP,KAAAQ,WAAqB,GAEpBR,KAAAS,OAAkB,MAEnBT,KAAAU,YAAkC,I,CAElC,oBAAAC,CAAqBC,GAC3BA,EAAEC,iBACF,GAAIb,KAAKM,SAAU,OACnBN,KAAKS,OAAST,KAAKc,oBAAsBd,KAAKe,e,CAGxC,aAAAA,GACNf,KAAKS,OAAS,KACd,GAAIT,KAAKU,YAAa,CACpBV,KAAKU,YAAYM,MAAMC,UAAYjB,KAAKU,YAAYQ,aAAe,I,EAI/D,iBAAAJ,GACNd,KAAKS,OAAS,MACd,GAAIT,KAAKU,YAAa,CACpBV,KAAKU,YAAYM,MAAMC,UAAY,I,EAIvC,kBAAAE,GACE,GAAInB,KAAKS,QAAUT,KAAKU,YAAa,CACnCV,KAAKU,YAAYM,MAAMC,UAAYjB,KAAKU,YAAYQ,aAAe,GAAK,I,MACnE,GAAIlB,KAAKU,YAAa,CAC3BV,KAAKU,YAAYM,MAAMC,UAAY,I,CAGrC,GAAIjB,KAAKO,gBAAiB,CACxBP,KAAKS,OAAST,KAAKO,e,EAIvB,MAAAa,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,0CAA0CvB,KAAKG,oBAClDH,KAAKI,gBAAkB,UAAY,mCAAqC,iBACxEJ,KAAKK,MAAQ,4BAA8B,kBAC3CL,KAAKM,SAAW,WAAa,MAAMN,KAAKQ,cAAcR,KAAKS,OAAS,SAAW,MAEnFY,EAAA,KAAAC,IAAA,2CAAGE,KAAK,IAAIC,QAASb,GAAKZ,KAAKW,qBAAqBC,GAAIc,UAAWd,GAAMA,EAAEe,OAAS,QAAU3B,KAAKW,qBAAqBC,GAAK,KAAOW,MAAM,8BACvIvB,KAAKI,gBAAkB,WACtBiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,+BAA+BP,MAAO,CAAEY,SAAU,WAG/DP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BAA6BvB,KAAKC,OAC5CD,KAAKI,gBAAkB,YACtBiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,+BAA+BP,MAAO,CAAEY,SAAU,YAIjEP,EAAA,OAAAC,IAAA,2CAAKO,IAAKC,GAAO9B,KAAKU,YAAcoB,EAA2BP,MAAM,4BAClEvB,KAAKE,S","ignoreList":[]}
1	+ {"version":3,"names":["dgaAccordionCss","DgaAccordionStyle0","DgaAccordion","constructor","hostRef","this","title","content","size","iconAlignment","flush","disabled","defaultExpanded","extraClass","isOpen","bodyElement","handleAccordionClick","e","preventDefault","collapseAccordion","openAccordion","style","maxHeight","scrollHeight","componentDidRender","render","h","key","class","href","onClick","onKeyDown","code","fontSize","ref","el"],"sources":["src/components/dga-accordion/dga-accordion.scss?tag=dga-accordion&encapsulation=shadow","src/components/dga-accordion/dga-accordion.tsx"],"sourcesContent":[".dga-accordion {\n &-list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: inline-block;\n width: 100%;\n\n &__item {\n &:last-child {\n border-bottom: 1px solid var(--border-neutral-primary);\n }\n }\n }\n\n &-item {\n border-top: 1px solid var(--border-neutral-primary);\n width: 100%; //to be edited\n min-width: 366px;\n z-index: 1;\n position: relative;\n\n &__header {\n display: flex;\n padding: var(--spacing-xl);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-xl);\n cursor: pointer;\n border: 2px solid transparent;\n // transition: background .2s ease-in-out;\n\n &:hover {\n background: var(--button-background-neutral-hovered);\n mix-blend-mode: multiply;\n }\n }\n\n &__title {\n color: var(--text-default);\n width: 100%;\n @extend .text-md-semibold;\n }\n\n &__arrow {\n transition: transform 0.3s ease-in-out;\n &,\n & > dga-icon {\n width: 16px;\n height: 16px;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n &__body {\n display: flex;\n align-items: flex-start;\n padding: 0 var(--spacing-6xl) 0 var(--spacing-xl);\n gap: var(--spacing-md);\n color: var(--text-primary-paragraph);\n @extend .text-md-regular;\n max-height: 0;\n overflow: hidden;\n // will-change: max-height;\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n &.active &__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);\n opacity: 1;\n }\n\n &.active &__arrow {\n transform: rotate(180deg);\n }\n\n // &.focused &__header,\n // &__header:focus {\n // background-color: transparent;\n // // border: 2px solid var(--border-black);\n // outline: none;\n // position: relative;\n // z-index: 1;\n // }\n\n &__header:focus-visible {\n background-color: transparent;\n border: 2px solid var(--border-black);\n outline: none;\n position: relative;\n z-index: 1;\n }\n\n &__header:active {\n background-color: var(--button-background-neutral-pressed);\n outline: none;\n }\n\n &.disabled &__header:active,\n &.disabled &__header:focus,\n &.disabled &__header:hover {\n background-color: transparent;\n outline: none;\n border: 2px solid transparent;\n }\n\n &.disabled &__title,\n &.disabled &__arrow,\n &.disabled &__arrow path,\n //to be edited when add icons\n &.disabled &__body {\n color: var(--text-default-disabled) !important;\n stroke: var(--text-default-disabled) !important; //to be edited when add icons\n }\n\n &--lg {\n .dga-accordion-item__header {\n padding: var(--spacing-xl);\n }\n }\n\n &--md {\n .dga-accordion-item__header {\n padding: var(--spacing-lg) var(--spacing-xl);\n }\n }\n\n &--sm {\n .dga-accordion-item__header {\n padding: var(--spacing-md) var(--spacing-xl);\n }\n }\n\n &--flush {\n width: 100%;\n position: relative;\n border-top: 0;\n /* Create the \"cut\" border effect */\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%);\n }\n }\n\n &--icon-leading {\n .dga-accordion-item__body {\n padding: 0 var(--spacing-none) 0 var(--spacing-6xl);\n }\n\n &.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl);\n }\n }\n }\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item .dga-accordion-item__body {\n padding: 0 var(--spacing-xl) 0 var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading .dga-accordion-item__body {\n padding: 0 var(--spacing-6xl) 0 var(--spacing-none);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none);\n}\n","import { Component, Prop, State, h, Element } from '@stencil/core';\nimport { StripHTML } from '../../utils';\n\nexport interface AccordionItem {\n title: string;\n content: string;\n size?: 'lg' \| 'md' \| 'sm';\n iconAlignment?: 'Leading' \| 'Trailing';\n flush?: boolean;\n disabled?: boolean;\n extraClass?: string;\n}\n\n\nexport interface IDgaAccordion {\n title: string;\n content: string;\n size: 'lg' \| 'md' \| 'sm';\n iconAlignment: 'Leading' \| 'Trailing';\n flush: boolean;\n disabled: boolean;\n defaultExpanded: boolean;\n extraClass: string;\n}\n\n@Component({\n tag: 'dga-accordion',\n styleUrl: 'dga-accordion.scss',\n shadow: true\n})\nexport class DgaAccordion implements StripHTML<IDgaAccordion> {\n @Element() el!: HTMLElement;\n\n @Prop() title: string = '';\n @Prop() content: string = '';\n @Prop() size: 'lg' \| 'md' \| 'sm' = 'lg';\n @Prop() iconAlignment: 'Leading' \| 'Trailing' = 'Trailing';\n @Prop() flush: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() defaultExpanded: boolean = false;\n @Prop() extraClass: string = '';\n\n @State() isOpen: boolean = false;\n\n private bodyElement: HTMLElement \| null = null;\n\n private handleAccordionClick(e: MouseEvent \| KeyboardEvent) {\n e.preventDefault();\n if (this.disabled) return;\n this.isOpen ? this.collapseAccordion() : this.openAccordion();\n }\n\n private openAccordion() {\n this.isOpen = true;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 'px';\n }\n }\n\n private collapseAccordion() {\n this.isOpen = false;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n }\n\n componentDidRender() {\n if (this.isOpen && this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 24 + 'px';\n } else if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n\n if (this.defaultExpanded) {\n this.isOpen = this.defaultExpanded\n }\n }\n\n render() {\n return (\n <div\n class={`dga-accordion-item dga-accordion-item--${this.size} \n ${this.iconAlignment === 'Leading' ? 'dga-accordion-item--icon-leading' : ''}\n ${this.flush ? 'dga-accordion-item--flush' : ''} \n ${this.disabled ? 'disabled' : ''} ${this.extraClass} ${this.isOpen ? 'active' : ''}`}\n >\n <a href=\"#\" onClick={e => this.handleAccordionClick(e)} onKeyDown={e => (e.code === 'Space' ? this.handleAccordionClick(e) : null)} class=\"dga-accordion-item__header\">\n {this.iconAlignment === 'Leading' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n <div class=\"dga-accordion-item__title\">{this.title}</div>\n {this.iconAlignment === 'Trailing' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n </a>\n <div ref={el => (this.bodyElement = el as HTMLElement \| null)} class=\"dga-accordion-item__body\">\n {this.content}\n </div>\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,ypnFACxB,MAAAC,EAAeD,E,MC6BFE,EAAY,MALzB,WAAAC,CAAAC,G,UAQUC,KAAAC,MAAgB,GAChBD,KAAAE,QAAkB,GAClBF,KAAAG,KAA2B,KAC3BH,KAAAI,cAAwC,WACxCJ,KAAAK,MAAiB,MACjBL,KAAAM,SAAoB,MACpBN,KAAAO,gBAA2B,MAC3BP,KAAAQ,WAAqB,GAEpBR,KAAAS,OAAkB,MAEnBT,KAAAU,YAAkC,I,CAElC,oBAAAC,CAAqBC,GAC3BA,EAAEC,iBACF,GAAIb,KAAKM,SAAU,OACnBN,KAAKS,OAAST,KAAKc,oBAAsBd,KAAKe,e,CAGxC,aAAAA,GACNf,KAAKS,OAAS,KACd,GAAIT,KAAKU,YAAa,CACpBV,KAAKU,YAAYM,MAAMC,UAAYjB,KAAKU,YAAYQ,aAAe,I,EAI/D,iBAAAJ,GACNd,KAAKS,OAAS,MACd,GAAIT,KAAKU,YAAa,CACpBV,KAAKU,YAAYM,MAAMC,UAAY,I,EAIvC,kBAAAE,GACE,GAAInB,KAAKS,QAAUT,KAAKU,YAAa,CACnCV,KAAKU,YAAYM,MAAMC,UAAYjB,KAAKU,YAAYQ,aAAe,GAAK,I,MACnE,GAAIlB,KAAKU,YAAa,CAC3BV,KAAKU,YAAYM,MAAMC,UAAY,I,CAGrC,GAAIjB,KAAKO,gBAAiB,CACxBP,KAAKS,OAAST,KAAKO,e,EAIvB,MAAAa,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,0CAA0CvB,KAAKG,oBAClDH,KAAKI,gBAAkB,UAAY,mCAAqC,iBACxEJ,KAAKK,MAAQ,4BAA8B,kBAC3CL,KAAKM,SAAW,WAAa,MAAMN,KAAKQ,cAAcR,KAAKS,OAAS,SAAW,MAEnFY,EAAA,KAAAC,IAAA,2CAAGE,KAAK,IAAIC,QAASb,GAAKZ,KAAKW,qBAAqBC,GAAIc,UAAWd,GAAMA,EAAEe,OAAS,QAAU3B,KAAKW,qBAAqBC,GAAK,KAAOW,MAAM,8BACvIvB,KAAKI,gBAAkB,WACtBiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,+BAA+BP,MAAO,CAAEY,SAAU,WAG/DP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BAA6BvB,KAAKC,OAC5CD,KAAKI,gBAAkB,YACtBiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,+BAA+BP,MAAO,CAAEY,SAAU,YAIjEP,EAAA,OAAAC,IAAA,2CAAKO,IAAKC,GAAO9B,KAAKU,YAAcoB,EAA2BP,MAAM,4BAClEvB,KAAKE,S","ignoreList":[]}

package/dist/dist/types/components/dga-accordion/dga-accordion.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { StripHTML } from '../../utils';
 export interface AccordionItem {
     title: string;
     content: string;
@@ -7,7 +8,17 @@ export interface AccordionItem {
     disabled?: boolean;
     extraClass?: string;
 }
-export declare class DgaAccordion {
+export interface IDgaAccordion {
+    title: string;
+    content: string;
+    size: 'lg' | 'md' | 'sm';
+    iconAlignment: 'Leading' | 'Trailing';
+    flush: boolean;
+    disabled: boolean;
+    defaultExpanded: boolean;
+    extraClass: string;
+}
+export declare class DgaAccordion implements StripHTML<IDgaAccordion> {
     el: HTMLElement;
     title: string;
     content: string;

package/dist/dist/types/components/dga-avatar/dga-avatar.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { StripHTML } from '../../utils';
 export type AvatarType = 'initials' | 'image' | 'icon';
 export type AvatarSize = 120 | 80 | 68 | 48 | 40 | 32 | 24;
 export interface Icon {
@@ -11,7 +12,17 @@ export interface CustomAttribute {
     key: string;
     value: string;
 }
-export declare class DgaAvatar {
+export interface IDgaAvatar {
+    type?: AvatarType;
+    size?: AvatarSize;
+    square?: boolean;
+    border?: boolean;
+    text?: string;
+    imgUrl?: string;
+    alt?: string;
+    icon?: Icon;
+}
+export declare class DgaAvatar implements StripHTML<IDgaAvatar> {
     type?: AvatarType;
     size?: AvatarSize;
     square?: boolean;

package/dist/dist/types/utils/index.d.ts CHANGED Viewed

@@ -1 +1,3 @@
+import { JSX } from '../stencil-public-runtime';
 export declare const guid: () => string;
+export type StripHTML<T> = Omit<T, keyof JSX.Element>;

package/dist/esm/dga-accordion.entry.js CHANGED Viewed

@@ -47,10 +47,10 @@ const DgaAccordion = class {
         }
     }
     render() {
-        return (h("div", { key: 'ac5e87360549e69caf8c474ffed12214a8cd5990', class: `dga-accordion-item dga-accordion-item--${this.size}
+        return (h("div", { key: '5594ca927b10316ac18d7e0a03fb503a1ce0b4f0', class: `dga-accordion-item dga-accordion-item--${this.size}
           ${this.iconAlignment === 'Leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''}
-          ${this.disabled ? 'disabled' : ''} ${this.extraClass} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '51bffeaa74562b96a3b0847e10b84b5fdf030fe6', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'Leading' && (h("div", { key: '887c9f7359529b3b549962a389955a8bb22f9256', class: "dga-accordion-item__arrow" }, h("i", { key: '6fccc9fa75ad4484f63342f0d3c69e0d584f7895', class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: '16px' } }))), h("div", { key: '5a76539262426c22e4af8439c652c89a10dadde9', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'Trailing' && (h("div", { key: 'fc28eb3d4f46e4fe6964d2b5bae815a7b455a638', class: "dga-accordion-item__arrow" }, h("i", { key: 'beac26f4f872b58f4aa2406debd459e0e0bd7a6f', class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: '16px' } })))), h("div", { key: '5f28b0c24da507d731f2bc7fdbc66b3723f856e1', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content)));
+          ${this.disabled ? 'disabled' : ''} ${this.extraClass} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '7b07db942bc6a9c4b6f7853c5afd52090d2cac29', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'Leading' && (h("div", { key: '54ecc6efe2831344a6e114aab79f08fcb471bfa8', class: "dga-accordion-item__arrow" }, h("i", { key: 'd721434a4ebcc33aa6eaa56c6fefecb315c36dfc', class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: '16px' } }))), h("div", { key: '8e911c12b48ee8a65ca6509eb62db56b52d3bf30', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'Trailing' && (h("div", { key: '3ccf4477d75ebc9d00b792f2e0ac4a1f4b4da67b', class: "dga-accordion-item__arrow" }, h("i", { key: '313621dd7f59d5a8ede3abe629a36decb3b7be16', class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: '16px' } })))), h("div", { key: '7cf868439fe89461d14799074acdba245b2a7fa4', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content)));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-accordion.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dga-accordion.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,0ynFAA0ynF,CAAC;AACn0nF,2BAAe,eAAe;;MCgBjB,YAAY;IALzB;;QAQU,UAAK,GAAW,EAAE,CAAC;QACnB,YAAO,GAAW,EAAE,CAAC;QACrB,SAAI,GAAuB,IAAI,CAAC;QAChC,kBAAa,GAA2B,UAAU,CAAC;QACnD,UAAK,GAAY,KAAK,CAAC;QACvB,aAAQ,GAAY,KAAK,CAAC;QAC1B,oBAAe,GAAY,KAAK,CAAC;QACjC,eAAU,GAAW,EAAE,CAAC;QAEvB,WAAM,GAAY,KAAK,CAAC;QAEzB,gBAAW,GAAuB,IAAI,CAAC;KA6DhD;IA3DS,oBAAoB,CAAC,CAA6B;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;KAC/D;IAEO,aAAa;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC;SACzE;KACF;IAEO,iBAAiB;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;SACzC;KACF;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,CAAC;SAC9E;aAAM,IAAI,IAAI,CAAC,WAAW,EAAE;YAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;SACzC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAA;SACnC;KACF;IAED,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,0CAA0C,IAAI,CAAC,IAAI;YACtD,IAAI,CAAC,aAAa,KAAK,SAAS,GAAG,kCAAkC,GAAG,EAAE;YAC1E,IAAI,CAAC,KAAK,GAAG,2BAA2B,GAAG,EAAE;YAC7C,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,EAAE,IAEvF,0DAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,EAAC,4BAA4B,IACnK,IAAI,CAAC,aAAa,KAAK,SAAS,KAC/B,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAI,CACnE,CACP,EACD,4DAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAO,EACxD,IAAI,CAAC,aAAa,KAAK,UAAU,KAChC,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAI,CACnE,CACP,CACC,EACJ,4DAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAwB,CAAC,EAAE,KAAK,EAAC,0BAA0B,IAC5F,IAAI,CAAC,OAAO,CACT,CACF,EACN;KACH;;;;;;;","names":[],"sources":["src/components/dga-accordion/dga-accordion.scss?tag=dga-accordion&encapsulation=shadow","src/components/dga-accordion/dga-accordion.tsx"],"sourcesContent":[".dga-accordion {\n &-list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: inline-block;\n width: 100%;\n\n &__item {\n &:last-child {\n border-bottom: 1px solid var(--border-neutral-primary);\n }\n }\n }\n\n &-item {\n border-top: 1px solid var(--border-neutral-primary);\n width: 100%; //to be edited\n min-width: 366px;\n z-index: 1;\n position: relative;\n\n &__header {\n display: flex;\n padding: var(--spacing-xl);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-xl);\n cursor: pointer;\n border: 2px solid transparent;\n // transition: background .2s ease-in-out;\n\n &:hover {\n background: var(--button-background-neutral-hovered);\n mix-blend-mode: multiply;\n }\n }\n\n &__title {\n color: var(--text-default);\n width: 100%;\n @extend .text-md-semibold;\n }\n\n &__arrow {\n transition: transform 0.3s ease-in-out;\n &,\n & > dga-icon {\n width: 16px;\n height: 16px;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n &__body {\n display: flex;\n align-items: flex-start;\n padding: 0 var(--spacing-6xl) 0 var(--spacing-xl);\n gap: var(--spacing-md);\n color: var(--text-primary-paragraph);\n @extend .text-md-regular;\n max-height: 0;\n overflow: hidden;\n // will-change: max-height;\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n &.active &__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);\n opacity: 1;\n }\n\n &.active &__arrow {\n transform: rotate(180deg);\n }\n\n // &.focused &__header,\n // &__header:focus {\n // background-color: transparent;\n // // border: 2px solid var(--border-black);\n // outline: none;\n // position: relative;\n // z-index: 1;\n // }\n\n &__header:focus-visible {\n background-color: transparent;\n border: 2px solid var(--border-black);\n outline: none;\n position: relative;\n z-index: 1;\n }\n\n &__header:active {\n background-color: var(--button-background-neutral-pressed);\n outline: none;\n }\n\n &.disabled &__header:active,\n &.disabled &__header:focus,\n &.disabled &__header:hover {\n background-color: transparent;\n outline: none;\n border: 2px solid transparent;\n }\n\n &.disabled &__title,\n &.disabled &__arrow,\n &.disabled &__arrow path,\n //to be edited when add icons\n &.disabled &__body {\n color: var(--text-default-disabled) !important;\n stroke: var(--text-default-disabled) !important; //to be edited when add icons\n }\n\n &--lg {\n .dga-accordion-item__header {\n padding: var(--spacing-xl);\n }\n }\n\n &--md {\n .dga-accordion-item__header {\n padding: var(--spacing-lg) var(--spacing-xl);\n }\n }\n\n &--sm {\n .dga-accordion-item__header {\n padding: var(--spacing-md) var(--spacing-xl);\n }\n }\n\n &--flush {\n width: 100%;\n position: relative;\n border-top: 0;\n /* Create the \"cut\" border effect */\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%);\n }\n }\n\n &--icon-leading {\n .dga-accordion-item__body {\n padding: 0 var(--spacing-none) 0 var(--spacing-6xl);\n }\n\n &.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl);\n }\n }\n }\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item .dga-accordion-item__body {\n padding: 0 var(--spacing-xl) 0 var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading .dga-accordion-item__body {\n padding: 0 var(--spacing-6xl) 0 var(--spacing-none);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none);\n}\n","import { Component, Prop, State, h, Element } from '@stencil/core';\n\nexport interface AccordionItem {\n title: string;\n content: string;\n size?: 'lg' \| 'md' \| 'sm';\n iconAlignment?: 'Leading' \| 'Trailing';\n flush?: boolean;\n disabled?: boolean;\n extraClass?: string;\n}\n\n@Component({\n tag: 'dga-accordion',\n styleUrl: 'dga-accordion.scss',\n shadow: true\n})\nexport class DgaAccordion {\n @Element() el!: HTMLElement;\n\n @Prop() title: string = '';\n @Prop() content: string = '';\n @Prop() size: 'lg' \| 'md' \| 'sm' = 'lg';\n @Prop() iconAlignment: 'Leading' \| 'Trailing' = 'Trailing';\n @Prop() flush: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() defaultExpanded: boolean = false;\n @Prop() extraClass: string = '';\n\n @State() isOpen: boolean = false;\n\n private bodyElement: HTMLElement \| null = null;\n\n private handleAccordionClick(e: MouseEvent \| KeyboardEvent) {\n e.preventDefault();\n if (this.disabled) return;\n this.isOpen ? this.collapseAccordion() : this.openAccordion();\n }\n\n private openAccordion() {\n this.isOpen = true;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 'px';\n }\n }\n\n private collapseAccordion() {\n this.isOpen = false;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n }\n\n componentDidRender() {\n if (this.isOpen && this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 24 + 'px';\n } else if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n\n if (this.defaultExpanded) {\n this.isOpen = this.defaultExpanded\n }\n }\n\n render() {\n return (\n <div\n class={`dga-accordion-item dga-accordion-item--${this.size} \n ${this.iconAlignment === 'Leading' ? 'dga-accordion-item--icon-leading' : ''}\n ${this.flush ? 'dga-accordion-item--flush' : ''} \n ${this.disabled ? 'disabled' : ''} ${this.extraClass} ${this.isOpen ? 'active' : ''}`}\n >\n <a href=\"#\" onClick={e => this.handleAccordionClick(e)} onKeyDown={e => (e.code === 'Space' ? this.handleAccordionClick(e) : null)} class=\"dga-accordion-item__header\">\n {this.iconAlignment === 'Leading' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n <div class=\"dga-accordion-item__title\">{this.title}</div>\n {this.iconAlignment === 'Trailing' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n </a>\n <div ref={el => (this.bodyElement = el as HTMLElement \| null)} class=\"dga-accordion-item__body\">\n {this.content}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dga-accordion.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,0ynFAA0ynF,CAAC;AACn0nF,2BAAe,eAAe;;MC6BjB,YAAY;IALzB;;QAQU,UAAK,GAAW,EAAE,CAAC;QACnB,YAAO,GAAW,EAAE,CAAC;QACrB,SAAI,GAAuB,IAAI,CAAC;QAChC,kBAAa,GAA2B,UAAU,CAAC;QACnD,UAAK,GAAY,KAAK,CAAC;QACvB,aAAQ,GAAY,KAAK,CAAC;QAC1B,oBAAe,GAAY,KAAK,CAAC;QACjC,eAAU,GAAW,EAAE,CAAC;QAEvB,WAAM,GAAY,KAAK,CAAC;QAEzB,gBAAW,GAAuB,IAAI,CAAC;KA6DhD;IA3DS,oBAAoB,CAAC,CAA6B;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;KAC/D;IAEO,aAAa;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC;SACzE;KACF;IAEO,iBAAiB;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;SACzC;KACF;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,CAAC;SAC9E;aAAM,IAAI,IAAI,CAAC,WAAW,EAAE;YAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;SACzC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAA;SACnC;KACF;IAED,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,0CAA0C,IAAI,CAAC,IAAI;YACtD,IAAI,CAAC,aAAa,KAAK,SAAS,GAAG,kCAAkC,GAAG,EAAE;YAC1E,IAAI,CAAC,KAAK,GAAG,2BAA2B,GAAG,EAAE;YAC7C,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,EAAE,IAEvF,0DAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,EAAC,4BAA4B,IACnK,IAAI,CAAC,aAAa,KAAK,SAAS,KAC/B,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAI,CACnE,CACP,EACD,4DAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAO,EACxD,IAAI,CAAC,aAAa,KAAK,UAAU,KAChC,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAI,CACnE,CACP,CACC,EACJ,4DAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAwB,CAAC,EAAE,KAAK,EAAC,0BAA0B,IAC5F,IAAI,CAAC,OAAO,CACT,CACF,EACN;KACH;;;;;;;","names":[],"sources":["src/components/dga-accordion/dga-accordion.scss?tag=dga-accordion&encapsulation=shadow","src/components/dga-accordion/dga-accordion.tsx"],"sourcesContent":[".dga-accordion {\n &-list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: inline-block;\n width: 100%;\n\n &__item {\n &:last-child {\n border-bottom: 1px solid var(--border-neutral-primary);\n }\n }\n }\n\n &-item {\n border-top: 1px solid var(--border-neutral-primary);\n width: 100%; //to be edited\n min-width: 366px;\n z-index: 1;\n position: relative;\n\n &__header {\n display: flex;\n padding: var(--spacing-xl);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-xl);\n cursor: pointer;\n border: 2px solid transparent;\n // transition: background .2s ease-in-out;\n\n &:hover {\n background: var(--button-background-neutral-hovered);\n mix-blend-mode: multiply;\n }\n }\n\n &__title {\n color: var(--text-default);\n width: 100%;\n @extend .text-md-semibold;\n }\n\n &__arrow {\n transition: transform 0.3s ease-in-out;\n &,\n & > dga-icon {\n width: 16px;\n height: 16px;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n &__body {\n display: flex;\n align-items: flex-start;\n padding: 0 var(--spacing-6xl) 0 var(--spacing-xl);\n gap: var(--spacing-md);\n color: var(--text-primary-paragraph);\n @extend .text-md-regular;\n max-height: 0;\n overflow: hidden;\n // will-change: max-height;\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n &.active &__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);\n opacity: 1;\n }\n\n &.active &__arrow {\n transform: rotate(180deg);\n }\n\n // &.focused &__header,\n // &__header:focus {\n // background-color: transparent;\n // // border: 2px solid var(--border-black);\n // outline: none;\n // position: relative;\n // z-index: 1;\n // }\n\n &__header:focus-visible {\n background-color: transparent;\n border: 2px solid var(--border-black);\n outline: none;\n position: relative;\n z-index: 1;\n }\n\n &__header:active {\n background-color: var(--button-background-neutral-pressed);\n outline: none;\n }\n\n &.disabled &__header:active,\n &.disabled &__header:focus,\n &.disabled &__header:hover {\n background-color: transparent;\n outline: none;\n border: 2px solid transparent;\n }\n\n &.disabled &__title,\n &.disabled &__arrow,\n &.disabled &__arrow path,\n //to be edited when add icons\n &.disabled &__body {\n color: var(--text-default-disabled) !important;\n stroke: var(--text-default-disabled) !important; //to be edited when add icons\n }\n\n &--lg {\n .dga-accordion-item__header {\n padding: var(--spacing-xl);\n }\n }\n\n &--md {\n .dga-accordion-item__header {\n padding: var(--spacing-lg) var(--spacing-xl);\n }\n }\n\n &--sm {\n .dga-accordion-item__header {\n padding: var(--spacing-md) var(--spacing-xl);\n }\n }\n\n &--flush {\n width: 100%;\n position: relative;\n border-top: 0;\n /* Create the \"cut\" border effect */\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%);\n }\n }\n\n &--icon-leading {\n .dga-accordion-item__body {\n padding: 0 var(--spacing-none) 0 var(--spacing-6xl);\n }\n\n &.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl);\n }\n }\n }\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item .dga-accordion-item__body {\n padding: 0 var(--spacing-xl) 0 var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading .dga-accordion-item__body {\n padding: 0 var(--spacing-6xl) 0 var(--spacing-none);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl);\n}\n\n:is(html[lang='ar'], html[dir='rtl']) .dga-accordion-item--icon-leading.active .dga-accordion-item__body {\n padding: var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none);\n}\n","import { Component, Prop, State, h, Element } from '@stencil/core';\nimport { StripHTML } from '../../utils';\n\nexport interface AccordionItem {\n title: string;\n content: string;\n size?: 'lg' \| 'md' \| 'sm';\n iconAlignment?: 'Leading' \| 'Trailing';\n flush?: boolean;\n disabled?: boolean;\n extraClass?: string;\n}\n\n\nexport interface IDgaAccordion {\n title: string;\n content: string;\n size: 'lg' \| 'md' \| 'sm';\n iconAlignment: 'Leading' \| 'Trailing';\n flush: boolean;\n disabled: boolean;\n defaultExpanded: boolean;\n extraClass: string;\n}\n\n@Component({\n tag: 'dga-accordion',\n styleUrl: 'dga-accordion.scss',\n shadow: true\n})\nexport class DgaAccordion implements StripHTML<IDgaAccordion> {\n @Element() el!: HTMLElement;\n\n @Prop() title: string = '';\n @Prop() content: string = '';\n @Prop() size: 'lg' \| 'md' \| 'sm' = 'lg';\n @Prop() iconAlignment: 'Leading' \| 'Trailing' = 'Trailing';\n @Prop() flush: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() defaultExpanded: boolean = false;\n @Prop() extraClass: string = '';\n\n @State() isOpen: boolean = false;\n\n private bodyElement: HTMLElement \| null = null;\n\n private handleAccordionClick(e: MouseEvent \| KeyboardEvent) {\n e.preventDefault();\n if (this.disabled) return;\n this.isOpen ? this.collapseAccordion() : this.openAccordion();\n }\n\n private openAccordion() {\n this.isOpen = true;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 'px';\n }\n }\n\n private collapseAccordion() {\n this.isOpen = false;\n if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n }\n\n componentDidRender() {\n if (this.isOpen && this.bodyElement) {\n this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 24 + 'px';\n } else if (this.bodyElement) {\n this.bodyElement.style.maxHeight = null;\n }\n\n if (this.defaultExpanded) {\n this.isOpen = this.defaultExpanded\n }\n }\n\n render() {\n return (\n <div\n class={`dga-accordion-item dga-accordion-item--${this.size} \n ${this.iconAlignment === 'Leading' ? 'dga-accordion-item--icon-leading' : ''}\n ${this.flush ? 'dga-accordion-item--flush' : ''} \n ${this.disabled ? 'disabled' : ''} ${this.extraClass} ${this.isOpen ? 'active' : ''}`}\n >\n <a href=\"#\" onClick={e => this.handleAccordionClick(e)} onKeyDown={e => (e.code === 'Space' ? this.handleAccordionClick(e) : null)} class=\"dga-accordion-item__header\">\n {this.iconAlignment === 'Leading' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n <div class=\"dga-accordion-item__title\">{this.title}</div>\n {this.iconAlignment === 'Trailing' && (\n <div class=\"dga-accordion-item__arrow\">\n <i class=\"hgi-stroke hgi-arrow-down-01\" style={{ fontSize: '16px' }} />\n </div>\n )}\n </a>\n <div ref={el => (this.bodyElement = el as HTMLElement \| null)} class=\"dga-accordion-item__body\">\n {this.content}\n </div>\n </div>\n );\n }\n}\n"],"version":3}