@platformscode/core 0.0.49 → 0.0.51

package/dist/cjs/dga-collapse-usage.cjs.entry.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-const DgaCollapseUsage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.variant = 'neutral';
-        this.open = false;
-    }
-    render() {
-        return (index.h("div", { key: '2ee3612aaca78d39f0509089455b256ed86616da' }, index.h("h1", { key: 'e632757f4ede5bd38c71491618943735941a95be' }, "Collapse Example"), index.h("div", { key: '5ac52a77124fa68aa5e7f59b400f40d842650600', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'b1d8a410b9726247c0dbd6670dc3fb315398e5f5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'a934695dff9b9f689b539dc9cdda8e7c2e40dc67', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: '1d854b80ec52f66bdeefd3eabd5cc18732914ffa', onClick: () => this.open = true }, "open"), index.h("button", { key: 'ca6b919dd74e1e5733b06d2a0c31387dec6a5b1e', onClick: () => this.open = false }, "close"))), index.h("dga-collapse", { key: '9b055bf2339e697e5fb8fad6386989502bfcadee', open: this.open, "transition-duration": "0.1s" }, index.h("div", { key: 'f24c79aff41ba4c44e52124b297a2451db464b48' }, "Your content here")), index.h("div", { key: '0807156df64bb7a775e16adc549d719d249adb67', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-};
-
-exports.dga_collapse_usage = DgaCollapseUsage;

package/dist/cjs/dga-content-switcher-usage.cjs.entry.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-const DgaContentSwitcherUsage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.value = 0;
-    }
-    render() {
-        return (index.h("div", { key: '4cb85b34e2b8d1318903616deafd81cd5d2c3444' }, index.h("h1", { key: '5245eb0bb3f05c5c3e1df24a10a93a21fdd04991' }, "Content Switcher Example"), index.h("dga-content-switcher", { key: '55b2b5169c8b566621b518e68f77f5953eedf271', size: 'lg' }, index.h("dga-content-switcher-item", { key: '11639573da16079061d39b0ad2acf1a4687352bf', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: '2a5c18c121d5a4ca250f97180e724c429a57be6e', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: 'c411296cb314406c5280b1b9b5bdb12ab050c6e4', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: 'de3898ff0e648116ecf389fd1d4408515ae3e776', size: 'md' }, index.h("dga-content-switcher-item", { key: '5cc1d305b663abd84bd31dfc41855351592693ab', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: '94633183eef22393a11b49bc14e69bab68e9b102', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '494ef28c65e3a86ed0774acbbf155732328518f4', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: 'eed218e7fcb5199e66782827e5011fcd21a11811', size: 'sm', onColor: true }, index.h("dga-content-switcher-item", { key: 'c4c4242b28793da008d0d15405bff066eab21849', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: 'c6725103058de0b36983dc9aa554e9dcbf9e181e', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '264a371a856015f795d767690978afb519ede779', label: "Option 3", content: "This is Option 3 content." })), index.h("h1", { key: '5ca35446456670c023f6bc02420864c6fdb65522' }, this.value), index.h("dga-content-switcher", { key: '8e99765f72224b41e064dbc6a5ed6d72b27148ee', size: 'lg', value: this.value, onChange: (val) => this.value = val }), index.h("dga-content-switcher-panel", { key: 'd927e44d96941524863925d5b39a9feb3357fc36', value: this.value, index: 0 }, index.h("div", { key: '095600338a79faff0533d15a15ae5879861dada2' }, "Content 111111111111111")), index.h("dga-content-switcher-panel", { key: '2a80d8fb2b362dd2487c5f6bfe27fb007bf695be', value: this.value, index: 1 }, index.h("div", { key: 'c4a317f2db0b2779a17d14906249df0010f96dd2' }, "Content 2")), index.h("dga-content-switcher-panel", { key: '78680868aa3263d9e50a90e6304467b330c7dfab', value: this.value, index: 2 }, index.h("div", { key: '9e93b77b7c7e625cbc1e2790f23d200326294b7c' }, "Content 3"))));
-    }
-};
-
-exports.dga_content_switcher_usage = DgaContentSwitcherUsage;

package/dist/cjs/dga-content-switcher_3.cjs.entry.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-const DgaContentSwitcher = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.value = 0;
-        this.onColor = false;
-        this.size = 'md';
-        this.items = [
-            {
-                label: 'Item 1',
-                content: 'Content 1',
-            },
-            {
-                label: 'Item 2',
-                content: 'Content 2',
-            },
-            {
-                label: 'Item 3',
-                content: 'Content 3',
-            },
-        ];
-        this.onChange = () => { };
-        this.selected = this.value;
-        this.handleSelect = (index) => {
-            this.selected = index;
-            this.onChange(index);
-        };
-    }
-    render() {
-        return (index.h("div", { key: 'e39602a5ce36dfdc3aec7d38e5d1a0ceb02e26a3', class: "content-switcher" }, index.h("div", { key: 'ab4118494678a34e03ebc236a7026ad49a7971d6', class: "content-switcher__items" }, this.items.map((item, index$1) => {
-            const selected = index$1 === this.selected;
-            const itemType = index$1 === 0 ? 'first' : index$1 === this.items.length - 1 ? 'last' : 'mid';
-            const className = `content-switcher__item content-switcher__item--${itemType} ${this.onColor ? 'content-switcher__item--on-color' : ''} content-switcher__item--${this.size} ${selected ? 'content-switcher__item--selected' : ''}`;
-            return (index.h("button", { key: index$1, type: "button", class: className, onClick: () => this.handleSelect(index$1) }, item.label));
-        }))));
-    }
-};
-
-const DgaContentSwitcherItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return index.h("slot", { key: '83516f09f1675ae6bc38dd7ea81717b8df682d5b' });
-    }
-};
-
-const DgaContentSwitcherPanel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("div", { key: 'a5b0f5fc828acf1f689061956b9a27a11a30b95f', class: "content-switcher-panel", hidden: this.value !== this.index }, index.h("slot", { key: '49b4ec1bf9d71364b92e607d03cd868cc92373e4' })));
-    }
-};
-
-exports.dga_content_switcher = DgaContentSwitcher;
-exports.dga_content_switcher_item = DgaContentSwitcherItem;
-exports.dga_content_switcher_panel = DgaContentSwitcherPanel;

package/dist/cjs/dga-date-field-usage.cjs.entry.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-const DgaDateFieldUsage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.value = '';
-    }
-    render() {
-        return (index.h("div", { key: '880139077b49e41c5d038d9bdbc04d43b7180c8d' }, index.h("h1", { key: '7d19d3f5bd3475abe0ca4e6c52af9a2bc0aeecca' }, "Date Field Example"), index.h("div", { key: 'bbd9a425c230db4290480c7ffd920c73825df780', style: { padding: '50px' } }, index.h("div", { key: '7504da2dfc0971e6610d9d22068ed9a9a53e2c9c', style: { display: "flex", flexDirection: "column", gap: "16px" } }, index.h("input", { key: '161827836294a5b910ba5df7069865e54c9acc24', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), index.h("dga-date-field", { key: '58b25234de5b01b644c99ca84d19f27b839d7fa0', value: this.value, onChange: (e) => this.value = e.target.value })))));
-    }
-};
-
-exports.dga_date_field_usage = DgaDateFieldUsage;

package/dist/cjs/dga-datepicker-usage.cjs.entry.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-const DgaPickerUsage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("div", { key: '8fa29622d090a82e263647cde633bd5358b2cfb1' }, index.h("h1", { key: '368a9f85d0c798ecdb0c3e15fc966be7f373f620' }, "Datepicker Example"), index.h("div", { key: 'c4d67c8cdc9a0062dafd8b95aa4d9e4802172d26', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'f8a45b6dd74b4803e455bad77d8ce9d625611e26', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-datepicker", { key: '070760d61aeb23fa3c3f70df134fa76a17b88298', inputField: false, qickOptions: true }), index.h("dga-datepicker", { key: '5fa85e9cdb6269ea515801996346412970222111', RTL: true, inputField: true, range: true, qickOptions: true }), index.h("dga-datepicker", { key: 'f3b2d504414d9a55096120f69d65b28e8d889962', range: true })), index.h("div", { key: 'cc5d75a313224591921b6cab04f1bf42b6a0cce9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-};
-
-exports.dga_datepicker_usage = DgaPickerUsage;

package/dist/cjs/dga-divider-usage.cjs.entry.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-const DgaDividerUsage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("div", { key: '9ce760dff89a284334d382aedb68818bc79041be' }, index.h("h1", { key: '061802988ab3ecbd30c63ed4d2b5aa572101cd04' }, "Divider Example"), index.h("div", { key: 'dae434feae45a01fbc96bd91a2c812bf60f074b1', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'e9542dc7024428bcc2921878d5031d0ee8b30bba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'e3479f78388dd9fa2d857046cccf1be3bb2a8f36', style: {
-                borderRadius: '20px',
-                background: 'gray',
-            } }, index.h("div", { key: 'dfc17e80a6a74ec565f6c66379c9c39428778764', style: {
-                width: '224px',
-                height: '82px',
-                background: '#fff',
-                padding: '16px',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '40px',
-            } }, index.h("dga-divider", { key: '750acadb195b36f775d59ea34129e889b8d4747b', color: "neutral" }), index.h("dga-divider", { key: 'f0036a98f739db3611a335f85ecd110657ff6b97', color: "primary" })), index.h("div", { key: '491d19a7f126e28f08c0ebaad3455e2452d2ab7d', style: {
-                width: '224px',
-                height: '82px',
-                background: '#fff',
-                padding: '16px',
-                display: 'flex',
-                // flexDirection: 'column',
-                gap: '40px',
-            } }, index.h("dga-divider", { key: '0704fecc802358dcd2e97720ea040c2630ec0ec9', color: "neutral", orientation: 'vertical' }), index.h("dga-divider", { key: 'd48c838831e39ee2f530e450af609381fcdac7d8', color: "primary", orientation: 'vertical' })), index.h("div", { key: '869175ec79f62058493abc4f5f74f296bf587b60', style: {
-                width: '224px',
-                height: '82px',
-                background: '#1B8354',
-                padding: '16px',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '40px',
-            } }, index.h("dga-divider", { key: 'b5c181497e984d90c6285738dec3205a60f33af7', color: "alpha-white" }), index.h("dga-divider", { key: 'edba17a6608d63870d59e2b1dc7a281ba8017f24', color: "white" })), index.h("div", { key: '8dbc94c5035f62229ef2342945c903b711230150', style: {
-                width: '224px',
-                height: '82px',
-                background: '#1B8354',
-                padding: '16px',
-                display: 'flex',
-                // flexDirection: 'column',
-                gap: '40px',
-            } }, index.h("dga-divider", { key: '4f35c507b82b501ec9b089096990a691e408351f', color: "alpha-white", orientation: 'vertical' }), index.h("dga-divider", { key: '5e38f39eb7c173c2995bee3107a2f8255d78e31f', color: "white", orientation: 'vertical' })))), index.h("div", { key: '323801ad3a7764188445e09a1765cc5942f3a565', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-};
-
-exports.dga_divider_usage = DgaDividerUsage;

package/dist/cjs/dga-drawer-usage.cjs.entry.js

@@ -1,281 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-
-// import { IRoute } from './dga-drawer';
-const SidePanelRoutes = [
-    {
-        name: 'Link',
-        path: '/',
-        icon: {
-            name: 'home-01',
-            variant: 'stroke',
-            size: 16,
-        },
-        disabled: false,
-        children: [
-            {
-                name: 'Link',
-                path: '1',
-                // icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-                // badge: 39,
-            },
-            {
-                name: 'Link',
-                path: '2',
-                // icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-                // badge: 21,
-            },
-            {
-                name: 'Link',
-                path: '3',
-                // icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-                // badge: 2,
-            },
-            // {
-            //   name: "Home 4",
-            //   path: "4",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 20,
-            // },
-            // {
-            //   name: "Home 5",
-            //   path: "5",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 150,
-            //   children: [
-            //     {
-            //       name: "Home 1",
-            //       path: "1",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 39,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 4",
-            //       path: "4",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 20,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 5",
-            //       path: "5",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 150,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 6",
-            //       path: "6",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 200,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 7",
-            //       path: "7",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 24,
-            //       level: 2,
-            //     },
-            //   ],
-            // },
-            // {
-            //   name: "Home 6",
-            //   path: "6",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 200,
-            // },
-            // {
-            //   name: "Home 7",
-            //   path: "7",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 24,
-            // },
-        ],
-    },
-    {
-        name: 'Components',
-        path: '/components',
-        icon: {
-            name: 'home-01',
-            variant: 'stroke',
-            size: 16,
-        },
-        disabled: false,
-        children: [
-            {
-                name: 'Buttons',
-                path: '/buttons',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Badges',
-                path: '/badges',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Paths',
-                path: '/Paths',
-                children: [
-                    {
-                        name: 'Buttons',
-                        path: '/buttons',
-                        icon: {
-                            name: 'home-01',
-                            variant: 'stroke',
-                            size: 16,
-                        },
-                        badge: 100,
-                    },
-                    {
-                        name: 'Badges',
-                        path: '/badges',
-                        icon: {
-                            name: 'home-01',
-                            variant: 'stroke',
-                            size: 16,
-                        },
-                        badge: 100,
-                    },
-                    {
-                        name: 'Paths',
-                        path: '/Paths',
-                        icon: {
-                            name: 'home-01',
-                            variant: 'stroke',
-                            size: 16,
-                        },
-                        badge: 100,
-                    },
-                ],
-            },
-            {
-                name: 'Inputs',
-                path: '/inputs',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Accordions',
-                path: '/accordions',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Tabs',
-                path: '/tabs',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-        ],
-    },
-    {
-        name: 'Components 2',
-        path: '/components',
-        icon: {
-            name: 'home-01',
-            variant: 'stroke',
-            size: 16,
-        },
-        disabled: false,
-        children: [
-            {
-                name: 'Buttons',
-                path: '/buttons',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Badges',
-                path: '/badges',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Paths',
-                path: '/Paths',
-                children: [
-                    {
-                        name: 'Buttons',
-                        path: '/buttons',
-                        badge: 100,
-                    },
-                    {
-                        name: 'Badges',
-                        path: '/badges',
-                        badge: 100,
-                    },
-                    {
-                        name: 'Paths',
-                        path: '/Paths',
-                        badge: 100,
-                    },
-                ],
-            },
-            {
-                name: 'Inputs',
-                path: '/inputs',
-                badge: 100,
-            },
-            {
-                name: 'Accordions',
-                path: '/accordions',
-                badge: 100,
-            },
-            {
-                name: 'Tabs',
-                path: '/tabs',
-                badge: 100,
-            },
-        ],
-    },
-];
-const DgaDrawerUsage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.variant = 'neutral';
-        this.open = false;
-    }
-    render() {
-        return (index.h("div", { key: '6d9a75684ba3a62978d0a5ff39a492d011cbe785' }, index.h("h1", { key: '49d3d73e8db3ac69ce97786e8235288a46c2a592' }, "Drawer Example"), index.h("div", { key: '26c471c159d8532aa0b23ed48fc43f72e73da6a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, index.h("div", { key: '6b68f920b63f75285625aac035a07dabb5cba3b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'f44c65955e3faa77a009130f0dffdcd90131d9eb', style: { display: "flex", justifyContent: "center", width: "100vw" } }, index.h("button", { key: 'cac2d1baae57e263a7c1bb7fa74aca8b356b12b5', onClick: () => this.open = true }, "open"), index.h("button", { key: '2e87d5236d5ad00b3b4feb18af0cde06f7997d14', onClick: () => this.open = false }, "close")), index.h("dga-drawer", { key: '6ed23ca808e47d96fcf4dde421644acce956d3dc', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
-                "& > .sidepanel": {
-                    top: "112px",
-                    backgroundColor: "red !important",
-                }
-            } })), index.h("div", { key: '18757bfa3f8b656cbb5898d83ffcf4a97be34b1b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-};
-
-exports.dga_drawer_usage = DgaDrawerUsage;

package/dist/cjs/dga-drawer_3.cjs.entry.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var index = require('./index-DuIfHULw.js');
-var sxHandler = require('./sx-handler-B_o_us-z.js');
-var index$1 = require('./index-BCWGzgj9.js');
-require('./sx-style-manager-MFMlOw-g.js');
-
-const dgaDrawerCss = "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:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold,.sidepanel__menu-tab.active>.sidepanel__menu-tab-label,.active.sidepanel__submenu-tab>.sidepanel__menu-tab-label,.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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:var(--colors-alpha-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}.sidepanel{background-color:var(--colors-base-white);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;min-height:100vh;max-height:100vh;overflow-y:auto;position:fixed;top:0;z-index:99;transition:all 0.4s ease-in-out;transform:translate3d(-100vw, 0, 0);transition:transform 400ms ease-in}.sidepanel--right{left:auto;right:0;transform:translate3d(100vw, 0, 0)}.sidepanel.active{transform:translate3d(0vw, 0, 0)}.sidepanel__header{display:flex;padding:16px var(--spacing-4xl, 32px);align-items:center;width:100%}.sidepanel__header>img{height:32px;width:auto}.sidepanel::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.sidepanel::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.sidepanel::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--border-neutral-primary);background-clip:content-box}.sidepanel__nav-header{margin-inline:var(--spacing-4xl);margin-block:var(--spacing-lg)}.sidepanel ul{list-style:none;padding:0;margin:0}.sidepanel__menu-list{width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-8xl) var(--spacing-xl) !important}.sidepanel__menu-tab,.sidepanel__submenu-tab{display:flex;padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);align-self:stretch;color:var(--colors-gray-neutral-600);text-decoration:none;border-radius:var(--radius-sm);position:relative;border:2px solid transparent;outline:none}.sidepanel__menu-tab::after,.sidepanel__submenu-tab::after{content:\"\";width:6px;height:calc(100% - 2 * var(--spacing-sm));position:absolute;top:50%;left:0px;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--background-primary);display:none}.sidepanel__menu-tab:hover,.sidepanel__submenu-tab:hover{background-color:var(--background-neutral-50);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab:hover::after,.sidepanel__submenu-tab:hover::after{display:block;background-color:var(--colors-gray-neutral-400)}.sidepanel__menu-tab:focus,.sidepanel__submenu-tab:focus{background-color:var(--colors-base-white)}.sidepanel__menu-tab:focus::after,.sidepanel__submenu-tab:focus::after{display:none}.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{background-color:transparent;color:var(--colors-gray-modern-950);font-weight:700}.sidepanel__menu-tab.selected::after,.selected.sidepanel__submenu-tab::after,.sidepanel__menu-tab.active::after,.active.sidepanel__submenu-tab::after{display:block;background-color:var(--background-primary)}.sidepanel__menu-tab.selected .sidepanel__menu-tab-icon,.selected.sidepanel__submenu-tab .sidepanel__menu-tab-icon,.sidepanel__menu-tab.active .sidepanel__menu-tab-icon,.active.sidepanel__submenu-tab .sidepanel__menu-tab-icon{color:#1B8354}.sidepanel__menu-tab.pressed,.pressed.sidepanel__submenu-tab{background-color:var(--border-neutral-primary);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab.pressed::after,.pressed.sidepanel__submenu-tab::after{display:block;background-color:var(--colors-gray-neutral-600)}.sidepanel__menu-tab.disabled,.disabled.sidepanel__submenu-tab{color:var(--border-neutral-primary);background-color:transparent;border-color:transparent}.sidepanel__menu-tab.disabled::after,.disabled.sidepanel__submenu-tab::after{display:none}.sidepanel__menu-tab-divider{background:var(--border-neutral-primary);height:1px;margin:var(--spacing-md) var(--spacing-xl);display:block}.sidepanel__menu-tab.active+.sidepanel__submenu-list,.active.sidepanel__submenu-tab+.sidepanel__submenu-list{opacity:1;padding-block:3px !important}.sidepanel__menu-tab.active .sidepanel__menu-tab-arrow,.active.sidepanel__submenu-tab .sidepanel__menu-tab-arrow{transform:rotate(180deg)}.sidepanel__menu-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sidepanel__menu-tab-label{flex:1}.sidepanel__menu-tab-arrow{font-size:20px;transform:rotate(0deg);transition:all 0.4s ease-in-out}.sidepanel__submenu-list{display:block;padding-block:0 !important;max-height:0;overflow-y:hidden;opacity:1 !important;transition:max-height 0.3s ease;margin-left:24px !important}.sidepanel__submenu-tab{justify-content:flex-start;white-space:nowrap}.sidepanel__submenu-tab-label{flex:1}.sidepanel__submenu-tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.sidepanel__submenu--sublevel{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) calc(var(--spacing-5xl) + var(--spacing-md) / 2)}.sidepanel--bg-gray{background-color:var(--Background-background-neutral-50, #F9FAFB)}.sidepanel--bg-gray .sidepanel__header{background:var(--background-neutral-50, #F9FAFB)}.sidepanel--bg-brand{background-color:var(--background-sa-flag)}.sidepanel--bg-brand .sidepanel__menu-tab,.sidepanel--bg-brand .sidepanel__submenu-tab{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab-label,.sidepanel--bg-brand .sidepanel__submenu-tab-label{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab:hover,.sidepanel--bg-brand .sidepanel__submenu-tab:hover{background-color:hsla(var(--colors-alpha-white)/10%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:hover::after,.sidepanel--bg-brand .sidepanel__submenu-tab:hover::after{display:block;background-color:hsla(var(--colors-alpha-white)/40%)}.sidepanel--bg-brand .sidepanel__menu-tab:focus,.sidepanel--bg-brand .sidepanel__submenu-tab:focus{background-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:focus::after,.sidepanel--bg-brand .sidepanel__submenu-tab:focus::after{display:none}.sidepanel--bg-brand .sidepanel__menu-tab.selected,.sidepanel--bg-brand .sidepanel__menu-tab.active,.sidepanel--bg-brand .sidepanel__submenu-tab.selected,.sidepanel--bg-brand .sidepanel__submenu-tab.active{background-color:hsla(var(--colors-alpha-white)/20%);color:var(--colors-text-primary_on-brand)}.sidepanel--bg-brand .sidepanel__menu-tab.selected::after,.sidepanel--bg-brand .sidepanel__menu-tab.active::after,.sidepanel--bg-brand .sidepanel__submenu-tab.selected::after,.sidepanel--bg-brand .sidepanel__submenu-tab.active::after{display:block;background-color:var(--colors-base-white)}.sidepanel--bg-brand .sidepanel__menu-tab.pressed,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed{background-color:hsla(var(--colors-alpha-white)/30%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab.pressed::after,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed::after{display:block;background-color:hsla(var(--colors-alpha-white)/60%)}.sidepanel--bg-brand .sidepanel__header{background:var(--background-nav-header, #14573A)}.sidepanel--border{border-right:1px solid var(--colors-border-primary)}.sidepanel--overlay{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}@media only screen and (min-width: 56.25em){.sidepanel--overlay{box-shadow:none}}.sidepanel--overlay-gray{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}.sidepanel--overlay-brand{background:var(--background-sa-flag);box-shadow:0px 24px 48px -12px rgba(16, 24, 40, 0.18);backdrop-filter:blur(12px)}";
-
-const DgaDrawer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.background = 'brand';
-        this.anchor = 'left';
-        this.open = false;
-    }
-    componentWillLoad() {
-        this.sxHandler = new sxHandler.SxHandler(this.el, 'dga-slider');
-    }
-    componentDidLoad() {
-        this.sxHandler.processSx(this.sx);
-    }
-    sxChanged() {
-        this.sxHandler.processSx(this.sx);
-    }
-    disconnectedCallback() {
-        this.sxHandler.cleanup();
-    }
-    render() {
-        return (index.h(index.Host, { key: '8552581bed4593cbe9adf41ad4bb366d6d6db32e', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: '3e079d001aabb0872ad3d043123d45c15f168e70', class: `sidepanel sidepanel--${this.anchor} ${this.background ? `sidepanel--bg-${this.background}` : ''}
-            ${this.overlay ? 'sidepanel--overlay' : ''}
-            ${this.border ? 'sidepanel--border' : ''}
-            ${this.open ? 'active' : ''}
-            ` }, this.headerLogo && index.h("div", { key: 'adea17e059c2940e0c5d38685a165b737addb00d', class: "sidepanel__header" }, index.h("img", { key: '428be81dc3b3b556b827ea0209fdfbca2a318d4f', src: this.headerLogo, alt: 'logo' })), index.h("side-panel-menu", { key: '5e0b0e713d0a44ce0144111a82bfd80981ab032d', routes: this.routes }), index.h("slot", { key: '61a962846a0f192099f477956abc6823c2a24a2c' }))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "sx": ["sxChanged"]
-    }; }
-};
-DgaDrawer.style = dgaDrawerCss;
-
-const SidePanelMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.routes = [];
-    }
-    render() {
-        return (index.h("ul", { key: 'a696170de6b4b01644a881dd298d16d3b4df90af', class: "sidepanel__menu-list" }, this.routes.map((route, index$2) => (index.h("li", { key: index$1.guid() }, index.h("tab-component", { route: route }), index$2 < this.routes.length - 1 && (index.h("div", { class: "sidepanel__menu-tab-divider" })))))));
-    }
-};
-
-const TabComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isExpanded = false;
-    }
-    handleExpanded(expanded) {
-        this.isExpanded = expanded;
-        if (expanded) {
-            this.submenuElement.style.maxHeight = 'fit-content';
-        }
-        else {
-            this.submenuElement.style.maxHeight = '';
-        }
-    }
-    render() {
-        return (index.h(index.Fragment, { key: 'b9eb28eb0e5582ad145c0126b01b76feb8c6b9e5' }, index.h("tab-link", { key: '105520edf7df8c57721784333a64aa06f2d4fe84', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (index.h("ul", { key: '3a742a8119e7ad5d0b50ab532025d10665508aa8', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index$1) => (index.h("submenu-component", { key: index$1, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
-                if (expanded) {
-                    this.submenuElement.style.maxHeight = 'fit-content';
-                }
-            } })))))));
-    }
-};
-
-exports.dga_drawer = DgaDrawer;
-exports.side_panel_menu = SidePanelMenu;
-exports.tab_component = TabComponent;