wj-elements 0.7.7 → 0.8.0

package/dist/light.css

@@ -1,731 +1 @@
-/*
-[ Light Mode ]
-*/
-
-:root,
-:host,
-.wje-theme-light,
-.light,
-[data-theme=light] {
-    * {
-        box-sizing: border-box !important;
-    }
-    color-scheme: light;
-
-    --wje-font-family:
-        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji';
-    --wje-font-family-secondary:
-        'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
-        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-    --wje-force-mac-font-family:
-        -apple-system, BlinkMacSystemFont, 'Inter UI', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
-        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-
-    /* Line Heights */
-    --wje-line-height-denser: 1.2;
-    --wje-line-height-dense: 1.4;
-    --wje-line-height-normal: 1.5;
-    --wje-line-height-loose: 1.6;
-    --wje-line-height-looser: 1.8;
-
-    /* Font Sizes (rem) */
-    --wje-font-size-2x-small: 0.5rem; /* 8px */
-    --wje-font-size-x-small: 0.625rem; /* 10px */
-    --wje-font-size-small: 0.75rem; /* 12px */
-    --wje-font-size: 0.875rem; /* 14px */
-    --wje-font-size-medium: 1rem; /* 16px */
-    --wje-font-size-large: 1.25rem; /* 20px */
-    --wje-font-size-x-large: 1.5rem; /* 24px */
-    --wje-font-size-2x-large: 2.25rem; /* 36px */
-    --wje-font-size-3x-large: 3rem; /* 48px */
-    --wje-font-size-4x-large: 4.5rem; /* 72px */
-
-    /* Spacing (Padding/Margin) */
-    --wje-spacing-4x-small: 0.125rem; /* 2px */
-    --wje-spacing-3x-small: 0.25rem; /* 4px */
-    --wje-spacing-2x-small: 0.375rem; /* 6px */
-    --wje-spacing-x-small: 0.5rem; /* 8px */
-    --wje-spacing-small: 0.75rem; /* 12px */
-    --wje-spacing-medium: 1rem; /* 16px */
-    --wje-spacing-large: 1.5rem; /* 24px */
-    --wje-spacing-x-large: 2rem; /* 32px */
-    --wje-spacing-2x-large: 2.5rem; /* 40px */
-    --wje-spacing-3x-large: 3rem; /* 48px */
-    --wje-spacing-4x-large: 4.5rem; /* 72px */
-
-    /* Font Weights */
-    --wje-font-weight-light: 300;
-    --wje-font-weight-normal: 400;
-    --wje-font-weight-medium: 500;
-    --wje-font-weight-semibold: 600;
-    --wje-font-weight-bold: 700;
-
-    /* Border Radius */
-    --wje-border-radius-small: 0.125rem; /* 2px */
-    --wje-border-radius-medium: 0.25rem; /* 4px */
-    --wje-border-radius-large: 0.5rem; /* 8px */
-    --wje-border-radius-x-large: 0.75rem; /* 12px */
-    --wje-border-radius-2x-large: 1rem; /* 16px */
-    --wje-border-radius-circle: 50%; /* Circle */
-    --wje-border-radius-pill: 50rem; /* Pill */
-
-    /* Shadows */
-    --wje-shadow-small: 0 1px 2px rgba(0, 0, 0, 0.05);
-    --wje-shadow-medium: 2px 2px 11px 0px hsla(0, 0%, 0%, 0.08);
-    --wje-shadow-large: 0 4px 8px rgba(0, 0, 0, 0.1);
-    --wje-shadow-x-large: 0 8px 16px rgba(0, 0, 0, 0.1);
-    --wje-shadow-2x-large: 0 16px 32px rgba(0, 0, 0, 0.1);
-
-    /* Letter Spacing */
-    --wje-letter-spacing-tightest: -0.05em;
-    --wje-letter-spacing-tighter: -0.025em;
-    --wje-letter-spacing-normal: 0em;
-    --wje-letter-spacing-wider: 0.025em;
-    --wje-letter-spacing-widest: 0.05em;
-
-    /* Transitions */
-    --wje-transition-fast: 0.2s ease-in-out;
-    --wje-transition-medium: 0.4s ease-in-out;
-    --wje-transition-slow: 0.6s ease-in-out;
-
-    /* Size */
-    --wje-size-4x-small: 0.125rem; /* 2px */
-    --wje-size-3x-small: 0.25rem; /* 4px */
-    --wje-size-2x-small: 0.5rem; /* 8px */
-    --wje-size-x-small: 0.625rem; /* 10px */
-    --wje-size-small: 0.75rem; /* 12px */
-    --wje-size-medium: 0.875rem; /* 14px */
-    --wje-size: 1rem; /* 16px */
-    --wje-size-large: 1.25rem; /* 20px */
-    --wje-size-x-large: 1.5rem; /* 24px */
-    --wje-size-2x-large: 2.25rem; /* 36px */
-    --wje-size-3x-large: 3rem; /* 48px */
-    --wje-size-4x-large: 4.5rem; /* 72px */
-    --wje-size-5x-large: 9rem; /* 144px */
-
-    --wje-border-width: 1px;
-    --wje-border-style: solid;
-
-    --wje-backdrop: rgb(0, 0, 0);
-    --wje-backdrop-opacity: 0.3;
-
-    /* Colors */
-    --wje-color: hsl(0, 0%, 29%);
-    --wje-color-dark: hsl(0, 0%, 29%);
-    --wje-color-light: hsl(0 0% 95%);
-    --wje-background: var(--wje-color-contrast-0);
-    --wje-border-color: var(--wje-color-contrast-3);
-
-    --wje-color-menu: hsl(220, 15%, 15%);
-    --wje-color-contrast: hsl(0, 0%, 95%);
-
-    --wje-color-white: #fff;
-    --wje-color-black: #000;
-
-    /* Color - Basic*/
-    --wje-color-primary: var(--wje-color-primary-11);
-    --wje-color-complete: var(--wje-color-complete-11);
-    --wje-color-success: var(--wje-color-success-11);
-    --wje-color-warning: var(--wje-color-warning-11);
-    --wje-color-danger: var(--wje-color-danger-11);
-    --wje-color-info: var(--wje-color-info-11);
-
-    /* Primary */
-    --wje-color-primary-1: hsla(261, 70%, 96%, 1);
-    --wje-color-primary-2: hsla(260, 66%, 92%, 1);
-    --wje-color-primary-3: hsla(260, 64%, 88%, 1);
-    --wje-color-primary-4: hsla(260, 61%, 84%, 1);
-    --wje-color-primary-5: hsla(260, 63%, 80%, 1);
-    --wje-color-primary-6: hsla(259, 61%, 76%, 1);
-    --wje-color-primary-7: hsla(258, 61%, 72%, 1);
-    --wje-color-primary-8: hsla(257, 61%, 68%, 1);
-    --wje-color-primary-9: hsla(254, 67%, 62%, 1);
-    --wje-color-primary-10: hsla(254, 59%, 45%, 1);
-    --wje-color-primary-11: hsla(254, 59%, 35%, 1);
-
-    /* Complete */
-    --wje-color-complete-1: hsla(233, 90%, 96%, 1);
-    --wje-color-complete-2: hsla(229, 89%, 93%, 1);
-    --wje-color-complete-3: hsla(229, 86%, 89%, 1);
-    --wje-color-complete-4: hsla(229, 86%, 86%, 1);
-    --wje-color-complete-5: hsla(228, 85%, 82%, 1);
-    --wje-color-complete-6: hsla(226, 82%, 78%, 1);
-    --wje-color-complete-7: hsla(225, 83%, 74%, 1);
-    --wje-color-complete-8: hsla(223, 83%, 70%, 1);
-    --wje-color-complete-9: hsla(211, 100%, 60%, 1);
-    --wje-color-complete-10: hsla(211, 100%, 45%, 1);
-    --wje-color-complete-11: hsla(211, 100%, 28%, 1);
-
-    /* Success */
-    --wje-color-success-1: hsla(147, 44%, 95%, 1);
-    --wje-color-success-2: hsla(149, 41%, 90%, 1);
-    --wje-color-success-3: hsla(149, 40%, 85%, 1);
-    --wje-color-success-4: hsla(150, 41%, 80%, 1);
-    --wje-color-success-5: hsla(149, 42%, 75%, 1);
-    --wje-color-success-6: hsla(150, 41%, 70%, 1);
-    --wje-color-success-7: hsla(151, 42%, 65%, 1);
-    --wje-color-success-8: hsla(152, 42%, 59%, 1);
-    --wje-color-success-9: hsla(158, 67%, 45%, 1);
-    --wje-color-success-10: hsla(158, 74%, 30%, 1);
-    --wje-color-success-11: hsla(158, 93%, 23%, 1);
-
-    /* Warning */
-    --wje-color-warning-1: hsla(45, 100%, 96%, 1);
-    --wje-color-warning-2: hsla(47, 100%, 93%, 1);
-    --wje-color-warning-3: hsla(46, 100%, 90%, 1);
-    --wje-color-warning-4: hsla(46, 100%, 87%, 1);
-    --wje-color-warning-5: hsla(46, 100%, 84%, 1);
-    --wje-color-warning-6: hsla(46, 100%, 81%, 1);
-    --wje-color-warning-7: hsla(46, 100%, 77%, 1);
-    --wje-color-warning-8: hsla(47, 100%, 74%, 1);
-    --wje-color-warning-9: hsla(47, 100%, 67%, 1);
-    --wje-color-warning-10: hsla(47, 100%, 53%, 1);
-    --wje-color-warning-11: hsla(47, 75%, 38%, 1);
-
-    /* Danger */
-    --wje-color-danger-1: hsla(9, 100%, 96%, 1);
-    --wje-color-danger-2: hsla(12, 100%, 91%, 1);
-    --wje-color-danger-3: hsla(11, 94%, 87%, 1);
-    --wje-color-danger-4: hsla(10, 91%, 83%, 1);
-    --wje-color-danger-5: hsla(9, 87%, 79%, 1);
-    --wje-color-danger-6: hsla(10, 82%, 74%, 1);
-    --wje-color-danger-7: hsla(8, 80%, 70%, 1);
-    --wje-color-danger-8: hsla(8, 77%, 65%, 1);
-    --wje-color-danger-9: hsla(3, 78%, 59%, 1);
-    --wje-color-danger-10: hsla(3, 68%, 41%, 1);
-    --wje-color-danger-11: hsla(3, 81%, 31%, 1);
-
-    /* Info */
-    --wje-color-info-1: hsla(210, 5%, 92%, 1);
-    --wje-color-info-2: hsla(204, 6%, 85%, 1);
-    --wje-color-info-3: hsla(210, 7%, 78%, 1);
-    --wje-color-info-4: hsla(203, 5%, 71%, 1);
-    --wje-color-info-5: hsla(213, 6%, 65%, 1);
-    --wje-color-info-6: hsla(203, 6%, 58%, 1);
-    --wje-color-info-7: hsla(208, 6%, 52%, 1);
-    --wje-color-info-8: hsla(210, 7%, 45%, 1);
-    --wje-color-info-9: hsla(207, 20%, 35%, 1);
-    --wje-color-info-10: hsla(207, 16%, 27%, 1);
-    --wje-color-info-11: hsla(207, 36%, 16%, 1);
-
-    /* Contrast */
-    --wje-color-contrast-0: hsla(0, 0%, 100%, 1);
-    --wje-color-contrast-1: hsla(0, 0%, 98%, 1);
-    --wje-color-contrast-2: hsla(240, 5%, 96%, 1);
-    --wje-color-contrast-3: hsla(240, 6%, 90%, 1);
-    --wje-color-contrast-4: hsla(240, 5%, 84%, 1);
-    --wje-color-contrast-5: hsla(240, 5%, 65%, 1);
-    --wje-color-contrast-6: hsla(240, 4%, 46%, 1);
-    --wje-color-contrast-7: hsla(240, 5%, 34%, 1);
-    --wje-color-contrast-8: hsla(240, 5%, 26%, 1);
-    --wje-color-contrast-9: hsla(240, 4%, 16%, 1);
-    --wje-color-contrast-10: hsla(240, 6%, 10%, 1);
-    --wje-color-contrast-11: hsla(240, 7%, 8%, 1);
-
-    /*
-    [ Skeleton ]
-    */
-    --wje-skeleton-bg: var(--wje-color-contrast-3);
-    --wje-skeleton-bg-strong: var(--wje-color-contrast-6);
-    --wje-skeleton-highlight: rgba(255, 255, 255, 0.45);
-    --wje-skeleton-radius: var(--wje-border-radius-pill);
-    --wje-skeleton-height: var(--wje-size-small);
-    --wje-skeleton-head-height: var(--wje-size-x-large);
-    --wje-skeleton-gap: var(--wje-spacing-x-small);
-    --wje-skeleton-duration: 1.3s;
-
-    /*
-    [ Elements ]
-    */
-    /* Aside */
-    --wje-aside-width: 100px;
-    --wje-aside-top: 0;
-    --wje-aside-border-color: var(--wje-border-color);
-    --wje-aside-border-width: 0 1px 0 0;
-    --wje-aside-border-style: solid;
-
-    /* Avatar */
-    --wje-avatar-size: var(--wje-size-x-large);
-    --wje-avatar-font-size: var(--wje-font-size-x-small);
-    --wje-avatar-font-weight: var(--wje-font-weight-normal);
-    --wje-avatar-color: var(--wje-color-contrast-11);
-    --wje-avatar-background-color: var(--wje-color-contrast-3);
-    --wje-avatar-border-radius: var(--wje-border-radius-circle);
-    --wje-avatar-border-color: transparent;
-    --wje-avatar-border-width: 1px;
-    --wje-avatar-border-style: solid;
-
-    /* Badge */
-    --wje-badge-height: 18px;
-    --wje-badge-line-height: 1;
-    --wje-badge-padding-block: 0;
-    --wje-badge-padding-inline: var(--wje-spacing-2x-small);
-    --wje-badge-border-radius: var(--wje-border-radius-pill);
-    --wje-badge-border-width: 0px;
-    --wje-badge-border-style: solid;
-    --wje-badge-border-color: transparent;
-
-    /* Breadcrumb */
-    --wje-breadcrumb-font-size: var(--wje-font-size);
-    --wje-breadcrumb-active-font-weight: var(--wje-font-weight-bold);
-    --wje-breadcrumb-active-font-size: var(--wje-font-size);
-    --wje-breadcrumb-line-height: var(--wje-line-height-normal);
-    --wje-breadcrumb-native-line-height: var(--wje-breadcrumb-line-height);
-    --wje-breadcrumb-native-margin: 0;
-    --wje-breadcrumb-native-padding: var(--wje-spacing-3x-small) var(--wje-spacing-small);
-    --wje-breadcrumb-margin: var(--wje-breadcrumb-native-margin);
-    --wje-breadcrumb-padding: var(--wje-breadcrumb-native-padding);
-    --wje-breadcrumb-a: var(--wje-color-contrast-8);
-    --wje-breadcrumb-a-hover: var(--wje-color-contrast-6);
-
-    /* Button */
-    --wje-button-border-radius: var(--wje-border-radius-medium);
-    --wje-button-border-width: 1px;
-    --wje-button-border-style: solid;
-    --wje-button-border-color: var(--wje-color-contrast-1);
-    --wje-button-margin-inline: 0;
-    --wje-button-outline-width: 0.5rem;
-
-    /* Button - Group */
-    --wje-button-group-border-radius: var(--wje-border-radius-medium);
-    --wje-button-group-border-width: 1px;
-    --wje-button-group-border-style: solid;
-    --wje-button-group-border-color: var(--wje-color-contrast-3);
-
-    /* Card */
-    --wje-card-background: var(--wje-color-contrast-0);
-    --wje-card-color: var(--wje-color-black);
-    --wje-card-border-color: transparent;
-    --wje-card-border-style: var(--wje-border-style);
-    --wje-card-border-width: var(--wje-border-width);
-    --wje-card-border-radius: var(--wje-border-radius-large);
-    --wje-card-shadow: var(--wje-shadow-x-large);
-
-    /* Card - Header */
-    --wje-card-header-padding: 1rem 1rem 0.5rem;
-
-    /* Card - Controls */
-    --wje-card-controls-font-size: var(--wje-font-size-small);
-    --wje-card-controls-font-family: var(--wje-font-family-secondary);
-
-    /* Card - Subtitle */
-    --wje-card-subtitle-font-size: var(--wje-font-size-small);
-    --wje-card-subtitle-font-family: var(--wje-font-family-secondary);
-    --wje-card-subtitle-padding: 0;
-
-    /* Card - Content */
-    --wje-card-content-padding: 0 1rem 1rem;
-
-    /* Card - Title*/
-    --wje-card-title-font-size: var(--wje-font-size-x-large);
-    --wje-card-title-font-weight: var(--wje-font-weight-medium);
-    --wje-card-title-margin: 0;
-    --wje-card-title-padding: 0;
-    --wje-card-title-line-height: 1.2;
-
-    /* Carousel */
-    --wje-scroll-hint: 0px;
-    --wje-carousel-width: 100%;
-    --wje-carousel-height: auto;
-    --wje-carousel-size: 100%;
-
-    /* Carousel - Item */
-    --wje-carousel-item-aspect-ratio: inherit;
-
-    /* Container */
-    --wje-container-indent: 0;
-
-    /* Color Picker */
-    --wje-color-picker-value: #ff0000;
-    --wje-color-picker-area: transparent;
-    --wje-color-picker-swatch: transparent;
-    --wje-color-picker-size: 1rem;
-    --wje-color-picker-radius: var(--wje-border-radius-large);
-
-    /* Checkbox */
-    --wje-checkbox-interminate: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1taW51cyI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsMTQgMCIgLz48L3N2Zz4=');
-    --wje-checkbox-checkmark: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGVjayI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsNSA1bDEwIC0xMCIgLz48L3N2Zz4=');
-    --wje-checkbox-margin-top: 0;
-    --wje-checkbox-margin-bottom: var(--wje-spacing-x-small);
-    --wje-checkbox-margin-inline: 0;
-    --wje-checkbox-size: var(--wje-font-size-medium);
-    --wje-checkbox-border-radius: var(--wje-border-radius-medium);
-
-    /* Chip */
-    --wje-chip-background: var(--wje-color-contrast-3);
-    --wje-chip-color: var(--wje-color-contrast-11);
-    --wje-chip-background-hover: var(--wje-color-contrast-4);
-    --wje-chip-color-hover: var(--wje-color-contrast-11);
-    --wje-chip-border-radius: 100px;
-    --wje-chip-round-border-radius: var(--wje-border-radius-large);
-    --wje-chip-margin-block: 0;
-    --wje-chip-margin-inline: 0;
-    --wje-chip-padding-block: var(--wje-spacing-small);
-    --wje-chip-padding-inline: var(--wje-spacing-small);
-
-    /* Dialog */
-    --wje-dialog-background: var(--wje-color-contrast-1);
-    --wje-dialog-width: 600px;
-    --wje-dialog-height: 600px;
-    --wje-dialog-border-radius: var(--wje-border-radius-medium);
-    --wje-dialog-border-width: var(--wje-border-width);
-    --wje-dialog-border-style: var(--wje-border-style);
-    --wje-dialog-border-color: var(--wje-border-color);
-    --wje-dialog-margin-top: auto;
-    --wje-dialog-margin-start: auto;
-    --wje-dialog-margin-end: auto;
-    --wje-dialog-margin-bottom: auto;
-
-    --wje-dialog-padding: var(--wje-spacing-medium);
-    --wje-dialog-padding-inline: var(--wje-spacing-medium);
-    --wje-dialog-padding-top: var(--wje-spacing-medium);
-    --wje-dialog-padding-bottom: var(--wje-spacing-medium);
-
-    --wje-dialog-header-padding-inline: var(--wje-dialog-padding);
-    --wje-dialog-header-padding-block: var(--wje-dialog-padding) 0;
-
-    --wje-dialog-content-padding-inline: var(--wje-dialog-padding);
-    --wje-dialog-content-padding-block: var(--wje-dialog-padding);
-
-    --wje-dialog-footer-padding-inline: var(--wje-dialog-padding);
-    --wje-dialog-footer-padding-block: 0 var(--wje-dialog-padding);
-
-    --wje-dialog-headline-font-size: 0.656rem;
-    --wje-dialog-headline-letter-spacing: 0.06em;
-    --wje-dialog-headline-font-weight: 500;
-    --wje-dialog-headline-text-transform: uppercase;
-
-    /* Divider */
-    --wje-divider-border-width: var(--wje-border-width, 1px);
-    --wje-divider-border-style: var(--wje-border-style);
-    --wje-divider-border-color: var(--wje-border-color);
-    --wje-divider-spacing: 0;
-
-    /* File Upload */
-    --wje-file-upload-padding: 0;
-
-    /* File Upload - Item */
-    --wje-file-upload-item-border-width: 1px;
-    --wje-file-upload-item-border-style: solid;
-    --wje-file-upload-item-border-color: var(--wje-border-color);
-
-    /* Header */
-    --wje-header-background: var(--wje-background);
-    --wje-header-border-color: var(--wje-border-color);
-    --wje-header-border-width: 0 0 1px 0;
-    --wje-header-border-style: solid;
-    --wje-header-top: 0;
-    --wje-header-height: 60px;
-    --wje-header-z-index: 100;
-
-    /* Icon */
-    --wje-icon-stroke: 2;
-    --wje-icon-size: var(--wje-size);
-    --wje-icon-color: currentColor;
-
-    /* Icon Picker */
-    --wje-icon-picker-shadow: var(--wje-shadow-x-large);
-    --wje-icon-picker-background: var(--wje-color-contrast-0);
-    --wje-icon-picker-radius: var(--wje-border-radius-large);
-    --wje-icon-picker-icon-size: 1.5rem;
-    --wje-icon-picker-border-width: 1px;
-    --wje-icon-picker-border-style: solid;
-    --wje-icon-picker-border-color: var(--wje-border-color);
-    --wje-icon-picker-padding: 0.25rem;
-
-    /* Img - Comparer */
-    --wje-img-compare-divider-area: 12px;
-    --wje-img-compare-divider-background: white;
-    --wje-img-compare-divider-size: 2px;
-    --wje-img-compare-divider-left: 50%;
-    --wje-img-compare-position: 50%;
-    --wje-img-compare-clip-path: inset(0 calc(100% - var(--wje-img-compare-position)) 0 0);
-
-    /* Infinite Scroll */
-    --wje-infinite-scroll-width: 100%;
-    --wje-infinite-scroll-height: 300px;
-    --wje-infinite-scroll-loading-background: var(--wje-color-contrast-0);
-
-    /* Input */
-    --wje-input-font-family: var(--wje-font-family);
-    --wje-input-background-color: var(--wje-color-contrast-0);
-    --wje-input-color: var(--wje-color);
-    --wje-input-color-invalid: var(--wje-color-danger-9);
-    --wje-input-error-background-color: var(--wje-tooltip-background);
-    --wje-input-error-color: var(--wje-tooltip-color);
-    --wje-input-border-color: var(--wje-border-color);
-    --wje-input-border-color-focus: var(--wje-color-primary);
-    --wje-input-border-width: 1px;
-    --wje-input-border-style: solid;
-    --wje-input-border-radius: 4px;
-    --wje-input-margin-bottom: 0.5rem;
-    --wje-input-line-height: 20px;
-    --wje-input-slot-padding-inline: 0.5rem;
-    --wje-input-label-display: block;
-    --wje-input-label-margin: 0 0 var(--wje-spacing-x-small);
-    --wje-input-label-padding: 0;
-    --wje-input-label-line-height: var(--wje-line-height-normal);
-    --wje-input-label-font-size: var(--wje-font-size);
-    --wje-input-required-symbol: '*';
-
-    /* Item */
-    --wje-item-color: var(--wje-color);
-    --wje-item-border-width: 0 0 1px 0;
-    --wje-item-border-style: solid;
-    --wje-item-border-color: var(--wje-border-color);
-    --wje-item-border-radius: 0;
-    --wje-item-background: transparent;
-    --wje-item-background-hover: var(--wje-color-primary-3);
-    --wje-item-padding-top: 0px;
-    --wje-item-padding-bottom: 0px;
-    --wje-item-padding-end: 0px;
-    --wje-item-padding-start: 0px;
-    --wje-item-inner-border-width: 0 0 1px 0;
-    --wje-item-inner-padding-top: 0px;
-    --wje-item-inner-padding-bottom: 0px;
-    --wje-item-inner-padding-start: 0px;
-    --wje-item-inner-padding-end: 0px;
-    --wje-item-inner-shadow: none;
-    --wje-item-min-height: 40px;
-    --wje-item-transition: var(--wje-transition-fast);
-
-    /* Level - Indicator */
-    --wje-level-indicator-color: var(--wje-color-contrast-3);
-    --wje-level-indicator-color-active: var(--wje-color-contrast-9);
-    --wje-level-indicator-opacity: 0.5;
-    --wje-level-indicator-gap: var(--wje-size-4x-small);
-    --wje-level-indicator-width: var(--wje-size-medium);
-    --wje-level-indicator-height: var(--wje-size-4x-small);
-    --wje-level-indicator-border-radius: var(--wje-border-radius-large);
-    --wje-level-indicator-color-high: var(--wje-color-success-9);
-    --wje-level-indicator-color-medium: var(--wje-color-warning-9);
-    --wje-level-indicator-color-low: var(--wje-color-danger-9);
-
-    /* List */
-    --wje-list-inset-padding: 1rem;
-    --wje-list-border-radius: var(--wje-border-radius-medium);
-    --wje-list-background: var(--wje-background);
-
-    /* Menu */
-    --wje-menu-background: var(--wje-background);
-    --wje-menu-border-width: 1px;
-    --wje-menu-border-style: solid;
-    --wje-menu-border-color: var(--wje-border-color);
-    --wje-menu-border-radius: var(--wje-border-radius-medium);
-    --wje-menu-padding-top: var(--wje-spacing-x-small);
-    --wje-menu-padding-bottom: var(--wje-spacing-x-small);
-    --wje-menu-padding-inline: 0;
-    --wje-menu-margin-top: 9;
-    --wje-menu-margin-bottom: 0;
-    --wje-menu-margin-inline: 0;
-    --wje-menu-collapse-width: 65px;
-    --wje-menu-z-index: 8;
-    --wje-menu-shadow: var(--wje-shadow-medium);
-
-    /* Menu - Item */
-    --wje-menu-item-font-size: var(--wje-font-size);
-    --wje-menu-item-color: var(--wje-color);
-    --wje-menu-item-background: transparent;
-    --wje-menu-item-color-hover: var(--wje-color-contrast-8);
-    --wje-menu-item-background-hover: var(--wje-border-color);
-    --wje-menu-item-color-focus: var(--wje-color-contrast-8);
-    --wje-menu-item-background-focus: var(--wje-border-color);
-    --wje-menu-item-color-active: var(--wje-color-contrast-8);
-    --wje-menu-item-background-active: var(--wje-border-color);
-    --wje-menu-item-padding-top: var(--wje-spacing-x-small);
-    --wje-menu-item-padding-bottom: var(--wje-spacing-x-small);
-    --wje-menu-item-line-height: 1.8rem;
-    --wje-menu-submenu-offset: 0;
-    --wje-menu-item-icon-visibility: hidden;
-    --wje-menu-item-check-icon-display: flex;
-    --wje-menu-item-check-icon-width: 1.5rem;
-
-    /* Menu - Label  */
-    --wje-menu-label-font-size: var(--wje-font-size-small);
-    --wje-menu-label-weight: var(--wje-font-weight-semibold);
-
-    /* Option */
-    --wje-option-padding-top: var(--wje-spacing-x-small);
-    --wje-option-padding-bottom: var(--wje-spacing-x-small);
-    --wje-option-highlighted: var(--wje-color-contrast-3);
-
-    /* Orgchart */
-    --wje-orgchart-height-line: 10px;
-    --wje-orgchart-border-radius: var(--wje-border-radius-large);
-
-    /* Orgchart - Item */
-    --wje-orgchart-item-width: 75px;
-    --wje-orgchart-item-border-radius: var(--wje-border-radius-large);
-    --wje-orgchart-item-height-line: 10px;
-    --wje-orgchart-item-background: var(--wje-color-contrast-0);
-
-    --wje-orgchart-item-highlight-background: var(--wje-color-complete-2);
-    --wje-orgchart-item-boss-background: var(--wje-color-complete-2);
-    --wje-orgchart-item-hover-background: var(--wje-color-contrast-3);
-
-    --wje-orgchart-item-highlight-border: 1px solid var(--wje-color-complete-3);
-    --wje-orgchart-item-boss-border: 1px solid var(--wje-border-color);
-    --wje-orgchart-item-hover-border: 1px solid var(--wje-color-danger-3);
-
-    --wje-orgchart-item-expander-size: 0.75rem;
-
-    /* Orgchart - Group */
-    --wje-orgchart-group-width: auto;
-    --wje-orgchart-group-border-radius: var(--wje-border-radius-large);
-    --wje-orgchart-group-height-line: 10px;
-    --wje-orgchart-group-padding: 0.25rem 0;
-
-    /* Popup */
-    --wje-popup-overlay-background: var(--wje-color-contrast-0);
-
-    /* Radio */
-    --wje-radio-margin-top: 0;
-    --wje-radio-margin-bottom: 0.5rem;
-    --wje-radio-margin-inline: 0;
-
-    /* Rate */
-    --wje-rate-gap: 0.25rem;
-    --wje-rate-color: var(--wje-color-contrast-11);
-    --wje-rate-selected-color: var(--wje-color-danger-9);
-
-    /* Select */
-    --wje-select-height: 32px;
-    --wje-select-background: var(--wje-color-contrast-0);
-    --wje-select-border-width: 1px;
-    --wje-select-border-style: solid;
-    --wje-select-border-color: var(--wje-border-color);
-    --wje-select-border-radius: var(--wje-border-radius-medium) var(--wje-border-radius-medium);
-    --wje-select-options-background-color: var(--wje-color-contrast-0);
-    --wje-select-options-border-width: 1px;
-    --wje-select-options-border-style: var(--wje-border-style);
-    --wje-select-options-border-color: var(--wje-border-color);
-    --wje-select-options-border-radius: var(--wje-border-radius-medium);
-    --wje-select-error-background-color: var(--wje-tooltip-background);
-    --wje-select-error-color: var(--wje-tooltip-color);
-    --wje-select-line-height: 20px;
-    --wje-select-color: var(--wje-color);
-    --wje-select-margin-bottom: var(--wje-spacing-x-small);
-    --wje-select-find-margin-inline: var(--wje-spacing-x-small);
-    --wje-select-find-margin-block: var(--wje-spacing-x-small);
-    --wje-select-find-width: calc(100% - var(--wje-select-find-margin-inline) * 2);
-
-    --wje-select-label-margin:  0 0 var(--wje-spacing-x-small);
-    --wje-select-label-padding: 0;
-    --wje-select-label-display: block;
-    --wje-select-label-line-height: var(--wje-line-height-normal);
-    --wje-select-label-font-size: var(--wje-font-size);
-
-    /* Sliding - Container */
-    --wje-sliding-container-background: transparent;
-    --wje-sliding-container-shadow: none;
-    --wje-sliding-container-border-radius: var(--wje-border-radius-large);
-
-    /* Status */
-    --wje-status-size: var(--wje-size-small);
-
-    /* Stepper */
-    --wje-stepper-margin: 1.25rem;
-    --wje-stepper-justify: start;
-    --wje-stepper-grow: initial;
-
-    /* Tab */
-    --wje-tab-font-family: var(--wje-font-family-secondary);
-    --wje-tab-font-size: var(--wje-font-size-x-small);
-    --wje-tab-line-height: var(--wje-line-height-looser);
-    --wje-tab-text-transfrom: uppercase;
-    --wje-tab-font-weight: var(--wje-font-weight-medium);
-    --wje-tab-letter-spacing: var(--wje-letter-spacing-widest);
-    --wje-tab-padding-inline: var(--wje-spacing-medium);
-    --wje-tab-padding-top: var(--wje-spacing-small);
-    --wje-tab-padding-bottom: var(--wje-spacing-small);
-    --wje-tab-color-active: var(--wje-color-primary-9);
-    --wje-tab-color-hover: var(--wje-color-primary-1);
-    --wje-tab-border-radius: 0;
-
-    /* Tab - Group */
-    --wje-tab-group-nav-border: 1px solid var(--wje-border-color);
-
-    /* Textarea */
-    --wje-textarea-font-family: var(--wje-font-family);
-    --wje-textarea-background-color: var(--wje-background);
-    --wje-textarea-color: var(--wje-color);
-    --wje-textarea-color-invalid: var(--wje-color-danger-9);
-    --wje-textarea-error-background-color: var(--wje-tooltip-background);
-    --wje-textarea-error-color: var(--wje-tooltip-color);
-    --wje-textarea-border-width: 1px;
-    --wje-textarea-border-style: solid;
-    --wje-textarea-border-color: var(--wje-border-color);
-    --wje-textarea-border-color-focus: var(--wje-color-primary);
-    --wje-textarea-border-radius: var(--wje-border-radius-medium);
-    --wje-textarea-margin-bottom: var(--wje-spacing-x-small);
-    --wje-textarea-line-height: 20px;
-    --wje-textarea-padding: var(--wje-spacing-x-small);
-    --wje-textarea-label-margin: 0 0 var(--wje-spacing-x-small);
-    --wje-textarea-label-padding: var(--wje-spacing-x-small) var(--wje-spacing-x-small) 0;
-    --wje-textarea-label-display: block;
-    --wje-textarea-label-line-height: var(--wje-line-height-denser);
-    --wje-textarea-label-font-size: var(--wje-font-size);
-
-    /* Toast */
-    --wje-toast-stack-width: 300px;
-
-    /* Thumbnail */
-    --wje-thumbnail-width: 48px;
-    --wje-thumbnail-height: 48px;
-    --wje-thumbnail-border-radius: var(--wje-border-radius-medium);
-
-    /* Toolbar */
-    --wje-toolbar-background: var(--wje-background);
-    --wje-toolbar-height: auto;
-    --wje-toolbar-min-height: 70px;
-    --wje-toolbar-padding-inline: 1.5rem;
-    --wje-toolbar-padding-block: 1rem;
-    --wje-toolbar-margin-inline: 0;
-    --wje-toolbar-margin-block: 0;
-    --wje-toolbar-border-color: var(--wje-border-color);
-    --wje-toolbar-top: 0;
-    --wje-toolbar-shadow: var(--wje-shadow-medium);
-
-    /* Toolbar - Action */
-    --wje-toolbar-action-gap: var(--wje-spacing-3x-small);
-
-    /* Tooltip */
-    --wje-tooltip-arrow-color: var(--wje-color-contrast-11);
-    --wje-tooltip-background: var(--wje-color-contrast-11);
-    --wje-tooltip-color: var(--wje-color-contrast-1);
-    --wje-tooltip-font-size: var(--wje-font-size-small);
-    --wje-tooltip-font-weight: var(--wje-font-weight-normal);
-    --wje-tooltip-line-height: var(--wje-line-height-normal);
-    --wje-tooltip-shadow: var(--wje-shadow-medium);
-    --wje-tooltip-spacing: var(--wje-spacing-x-small);
-    --wje-tooltip-border-radius: var(--wje-border-radius-medium);
-
-    /* Tree - Item */
-    --wje-tree-item-font-size: var(--wje-font-size-medium);
-    --wje-tree-item-padding-inline: var(--wje-spacing-3x-small);
-    --wje-tree-item-padding-block: var(--wje-spacing-3x-small);
-    --wje-tree-item-indent: var(--wje-spacing-large);
-    --wje-tree-item-indent-guid-width: 0px;
-    --wje-tree-item-indent-guid-style: solid;
-    --wje-tree-item-indent-guid-color: var(--wje-border-color);
-    --wje-tree-item-border-radius: var(--wje-border-radius-medium);
-    --wje-tree-item-border-width: 0;
-    --wje-tree-item-border-style: solid;
-    --wje-tree-item-border-color: transparent;
-    --wje-tree-item-border-color-hover: transparent;
-    --wje-tree-item-border-color-selected: transparent;
-    --wje-tree-item-background: transparent;
-    --wje-tree-item-color: var(--wje-color);
-    --wje-tree-item-background-hover: var(--wje-color-contrast-1);
-    --wje-tree-item-color-hover: var(--wje-color-contrast-8);
-    --wje-tree-item-background-selected: var(--wje-color-primary-9);
-    --wje-tree-item-color-selected: var(--wje-color-contrast-0);
-    --wje-tree-item-drop-color: var(--wje-color-primary);
-    --wje-tree-item-drop-line-width: 2px;
-    --wje-tree-item-drop-line-border-radius: var(--wje-border-radius-pill);
-    --wje-tree-item-drop-border-width: 1px;
-    --wje-tree-item-drop-border-style: solid;
-    --wje-tree-item-drop-border-color: var(--wje-tree-item-drop-color);
-    --wje-tree-item-drop-border-radius: var(--wje-border-radius-medium);
-}
+:root,:host,.wje-theme-light,.light,[data-theme=light]{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--wje-line-height-denser: 1.2;--wje-line-height-dense: 1.4;--wje-line-height-normal: 1.5;--wje-line-height-loose: 1.6;--wje-line-height-looser: 1.8;--wje-font-size-2x-small: .5rem;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-spacing-4x-small: .125rem;--wje-spacing-3x-small: .25rem;--wje-spacing-2x-small: .375rem;--wje-spacing-x-small: .5rem;--wje-spacing-small: .75rem;--wje-spacing-medium: 1rem;--wje-spacing-large: 1.5rem;--wje-spacing-x-large: 2rem;--wje-spacing-2x-large: 2.5rem;--wje-spacing-3x-large: 3rem;--wje-spacing-4x-large: 4.5rem;--wje-font-weight-light: 300;--wje-font-weight-normal: 400;--wje-font-weight-medium: 500;--wje-font-weight-semibold: 600;--wje-font-weight-bold: 700;--wje-border-radius-small: .125rem;--wje-border-radius-medium: .25rem;--wje-border-radius-large: .5rem;--wje-border-radius-x-large: .75rem;--wje-border-radius-2x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-shadow-small: 0 1px 2px rgba(0, 0, 0, .05);--wje-shadow-medium: 2px 2px 11px 0px hsla(0, 0%, 0%, .08);--wje-shadow-large: 0 4px 8px rgba(0, 0, 0, .1);--wje-shadow-x-large: 0 8px 16px rgba(0, 0, 0, .1);--wje-shadow-2x-large: 0 16px 32px rgba(0, 0, 0, .1);--wje-letter-spacing-tightest: -.05em;--wje-letter-spacing-tighter: -.025em;--wje-letter-spacing-normal: 0em;--wje-letter-spacing-wider: .025em;--wje-letter-spacing-widest: .05em;--wje-transition-fast: .2s ease-in-out;--wje-transition-medium: .4s ease-in-out;--wje-transition-slow: .6s ease-in-out;--wje-size-4x-small: .125rem;--wje-size-3x-small: .25rem;--wje-size-2x-small: .5rem;--wje-size-x-small: .625rem;--wje-size-small: .75rem;--wje-size-medium: .875rem;--wje-size: 1rem;--wje-size-large: 1.25rem;--wje-size-x-large: 1.5rem;--wje-size-2x-large: 2.25rem;--wje-size-3x-large: 3rem;--wje-size-4x-large: 4.5rem;--wje-size-5x-large: 9rem;--wje-border-width: 1px;--wje-border-style: solid;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-primary-1: hsla(261, 70%, 96%, 1);--wje-color-primary-2: hsla(260, 66%, 92%, 1);--wje-color-primary-3: hsla(260, 64%, 88%, 1);--wje-color-primary-4: hsla(260, 61%, 84%, 1);--wje-color-primary-5: hsla(260, 63%, 80%, 1);--wje-color-primary-6: hsla(259, 61%, 76%, 1);--wje-color-primary-7: hsla(258, 61%, 72%, 1);--wje-color-primary-8: hsla(257, 61%, 68%, 1);--wje-color-primary-9: hsla(254, 67%, 62%, 1);--wje-color-primary-10: hsla(254, 59%, 45%, 1);--wje-color-primary-11: hsla(254, 59%, 35%, 1);--wje-color-complete-1: hsla(233, 90%, 96%, 1);--wje-color-complete-2: hsla(229, 89%, 93%, 1);--wje-color-complete-3: hsla(229, 86%, 89%, 1);--wje-color-complete-4: hsla(229, 86%, 86%, 1);--wje-color-complete-5: hsla(228, 85%, 82%, 1);--wje-color-complete-6: hsla(226, 82%, 78%, 1);--wje-color-complete-7: hsla(225, 83%, 74%, 1);--wje-color-complete-8: hsla(223, 83%, 70%, 1);--wje-color-complete-9: hsla(211, 100%, 60%, 1);--wje-color-complete-10: hsla(211, 100%, 45%, 1);--wje-color-complete-11: hsla(211, 100%, 28%, 1);--wje-color-success-1: hsla(147, 44%, 95%, 1);--wje-color-success-2: hsla(149, 41%, 90%, 1);--wje-color-success-3: hsla(149, 40%, 85%, 1);--wje-color-success-4: hsla(150, 41%, 80%, 1);--wje-color-success-5: hsla(149, 42%, 75%, 1);--wje-color-success-6: hsla(150, 41%, 70%, 1);--wje-color-success-7: hsla(151, 42%, 65%, 1);--wje-color-success-8: hsla(152, 42%, 59%, 1);--wje-color-success-9: hsla(158, 67%, 45%, 1);--wje-color-success-10: hsla(158, 74%, 30%, 1);--wje-color-success-11: hsla(158, 93%, 23%, 1);--wje-color-warning-1: hsla(45, 100%, 96%, 1);--wje-color-warning-2: hsla(47, 100%, 93%, 1);--wje-color-warning-3: hsla(46, 100%, 90%, 1);--wje-color-warning-4: hsla(46, 100%, 87%, 1);--wje-color-warning-5: hsla(46, 100%, 84%, 1);--wje-color-warning-6: hsla(46, 100%, 81%, 1);--wje-color-warning-7: hsla(46, 100%, 77%, 1);--wje-color-warning-8: hsla(47, 100%, 74%, 1);--wje-color-warning-9: hsla(47, 100%, 67%, 1);--wje-color-warning-10: hsla(47, 100%, 53%, 1);--wje-color-warning-11: hsla(47, 75%, 38%, 1);--wje-color-danger-1: hsla(9, 100%, 96%, 1);--wje-color-danger-2: hsla(12, 100%, 91%, 1);--wje-color-danger-3: hsla(11, 94%, 87%, 1);--wje-color-danger-4: hsla(10, 91%, 83%, 1);--wje-color-danger-5: hsla(9, 87%, 79%, 1);--wje-color-danger-6: hsla(10, 82%, 74%, 1);--wje-color-danger-7: hsla(8, 80%, 70%, 1);--wje-color-danger-8: hsla(8, 77%, 65%, 1);--wje-color-danger-9: hsla(3, 78%, 59%, 1);--wje-color-danger-10: hsla(3, 68%, 41%, 1);--wje-color-danger-11: hsla(3, 81%, 31%, 1);--wje-color-info-1: hsla(210, 5%, 92%, 1);--wje-color-info-2: hsla(204, 6%, 85%, 1);--wje-color-info-3: hsla(210, 7%, 78%, 1);--wje-color-info-4: hsla(203, 5%, 71%, 1);--wje-color-info-5: hsla(213, 6%, 65%, 1);--wje-color-info-6: hsla(203, 6%, 58%, 1);--wje-color-info-7: hsla(208, 6%, 52%, 1);--wje-color-info-8: hsla(210, 7%, 45%, 1);--wje-color-info-9: hsla(207, 20%, 35%, 1);--wje-color-info-10: hsla(207, 16%, 27%, 1);--wje-color-info-11: hsla(207, 36%, 16%, 1);--wje-color-contrast-0: hsla(0, 0%, 100%, 1);--wje-color-contrast-1: hsla(0, 0%, 98%, 1);--wje-color-contrast-2: hsla(240, 5%, 96%, 1);--wje-color-contrast-3: hsla(240, 6%, 90%, 1);--wje-color-contrast-4: hsla(240, 5%, 84%, 1);--wje-color-contrast-5: hsla(240, 5%, 65%, 1);--wje-color-contrast-6: hsla(240, 4%, 46%, 1);--wje-color-contrast-7: hsla(240, 5%, 34%, 1);--wje-color-contrast-8: hsla(240, 5%, 26%, 1);--wje-color-contrast-9: hsla(240, 4%, 16%, 1);--wje-color-contrast-10: hsla(240, 6%, 10%, 1);--wje-color-contrast-11: hsla(240, 7%, 8%, 1);--wje-skeleton-bg: var(--wje-color-contrast-3);--wje-skeleton-bg-strong: var(--wje-color-contrast-6);--wje-skeleton-highlight: rgba(255, 255, 255, .45);--wje-skeleton-radius: var(--wje-border-radius-pill);--wje-skeleton-height: var(--wje-size-small);--wje-skeleton-head-height: var(--wje-size-x-large);--wje-skeleton-gap: var(--wje-spacing-x-small);--wje-skeleton-duration: 1.3s;--wje-aside-width: 100px;--wje-aside-top: 0;--wje-aside-border-color: var(--wje-border-color);--wje-aside-border-width: 0 1px 0 0;--wje-aside-border-style: solid;--wje-avatar-size: var(--wje-size-x-large);--wje-avatar-font-size: var(--wje-font-size-x-small);--wje-avatar-font-weight: var(--wje-font-weight-normal);--wje-avatar-color: var(--wje-color-contrast-11);--wje-avatar-background-color: var(--wje-color-contrast-3);--wje-avatar-border-radius: var(--wje-border-radius-circle);--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;--wje-badge-height: 18px;--wje-badge-line-height: 1;--wje-badge-padding-block: 0;--wje-badge-padding-inline: var(--wje-spacing-2x-small);--wje-badge-border-radius: var(--wje-border-radius-pill);--wje-badge-border-width: 0px;--wje-badge-border-style: solid;--wje-badge-border-color: transparent;--wje-breadcrumb-font-size: var(--wje-font-size);--wje-breadcrumb-active-font-weight: var(--wje-font-weight-bold);--wje-breadcrumb-active-font-size: var(--wje-font-size);--wje-breadcrumb-line-height: var(--wje-line-height-normal);--wje-breadcrumb-native-line-height: var(--wje-breadcrumb-line-height);--wje-breadcrumb-native-margin: 0;--wje-breadcrumb-native-padding: var(--wje-spacing-3x-small) var(--wje-spacing-small);--wje-breadcrumb-margin: var(--wje-breadcrumb-native-margin);--wje-breadcrumb-padding: var(--wje-breadcrumb-native-padding);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-6);--wje-button-border-radius: var(--wje-border-radius-medium);--wje-button-border-width: 1px;--wje-button-border-style: solid;--wje-button-border-color: var(--wje-color-contrast-1);--wje-button-margin-inline: 0;--wje-button-outline-width: .5rem;--wje-button-group-border-radius: var(--wje-border-radius-medium);--wje-button-group-border-width: 1px;--wje-button-group-border-style: solid;--wje-button-group-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color-black);--wje-card-border-color: transparent;--wje-card-border-style: var(--wje-border-style);--wje-card-border-width: var(--wje-border-width);--wje-card-border-radius: var(--wje-border-radius-large);--wje-card-shadow: var(--wje-shadow-x-large);--wje-card-header-padding: 1rem 1rem .5rem;--wje-card-controls-font-size: var(--wje-font-size-small);--wje-card-controls-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-font-size: var(--wje-font-size-small);--wje-card-subtitle-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-padding: 0;--wje-card-content-padding: 0 1rem 1rem;--wje-card-title-font-size: var(--wje-font-size-x-large);--wje-card-title-font-weight: var(--wje-font-weight-medium);--wje-card-title-margin: 0;--wje-card-title-padding: 0;--wje-card-title-line-height: 1.2;--wje-scroll-hint: 0px;--wje-carousel-width: 100%;--wje-carousel-height: auto;--wje-carousel-size: 100%;--wje-carousel-item-aspect-ratio: inherit;--wje-container-indent: 0;--wje-color-picker-value: #ff0000;--wje-color-picker-area: transparent;--wje-color-picker-swatch: transparent;--wje-color-picker-size: 1rem;--wje-color-picker-radius: var(--wje-border-radius-large);--wje-checkbox-interminate: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1taW51cyI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsMTQgMCIgLz48L3N2Zz4=);--wje-checkbox-checkmark: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGVjayI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsNSA1bDEwIC0xMCIgLz48L3N2Zz4=);--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-size: var(--wje-font-size-medium);--wje-checkbox-border-radius: var(--wje-border-radius-medium);--wje-chip-background: var(--wje-color-contrast-3);--wje-chip-color: var(--wje-color-contrast-11);--wje-chip-background-hover: var(--wje-color-contrast-4);--wje-chip-color-hover: var(--wje-color-contrast-11);--wje-chip-border-radius: 100px;--wje-chip-round-border-radius: var(--wje-border-radius-large);--wje-chip-margin-block: 0;--wje-chip-margin-inline: 0;--wje-chip-padding-block: var(--wje-spacing-small);--wje-chip-padding-inline: var(--wje-spacing-small);--wje-dialog-background: var(--wje-color-contrast-1);--wje-dialog-width: 600px;--wje-dialog-height: 600px;--wje-dialog-border-radius: var(--wje-border-radius-medium);--wje-dialog-border-width: var(--wje-border-width);--wje-dialog-border-style: var(--wje-border-style);--wje-dialog-border-color: var(--wje-border-color);--wje-dialog-margin-top: auto;--wje-dialog-margin-start: auto;--wje-dialog-margin-end: auto;--wje-dialog-margin-bottom: auto;--wje-dialog-padding: var(--wje-spacing-medium);--wje-dialog-padding-inline: var(--wje-spacing-medium);--wje-dialog-padding-top: var(--wje-spacing-medium);--wje-dialog-padding-bottom: var(--wje-spacing-medium);--wje-dialog-header-padding-inline: var(--wje-dialog-padding);--wje-dialog-header-padding-block: var(--wje-dialog-padding) 0;--wje-dialog-content-padding-inline: var(--wje-dialog-padding);--wje-dialog-content-padding-block: var(--wje-dialog-padding);--wje-dialog-footer-padding-inline: var(--wje-dialog-padding);--wje-dialog-footer-padding-block: 0 var(--wje-dialog-padding);--wje-dialog-headline-font-size: .656rem;--wje-dialog-headline-letter-spacing: .06em;--wje-dialog-headline-font-weight: 500;--wje-dialog-headline-text-transform: uppercase;--wje-divider-border-width: var(--wje-border-width, 1px);--wje-divider-border-style: var(--wje-border-style);--wje-divider-border-color: var(--wje-border-color);--wje-divider-spacing: 0;--wje-file-upload-padding: 0;--wje-file-upload-item-border-width: 1px;--wje-file-upload-item-border-style: solid;--wje-file-upload-item-border-color: var(--wje-border-color);--wje-header-background: var(--wje-background);--wje-header-border-color: var(--wje-border-color);--wje-header-border-width: 0 0 1px 0;--wje-header-border-style: solid;--wje-header-top: 0;--wje-header-height: 60px;--wje-header-z-index: 100;--wje-icon-stroke: 2;--wje-icon-size: var(--wje-size);--wje-icon-color: currentColor;--wje-icon-picker-shadow: var(--wje-shadow-x-large);--wje-icon-picker-background: var(--wje-color-contrast-0);--wje-icon-picker-radius: var(--wje-border-radius-large);--wje-icon-picker-icon-size: 1.5rem;--wje-icon-picker-border-width: 1px;--wje-icon-picker-border-style: solid;--wje-icon-picker-border-color: var(--wje-border-color);--wje-icon-picker-padding: .25rem;--wje-img-compare-divider-area: 12px;--wje-img-compare-divider-background: white;--wje-img-compare-divider-size: 2px;--wje-img-compare-divider-left: 50%;--wje-img-compare-position: 50%;--wje-img-compare-clip-path: inset(0 calc(100% - var(--wje-img-compare-position)) 0 0);--wje-infinite-scroll-width: 100%;--wje-infinite-scroll-height: 300px;--wje-infinite-scroll-loading-background: var(--wje-color-contrast-0);--wje-input-font-family: var(--wje-font-family);--wje-input-background-color: var(--wje-color-contrast-0);--wje-input-color: var(--wje-color);--wje-input-color-invalid: var(--wje-color-danger-9);--wje-input-error-background-color: var(--wje-tooltip-background);--wje-input-error-color: var(--wje-tooltip-color);--wje-input-border-color: var(--wje-border-color);--wje-input-border-color-focus: var(--wje-color-primary);--wje-input-border-width: 1px;--wje-input-border-style: solid;--wje-input-border-radius: 4px;--wje-input-margin-bottom: .5rem;--wje-input-line-height: 20px;--wje-input-slot-padding-inline: .5rem;--wje-input-label-display: block;--wje-input-label-margin: 0 0 var(--wje-spacing-x-small);--wje-input-label-padding: 0;--wje-input-label-line-height: var(--wje-line-height-normal);--wje-input-label-font-size: var(--wje-font-size);--wje-input-required-symbol: "*";--wje-item-color: var(--wje-color);--wje-item-border-width: 0 0 1px 0;--wje-item-border-style: solid;--wje-item-border-color: var(--wje-border-color);--wje-item-border-radius: 0;--wje-item-background: transparent;--wje-item-background-hover: var(--wje-color-primary-3);--wje-item-padding-top: 0px;--wje-item-padding-bottom: 0px;--wje-item-padding-end: 0px;--wje-item-padding-start: 0px;--wje-item-inner-border-width: 0 0 1px 0;--wje-item-inner-padding-top: 0px;--wje-item-inner-padding-bottom: 0px;--wje-item-inner-padding-start: 0px;--wje-item-inner-padding-end: 0px;--wje-item-inner-shadow: none;--wje-item-min-height: 40px;--wje-item-transition: var(--wje-transition-fast);--wje-level-indicator-color: var(--wje-color-contrast-3);--wje-level-indicator-color-active: var(--wje-color-contrast-9);--wje-level-indicator-opacity: .5;--wje-level-indicator-gap: var(--wje-size-4x-small);--wje-level-indicator-width: var(--wje-size-medium);--wje-level-indicator-height: var(--wje-size-4x-small);--wje-level-indicator-border-radius: var(--wje-border-radius-large);--wje-level-indicator-color-high: var(--wje-color-success-9);--wje-level-indicator-color-medium: var(--wje-color-warning-9);--wje-level-indicator-color-low: var(--wje-color-danger-9);--wje-list-inset-padding: 1rem;--wje-list-border-radius: var(--wje-border-radius-medium);--wje-list-background: var(--wje-background);--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-medium);--wje-menu-padding-top: var(--wje-spacing-x-small);--wje-menu-padding-bottom: var(--wje-spacing-x-small);--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8;--wje-menu-shadow: var(--wje-shadow-medium);--wje-menu-item-font-size: var(--wje-font-size);--wje-menu-item-color: var(--wje-color);--wje-menu-item-background: transparent;--wje-menu-item-color-hover: var(--wje-color-contrast-8);--wje-menu-item-background-hover: var(--wje-border-color);--wje-menu-item-color-focus: var(--wje-color-contrast-8);--wje-menu-item-background-focus: var(--wje-border-color);--wje-menu-item-color-active: var(--wje-color-contrast-8);--wje-menu-item-background-active: var(--wje-border-color);--wje-menu-item-padding-top: var(--wje-spacing-x-small);--wje-menu-item-padding-bottom: var(--wje-spacing-x-small);--wje-menu-item-line-height: 1.8rem;--wje-menu-submenu-offset: 0;--wje-menu-item-icon-visibility: hidden;--wje-menu-item-check-icon-display: flex;--wje-menu-item-check-icon-width: 1.5rem;--wje-menu-label-font-size: var(--wje-font-size-small);--wje-menu-label-weight: var(--wje-font-weight-semibold);--wje-option-padding-top: var(--wje-spacing-x-small);--wje-option-padding-bottom: var(--wje-spacing-x-small);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-orgchart-height-line: 10px;--wje-orgchart-border-radius: var(--wje-border-radius-large);--wje-orgchart-item-width: 75px;--wje-orgchart-item-border-radius: var(--wje-border-radius-large);--wje-orgchart-item-height-line: 10px;--wje-orgchart-item-background: var(--wje-color-contrast-0);--wje-orgchart-item-highlight-background: var(--wje-color-complete-2);--wje-orgchart-item-boss-background: var(--wje-color-complete-2);--wje-orgchart-item-hover-background: var(--wje-color-contrast-3);--wje-orgchart-item-highlight-border: 1px solid var(--wje-color-complete-3);--wje-orgchart-item-boss-border: 1px solid var(--wje-border-color);--wje-orgchart-item-hover-border: 1px solid var(--wje-color-danger-3);--wje-orgchart-item-expander-size: .75rem;--wje-orgchart-group-width: auto;--wje-orgchart-group-border-radius: var(--wje-border-radius-large);--wje-orgchart-group-height-line: 10px;--wje-orgchart-group-padding: .25rem 0;--wje-popup-overlay-background: var(--wje-color-contrast-0);--wje-radio-margin-top: 0;--wje-radio-margin-bottom: .5rem;--wje-radio-margin-inline: 0;--wje-rate-gap: .25rem;--wje-rate-color: var(--wje-color-contrast-11);--wje-rate-selected-color: var(--wje-color-danger-9);--wje-select-height: 32px;--wje-select-background: var(--wje-color-contrast-0);--wje-select-border-width: 1px;--wje-select-border-style: solid;--wje-select-border-color: var(--wje-border-color);--wje-select-border-radius: var(--wje-border-radius-medium) var(--wje-border-radius-medium);--wje-select-options-background-color: var(--wje-color-contrast-0);--wje-select-options-border-width: 1px;--wje-select-options-border-style: var(--wje-border-style);--wje-select-options-border-color: var(--wje-border-color);--wje-select-options-border-radius: var(--wje-border-radius-medium);--wje-select-error-background-color: var(--wje-tooltip-background);--wje-select-error-color: var(--wje-tooltip-color);--wje-select-line-height: 20px;--wje-select-color: var(--wje-color);--wje-select-margin-bottom: var(--wje-spacing-x-small);--wje-select-find-margin-inline: var(--wje-spacing-x-small);--wje-select-find-margin-block: var(--wje-spacing-x-small);--wje-select-find-width: calc(100% - var(--wje-select-find-margin-inline) * 2);--wje-select-label-margin: 0 0 var(--wje-spacing-x-small);--wje-select-label-padding: 0;--wje-select-label-display: block;--wje-select-label-line-height: var(--wje-line-height-normal);--wje-select-label-font-size: var(--wje-font-size);--wje-sliding-container-background: transparent;--wje-sliding-container-shadow: none;--wje-sliding-container-border-radius: var(--wje-border-radius-large);--wje-status-size: var(--wje-size-small);--wje-stepper-margin: 1.25rem;--wje-stepper-justify: start;--wje-stepper-grow: initial;--wje-tab-font-family: var(--wje-font-family-secondary);--wje-tab-font-size: var(--wje-font-size-x-small);--wje-tab-line-height: var(--wje-line-height-looser);--wje-tab-text-transfrom: uppercase;--wje-tab-font-weight: var(--wje-font-weight-medium);--wje-tab-letter-spacing: var(--wje-letter-spacing-widest);--wje-tab-padding-inline: var(--wje-spacing-medium);--wje-tab-padding-top: var(--wje-spacing-small);--wje-tab-padding-bottom: var(--wje-spacing-small);--wje-tab-color-active: var(--wje-color-primary-9);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-tab-border-radius: 0;--wje-tab-group-nav-border: 1px solid var(--wje-border-color);--wje-textarea-font-family: var(--wje-font-family);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger-9);--wje-textarea-error-background-color: var(--wje-tooltip-background);--wje-textarea-error-color: var(--wje-tooltip-color);--wje-textarea-border-width: 1px;--wje-textarea-border-style: solid;--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary);--wje-textarea-border-radius: var(--wje-border-radius-medium);--wje-textarea-margin-bottom: var(--wje-spacing-x-small);--wje-textarea-line-height: 20px;--wje-textarea-padding: var(--wje-spacing-x-small);--wje-textarea-label-margin: 0 0 var(--wje-spacing-x-small);--wje-textarea-label-padding: var(--wje-spacing-x-small) var(--wje-spacing-x-small) 0;--wje-textarea-label-display: block;--wje-textarea-label-line-height: var(--wje-line-height-denser);--wje-textarea-label-font-size: var(--wje-font-size);--wje-toast-stack-width: 300px;--wje-thumbnail-width: 48px;--wje-thumbnail-height: 48px;--wje-thumbnail-border-radius: var(--wje-border-radius-medium);--wje-toolbar-background: var(--wje-background);--wje-toolbar-height: auto;--wje-toolbar-min-height: 70px;--wje-toolbar-padding-inline: 1.5rem;--wje-toolbar-padding-block: 1rem;--wje-toolbar-margin-inline: 0;--wje-toolbar-margin-block: 0;--wje-toolbar-border-color: var(--wje-border-color);--wje-toolbar-top: 0;--wje-toolbar-shadow: var(--wje-shadow-medium);--wje-toolbar-action-gap: var(--wje-spacing-3x-small);--wje-tooltip-arrow-color: var(--wje-color-contrast-11);--wje-tooltip-background: var(--wje-color-contrast-11);--wje-tooltip-color: var(--wje-color-contrast-1);--wje-tooltip-font-size: var(--wje-font-size-small);--wje-tooltip-font-weight: var(--wje-font-weight-normal);--wje-tooltip-line-height: var(--wje-line-height-normal);--wje-tooltip-shadow: var(--wje-shadow-medium);--wje-tooltip-spacing: var(--wje-spacing-x-small);--wje-tooltip-border-radius: var(--wje-border-radius-medium);--wje-tree-item-font-size: var(--wje-font-size-medium);--wje-tree-item-padding-inline: var(--wje-spacing-3x-small);--wje-tree-item-padding-block: var(--wje-spacing-3x-small);--wje-tree-item-indent: var(--wje-spacing-large);--wje-tree-item-indent-guid-width: 0px;--wje-tree-item-indent-guid-style: solid;--wje-tree-item-indent-guid-color: var(--wje-border-color);--wje-tree-item-border-radius: var(--wje-border-radius-medium);--wje-tree-item-border-width: 0;--wje-tree-item-border-style: solid;--wje-tree-item-border-color: transparent;--wje-tree-item-border-color-hover: transparent;--wje-tree-item-border-color-selected: transparent;--wje-tree-item-background: transparent;--wje-tree-item-color: var(--wje-color);--wje-tree-item-background-hover: var(--wje-color-contrast-1);--wje-tree-item-color-hover: var(--wje-color-contrast-8);--wje-tree-item-background-selected: var(--wje-color-primary-9);--wje-tree-item-color-selected: var(--wje-color-contrast-0);--wje-tree-item-drop-color: var(--wje-color-primary);--wje-tree-item-drop-line-width: 2px;--wje-tree-item-drop-line-border-radius: var(--wje-border-radius-pill);--wje-tree-item-drop-border-width: 1px;--wje-tree-item-drop-border-style: solid;--wje-tree-item-drop-border-color: var(--wje-tree-item-drop-color);--wje-tree-item-drop-border-radius: var(--wje-border-radius-medium)}:root *,:host *,.wje-theme-light *,.light *,[data-theme=light] *{box-sizing:border-box!important}