@gravionlabs/helix-ui 22.1.27 → 22.1.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -1
- package/fesm2022/gravionlabs-helix-ui.mjs +15649 -1529
- package/fesm2022/gravionlabs-helix-ui.mjs.map +1 -1
- package/package.json +8 -2
- package/styles.css +5945 -986
- package/tokens.css +41 -1
- package/types/gravionlabs-helix-ui.d.ts +4189 -411
package/tokens.css
CHANGED
|
@@ -2,16 +2,56 @@
|
|
|
2
2
|
:root,:host{--h-stone-50:#fafaf9;--h-stone-100:#f5f5f4;--h-stone-200:#e7e5e4;--h-stone-300:#d6d3d1;--h-stone-400:#a8a29e;--h-stone-500:#78716c;--h-stone-600:#57534e;--h-stone-700:#44403c;--h-stone-800:#292524;--h-stone-900:#1c1917;--h-stone-950:#0c0a09;--h-neutral-50:#fafafa;--h-neutral-100:#f5f5f5;--h-neutral-200:#e5e5e5;--h-neutral-300:#d4d4d4;--h-neutral-400:#a3a3a3;--h-neutral-500:#737373;--h-neutral-600:#525252;--h-neutral-700:#404040;--h-neutral-800:#262626;--h-neutral-900:#171717;--h-neutral-950:#0a0a0a;--h-zinc-50:#fafafa;--h-zinc-100:#f4f4f5;--h-zinc-200:#e4e4e7;--h-zinc-300:#d4d4d8;--h-zinc-400:#a1a1aa;--h-zinc-500:#71717a;--h-zinc-600:#52525b;--h-zinc-700:#3f3f46;--h-zinc-800:#27272a;--h-zinc-900:#18181b;--h-zinc-950:#09090b;--h-gray-50:#f9fafb;--h-gray-100:#f3f4f6;--h-gray-200:#e5e7eb;--h-gray-300:#d1d5db;--h-gray-400:#9ca3af;--h-gray-500:#6b7280;--h-gray-600:#4b5563;--h-gray-700:#374151;--h-gray-800:#1f2937;--h-gray-900:#111827;--h-gray-950:#030712;--h-slate-50:#f8fafc;--h-slate-100:#f1f5f9;--h-slate-200:#e2e8f0;--h-slate-300:#cbd5e1;--h-slate-400:#94a3b8;--h-slate-500:#64748b;--h-slate-600:#475569;--h-slate-700:#334155;--h-slate-800:#1e293b;--h-slate-900:#0f172a;--h-slate-950:#020617;--h-rose-50:#faf3f3;--h-rose-100:#f6e7e8;--h-rose-200:#efd4d7;--h-rose-300:#e4b2b7;--h-rose-400:#d88c93;--h-rose-500:#cb6e74;--h-rose-600:#b95b61;--h-rose-700:#9c4a51;--h-rose-800:#823e47;--h-rose-900:#703640;--h-rose-950:#3d1a1f;--h-pink-50:#faf4f7;--h-pink-100:#f6eaf1;--h-pink-200:#eed6e3;--h-pink-300:#e3b6cd;--h-pink-400:#d48daf;--h-pink-500:#c87195;--h-pink-600:#b65d7a;--h-pink-700:#9d4c63;--h-pink-800:#823f52;--h-pink-900:#6c3646;--h-pink-950:#411d27;--h-fuchsia-50:#faf6fc;--h-fuchsia-100:#f5ebf8;--h-fuchsia-200:#ebd7f0;--h-fuchsia-300:#dfb9e5;--h-fuchsia-400:#cf95d8;--h-fuchsia-500:#bd74c7;--h-fuchsia-600:#a55dae;--h-fuchsia-700:#8a4d90;--h-fuchsia-800:#723f76;--h-fuchsia-900:#603661;--h-fuchsia-950:#3e1e3f;--h-purple-50:#f9f6fc;--h-purple-100:#f0eaf7;--h-purple-200:#e4d9f1;--h-purple-300:#d0bde5;--h-purple-400:#b495d6;--h-purple-500:#9973c7;--h-purple-600:#845db6;--h-purple-700:#704d9f;--h-purple-800:#5f4082;--h-purple-900:#4e3469;--h-purple-950:#33204b;--h-violet-50:#f5f4fa;--h-violet-100:#edeaf6;--h-violet-200:#dcd9ef;--h-violet-300:#c2bbe3;--h-violet-400:#a397d3;--h-violet-500:#8573c3;--h-violet-600:#735db6;--h-violet-700:#644fa4;--h-violet-800:#544189;--h-violet-900:#463671;--h-violet-950:#2a214b;--h-indigo-50:#f0f2f9;--h-indigo-100:#e3e7f5;--h-indigo-200:#cdd3eb;--h-indigo-300:#aeb7de;--h-indigo-400:#8a94ce;--h-indigo-500:#6c74be;--h-indigo-600:#555dad;--h-indigo-700:#484e97;--h-indigo-800:#3b407b;--h-indigo-900:#353863;--h-indigo-950:#20203a;--h-blue-50:#f2f6fb;--h-blue-100:#e1e9f4;--h-blue-200:#cbdaed;--h-blue-300:#a9c4e2;--h-blue-400:#81a5d4;--h-blue-500:#6187c5;--h-blue-600:#4b6eb5;--h-blue-700:#3d5ca3;--h-blue-800:#344b84;--h-blue-900:#2f406a;--h-blue-950:#1f2841;--h-sky-50:#f3f8fc;--h-sky-100:#e7f1f7;--h-sky-200:#cbe3ef;--h-sky-300:#a2cee4;--h-sky-400:#7db8d8;--h-sky-500:#67a1c6;--h-sky-600:#5282a6;--h-sky-700:#416886;--h-sky-800:#36576f;--h-sky-900:#2e495c;--h-sky-950:#1c2e3c;--h-cyan-50:#f2fcfd;--h-cyan-100:#dff6f8;--h-cyan-200:#c4ecf1;--h-cyan-300:#a1dfe8;--h-cyan-400:#83cad8;--h-cyan-500:#6faebe;--h-cyan-600:#588b9d;--h-cyan-700:#47707f;--h-cyan-800:#3b5b67;--h-cyan-900:#324b57;--h-cyan-950:#1e313a;--h-teal-50:#f4fbfa;--h-teal-100:#ddf6f0;--h-teal-200:#bdede3;--h-teal-300:#9ddfd2;--h-teal-400:#83c9bc;--h-teal-500:#6eaea3;--h-teal-600:#588c84;--h-teal-700:#466f6a;--h-teal-800:#385956;--h-teal-900:#2f4a47;--h-teal-950:#192c2b;--h-yellow-50:#fdfbf1;--h-yellow-100:#faf8db;--h-yellow-200:#f6efba;--h-yellow-300:#efe19a;--h-yellow-400:#e8d087;--h-yellow-500:#d6b979;--h-yellow-600:#b59260;--h-yellow-700:#8d6b48;--h-yellow-800:#74553b;--h-yellow-900:#624732;--h-yellow-950:#382519;--h-amber-50:#fdfbf2;--h-amber-100:#f9f3db;--h-amber-200:#f2e7b7;--h-amber-300:#ebd697;--h-amber-400:#e5c584;--h-amber-500:#d9aa73;--h-amber-600:#bc875d;--h-amber-700:#996548;--h-amber-800:#7c4f3a;--h-amber-900:#664130;--h-amber-950:#392217;--h-orange-50:#fcf8f2;--h-orange-100:#f8eee1;--h-orange-200:#f0dbc2;--h-orange-300:#e7c29e;--h-orange-400:#dca27a;--h-orange-500:#d48c67;--h-orange-600:#c5775a;--h-orange-700:#a25e48;--h-orange-800:#804a3a;--h-orange-900:#683d30;--h-orange-950:#371e17;--h-red-50:#faf3f3;--h-red-100:#f5e5e5;--h-red-200:#eed1d1;--h-red-300:#e3b2b1;--h-red-400:#d58b88;--h-red-500:#c76e67;--h-red-600:#b55b52;--h-red-700:#984b43;--h-red-800:#7d3e38;--h-red-900:#683632;--h-red-950:#381917;--h-lime-50:#f8fcf0;--h-lime-100:#f0f9de;--h-lime-200:#e1f3c2;--h-lime-300:#cceaa2;--h-lime-400:#b7dc8b;--h-lime-500:#9bc275;--h-lime-600:#799b5c;--h-lime-700:#5c7646;--h-lime-800:#4a5d38;--h-lime-900:#3f4f31;--h-lime-950:#202b18;--h-green-50:#f4fbf6;--h-green-100:#e6f8ec;--h-green-200:#d0f0da;--h-green-300:#aee4bf;--h-green-400:#8cd19e;--h-green-500:#74b881;--h-green-600:#5e9869;--h-green-700:#4a7754;--h-green-800:#3b5e44;--h-green-900:#314d39;--h-green-950:#182a1d;--h-emerald-50:#f2fbf6;--h-emerald-100:#dff5e9;--h-emerald-200:#c3ebd7;--h-emerald-300:#a0dcc1;--h-emerald-400:#82c6a6;--h-emerald-500:#6cad8e;--h-emerald-600:#568c73;--h-emerald-700:#44705e;--h-emerald-800:#35594b;--h-emerald-900:#2b493e;--h-emerald-950:#162923;--h-border-radius-none:0;--h-border-radius-xs:2px;--h-border-radius-sm:4px;--h-border-radius-md:6px;--h-border-radius-lg:8px;--h-border-radius-xl:12px;}
|
|
3
3
|
:root,:host{--h-transition-duration:0.2s;--h-disabled-opacity:0.6;--h-icon-size:1rem;--h-anchor-gutter:2px;--h-overlay-navigation-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--h-overlay-modal-border-radius:var(--h-border-radius-xl);--h-overlay-modal-padding:1.25rem;--h-overlay-modal-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--h-overlay-popover-border-radius:var(--h-border-radius-md);--h-overlay-popover-padding:0.75rem;--h-overlay-popover-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--h-overlay-select-border-radius:var(--h-border-radius-md);--h-overlay-select-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--h-navigation-submenu-icon-size:0.875rem;--h-navigation-submenu-label-padding:0.5rem 0.75rem;--h-navigation-submenu-label-font-weight:600;--h-navigation-item-padding:0.5rem 0.75rem;--h-navigation-item-border-radius:var(--h-border-radius-sm);--h-navigation-item-gap:0.5rem;--h-navigation-list-padding:0.25rem 0.25rem;--h-navigation-list-gap:2px;--h-mask-transition-duration:0.3s;--h-content-border-radius:var(--h-border-radius-md);--h-list-padding:0.25rem 0.25rem;--h-list-gap:2px;--h-list-option-group-padding:0.5rem 0.75rem;--h-list-option-group-font-weight:600;--h-list-option-padding:0.5rem 0.75rem;--h-list-option-border-radius:var(--h-border-radius-sm);--h-list-header-padding:0.5rem 1rem 0.25rem 1rem;--h-form-field-padding-x:0.75rem;--h-form-field-padding-y:0.5rem;--h-form-field-border-radius:var(--h-border-radius-md);--h-form-field-transition-duration:var(--h-transition-duration);--h-form-field-focus-ring-width:0;--h-form-field-focus-ring-style:none;--h-form-field-focus-ring-color:transparent;--h-form-field-focus-ring-offset:0;--h-form-field-focus-ring-shadow:none;--h-form-field-lg-font-size:1.125rem;--h-form-field-lg-padding-x:0.875rem;--h-form-field-lg-padding-y:0.625rem;--h-form-field-sm-font-size:0.875rem;--h-form-field-sm-padding-x:0.625rem;--h-form-field-sm-padding-y:0.375rem;--h-primary-50:var(--h-indigo-50);--h-primary-100:var(--h-indigo-100);--h-primary-200:var(--h-indigo-200);--h-primary-300:var(--h-indigo-300);--h-primary-400:var(--h-indigo-400);--h-primary-500:var(--h-indigo-500);--h-primary-600:var(--h-indigo-600);--h-primary-700:var(--h-indigo-700);--h-primary-800:var(--h-indigo-800);--h-primary-900:var(--h-indigo-900);--h-primary-950:var(--h-indigo-950);--h-focus-ring-width:1px;--h-focus-ring-style:solid;--h-focus-ring-color:var(--h-primary-color);--h-focus-ring-offset:2px;--h-focus-ring-shadow:none;--h-navigation-submenu-icon-color:var(--h-surface-400);--h-navigation-submenu-icon-focus-color:var(--h-surface-500);--h-navigation-submenu-icon-active-color:var(--h-surface-500);--h-navigation-submenu-label-background:transparent;--h-navigation-submenu-label-color:var(--h-text-muted-color);--h-navigation-item-focus-background:var(--h-surface-100);--h-navigation-item-active-background:var(--h-surface-100);--h-navigation-item-color:var(--h-text-color);--h-navigation-item-focus-color:var(--h-text-hover-color);--h-navigation-item-active-color:var(--h-text-hover-color);--h-navigation-item-icon-color:var(--h-surface-400);--h-navigation-item-icon-focus-color:var(--h-surface-500);--h-navigation-item-icon-active-color:var(--h-surface-500);--h-list-option-group-background:transparent;--h-list-option-group-color:var(--h-text-muted-color);--h-list-option-focus-background:var(--h-surface-100);--h-list-option-selected-background:var(--h-highlight-background);--h-list-option-selected-focus-background:var(--h-highlight-focus-background);--h-list-option-color:var(--h-text-color);--h-list-option-focus-color:var(--h-text-hover-color);--h-list-option-selected-color:var(--h-highlight-color);--h-list-option-selected-focus-color:var(--h-highlight-focus-color);--h-list-option-icon-color:var(--h-surface-400);--h-list-option-icon-focus-color:var(--h-surface-500);--h-overlay-modal-background:var(--h-surface-0);--h-overlay-modal-border-color:var(--h-surface-200);--h-overlay-modal-color:var(--h-text-color);--h-overlay-popover-background:var(--h-surface-0);--h-overlay-popover-border-color:var(--h-surface-200);--h-overlay-popover-color:var(--h-text-color);--h-overlay-select-background:var(--h-surface-0);--h-overlay-select-border-color:var(--h-surface-200);--h-overlay-select-color:var(--h-text-color);--h-content-background:var(--h-surface-0);--h-content-hover-background:var(--h-surface-100);--h-content-border-color:var(--h-surface-200);--h-content-color:var(--h-text-color);--h-content-hover-color:var(--h-text-hover-color);--h-text-color:var(--h-surface-600);--h-text-hover-color:var(--h-surface-700);--h-text-muted-color:var(--h-surface-500);--h-text-hover-muted-color:var(--h-surface-600);--h-form-field-background:var(--h-surface-0);--h-form-field-disabled-background:var(--h-surface-200);--h-form-field-filled-background:var(--h-surface-50);--h-form-field-filled-hover-background:var(--h-surface-50);--h-form-field-filled-focus-background:var(--h-surface-50);--h-form-field-border-color:var(--h-surface-300);--h-form-field-hover-border-color:var(--h-surface-400);--h-form-field-focus-border-color:var(--h-primary-color);--h-form-field-invalid-border-color:var(--h-red-400);--h-form-field-color:var(--h-surface-600);--h-form-field-disabled-color:var(--h-surface-500);--h-form-field-placeholder-color:var(--h-surface-500);--h-form-field-invalid-placeholder-color:var(--h-red-600);--h-form-field-float-label-color:var(--h-surface-500);--h-form-field-float-label-focus-color:var(--h-primary-color);--h-form-field-float-label-active-color:var(--h-surface-500);--h-form-field-float-label-invalid-color:var(--h-form-field-invalid-placeholder-color);--h-form-field-icon-color:var(--h-surface-400);--h-form-field-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);--h-mask-background:rgba(0,0,0,0.4);--h-mask-color:var(--h-surface-200);--h-highlight-background:var(--h-primary-50);--h-highlight-focus-background:var(--h-primary-100);--h-highlight-color:var(--h-primary-700);--h-highlight-focus-color:var(--h-primary-800);--h-primary-color:var(--h-primary-600);--h-primary-contrast-color:#ffffff;--h-primary-hover-color:var(--h-primary-700);--h-primary-active-color:var(--h-primary-800);--h-surface-0:#ffffff;--h-surface-50:#f6f6f7;--h-surface-100:#ebebef;--h-surface-200:#e2e2e3;--h-surface-300:#c2c2c4;--h-surface-400:#98989f;--h-surface-500:#67676c;--h-surface-600:#3c3c43;--h-surface-700:#2e2e32;--h-surface-800:#202127;--h-surface-900:#1b1b1f;--h-surface-950:#161618;}.app-dark{--h-navigation-submenu-icon-color:var(--h-surface-500);--h-navigation-submenu-icon-focus-color:var(--h-surface-400);--h-navigation-submenu-icon-active-color:var(--h-surface-400);--h-navigation-submenu-label-background:transparent;--h-navigation-submenu-label-color:var(--h-text-muted-color);--h-navigation-item-focus-background:var(--h-surface-800);--h-navigation-item-active-background:var(--h-surface-800);--h-navigation-item-color:var(--h-text-color);--h-navigation-item-focus-color:var(--h-text-hover-color);--h-navigation-item-active-color:var(--h-text-hover-color);--h-navigation-item-icon-color:var(--h-surface-500);--h-navigation-item-icon-focus-color:var(--h-surface-400);--h-navigation-item-icon-active-color:var(--h-surface-400);--h-list-option-group-background:transparent;--h-list-option-group-color:var(--h-text-muted-color);--h-list-option-focus-background:var(--h-surface-800);--h-list-option-selected-background:var(--h-highlight-background);--h-list-option-selected-focus-background:var(--h-highlight-focus-background);--h-list-option-color:var(--h-text-color);--h-list-option-focus-color:var(--h-text-hover-color);--h-list-option-selected-color:var(--h-highlight-color);--h-list-option-selected-focus-color:var(--h-highlight-focus-color);--h-list-option-icon-color:var(--h-surface-500);--h-list-option-icon-focus-color:var(--h-surface-400);--h-overlay-modal-background:var(--h-surface-900);--h-overlay-modal-border-color:var(--h-surface-700);--h-overlay-modal-color:var(--h-text-color);--h-overlay-popover-background:var(--h-surface-900);--h-overlay-popover-border-color:var(--h-surface-700);--h-overlay-popover-color:var(--h-text-color);--h-overlay-select-background:var(--h-surface-900);--h-overlay-select-border-color:var(--h-surface-700);--h-overlay-select-color:var(--h-text-color);--h-content-background:var(--h-surface-900);--h-content-hover-background:var(--h-surface-800);--h-content-border-color:var(--h-surface-700);--h-content-color:var(--h-text-color);--h-content-hover-color:var(--h-text-hover-color);--h-text-color:#dfdfd6;--h-text-hover-color:var(--h-surface-50);--h-text-muted-color:var(--h-surface-400);--h-text-hover-muted-color:var(--h-surface-300);--h-form-field-background:var(--h-surface-950);--h-form-field-disabled-background:var(--h-surface-700);--h-form-field-filled-background:var(--h-surface-800);--h-form-field-filled-hover-background:var(--h-surface-800);--h-form-field-filled-focus-background:var(--h-surface-800);--h-form-field-border-color:var(--h-surface-600);--h-form-field-hover-border-color:var(--h-surface-500);--h-form-field-focus-border-color:var(--h-primary-color);--h-form-field-invalid-border-color:var(--h-red-300);--h-form-field-color:var(--h-text-color);--h-form-field-disabled-color:var(--h-surface-400);--h-form-field-placeholder-color:var(--h-surface-400);--h-form-field-invalid-placeholder-color:var(--h-red-400);--h-form-field-float-label-color:var(--h-surface-400);--h-form-field-float-label-focus-color:var(--h-primary-color);--h-form-field-float-label-active-color:var(--h-surface-400);--h-form-field-float-label-invalid-color:var(--h-form-field-invalid-placeholder-color);--h-form-field-icon-color:var(--h-surface-400);--h-form-field-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);--h-mask-background:rgba(0,0,0,0.6);--h-mask-color:var(--h-surface-200);--h-highlight-background:color-mix(in srgb, var(--h-primary-400), transparent 84%);--h-highlight-focus-background:color-mix(in srgb, var(--h-primary-400), transparent 76%);--h-highlight-color:rgba(255,255,255,.87);--h-highlight-focus-color:rgba(255,255,255,.87);--h-primary-color:var(--h-primary-400);--h-primary-contrast-color:var(--h-surface-950);--h-primary-hover-color:var(--h-primary-300);--h-primary-active-color:var(--h-primary-200);--h-surface-0:#ffffff;--h-surface-50:#f6f6f7;--h-surface-100:#ebebef;--h-surface-200:#e2e2e3;--h-surface-300:#c2c2c4;--h-surface-400:#98989f;--h-surface-500:#67676c;--h-surface-600:#3c3c43;--h-surface-700:#2e2e32;--h-surface-800:#202127;--h-surface-900:#1b1b1f;--h-surface-950:#161618;}
|
|
4
4
|
:root,:host{color-scheme:light}.app-dark{color-scheme:dark}
|
|
5
|
+
:root,:host{--h-accordion-content-border-width:0;--h-accordion-content-border-color:var(--h-content-border-color);--h-accordion-content-background:var(--h-content-background);--h-accordion-content-color:var(--h-text-color);--h-accordion-content-padding:0 1.125rem 1.125rem 1.125rem;--h-accordion-header-color:var(--h-text-muted-color);--h-accordion-header-hover-color:var(--h-text-color);--h-accordion-header-active-color:var(--h-text-color);--h-accordion-header-active-hover-color:var(--h-text-color);--h-accordion-header-padding:1.125rem;--h-accordion-header-font-weight:600;--h-accordion-header-border-radius:0;--h-accordion-header-border-width:0;--h-accordion-header-border-color:var(--h-content-border-color);--h-accordion-header-background:var(--h-content-background);--h-accordion-header-hover-background:var(--h-content-background);--h-accordion-header-active-background:var(--h-content-background);--h-accordion-header-active-hover-background:var(--h-content-background);--h-accordion-header-last-bottom-border-radius:var(--h-content-border-radius);--h-accordion-header-last-active-bottom-border-radius:0;--h-accordion-header-first-top-border-radius:var(--h-content-border-radius);--h-accordion-header-first-border-width:0;--h-accordion-header-toggle-icon-color:var(--h-text-muted-color);--h-accordion-header-toggle-icon-hover-color:var(--h-text-color);--h-accordion-header-toggle-icon-active-color:var(--h-text-color);--h-accordion-header-toggle-icon-active-hover-color:var(--h-text-color);--h-accordion-header-focus-ring-width:var(--h-focus-ring-width);--h-accordion-header-focus-ring-style:var(--h-focus-ring-style);--h-accordion-header-focus-ring-color:var(--h-focus-ring-color);--h-accordion-header-focus-ring-offset:-1px;--h-accordion-header-focus-ring-shadow:var(--h-focus-ring-shadow);--h-accordion-panel-border-width:0 0 1px 0;--h-accordion-panel-border-color:var(--h-content-border-color);--h-accordion-transition-duration:var(--h-transition-duration);}
|
|
6
|
+
:root,:host{--h-autocomplete-empty-message-padding:var(--h-list-option-padding);--h-autocomplete-chip-border-radius:var(--h-border-radius-sm);--h-autocomplete-dropdown-width:2.5rem;--h-autocomplete-dropdown-border-color:var(--h-form-field-border-color);--h-autocomplete-dropdown-hover-border-color:var(--h-form-field-border-color);--h-autocomplete-dropdown-active-border-color:var(--h-form-field-border-color);--h-autocomplete-dropdown-border-radius:var(--h-form-field-border-radius);--h-autocomplete-dropdown-focus-ring-width:var(--h-focus-ring-width);--h-autocomplete-dropdown-focus-ring-style:var(--h-focus-ring-style);--h-autocomplete-dropdown-focus-ring-color:var(--h-focus-ring-color);--h-autocomplete-dropdown-focus-ring-offset:var(--h-focus-ring-offset);--h-autocomplete-dropdown-focus-ring-shadow:var(--h-focus-ring-shadow);--h-autocomplete-dropdown-lg-width:3rem;--h-autocomplete-dropdown-sm-width:2rem;--h-autocomplete-option-group-background:var(--h-list-option-group-background);--h-autocomplete-option-group-color:var(--h-list-option-group-color);--h-autocomplete-option-group-font-weight:var(--h-list-option-group-font-weight);--h-autocomplete-option-group-padding:var(--h-list-option-group-padding);--h-autocomplete-option-focus-background:var(--h-list-option-focus-background);--h-autocomplete-option-selected-background:var(--h-list-option-selected-background);--h-autocomplete-option-selected-focus-background:var(--h-list-option-selected-focus-background);--h-autocomplete-option-color:var(--h-list-option-color);--h-autocomplete-option-focus-color:var(--h-list-option-focus-color);--h-autocomplete-option-selected-color:var(--h-list-option-selected-color);--h-autocomplete-option-selected-focus-color:var(--h-list-option-selected-focus-color);--h-autocomplete-option-padding:var(--h-list-option-padding);--h-autocomplete-option-border-radius:var(--h-list-option-border-radius);--h-autocomplete-list-padding:var(--h-list-padding);--h-autocomplete-list-gap:var(--h-list-gap);--h-autocomplete-overlay-background:var(--h-overlay-select-background);--h-autocomplete-overlay-border-color:var(--h-overlay-select-border-color);--h-autocomplete-overlay-border-radius:var(--h-overlay-select-border-radius);--h-autocomplete-overlay-color:var(--h-overlay-select-color);--h-autocomplete-overlay-shadow:var(--h-overlay-select-shadow);--h-autocomplete-background:var(--h-form-field-background);--h-autocomplete-disabled-background:var(--h-form-field-disabled-background);--h-autocomplete-filled-background:var(--h-form-field-filled-background);--h-autocomplete-filled-hover-background:var(--h-form-field-filled-hover-background);--h-autocomplete-filled-focus-background:var(--h-form-field-filled-focus-background);--h-autocomplete-border-color:var(--h-form-field-border-color);--h-autocomplete-hover-border-color:var(--h-form-field-hover-border-color);--h-autocomplete-focus-border-color:var(--h-form-field-focus-border-color);--h-autocomplete-invalid-border-color:var(--h-form-field-invalid-border-color);--h-autocomplete-color:var(--h-form-field-color);--h-autocomplete-disabled-color:var(--h-form-field-disabled-color);--h-autocomplete-placeholder-color:var(--h-form-field-placeholder-color);--h-autocomplete-invalid-placeholder-color:var(--h-form-field-invalid-placeholder-color);--h-autocomplete-shadow:var(--h-form-field-shadow);--h-autocomplete-padding-x:var(--h-form-field-padding-x);--h-autocomplete-padding-y:var(--h-form-field-padding-y);--h-autocomplete-border-radius:var(--h-form-field-border-radius);--h-autocomplete-transition-duration:var(--h-form-field-transition-duration);--h-autocomplete-focus-ring-width:var(--h-form-field-focus-ring-width);--h-autocomplete-focus-ring-style:var(--h-form-field-focus-ring-style);--h-autocomplete-focus-ring-color:var(--h-form-field-focus-ring-color);--h-autocomplete-focus-ring-offset:var(--h-form-field-focus-ring-offset);--h-autocomplete-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);--h-autocomplete-dropdown-background:var(--h-surface-100);--h-autocomplete-dropdown-hover-background:var(--h-surface-200);--h-autocomplete-dropdown-active-background:var(--h-surface-300);--h-autocomplete-dropdown-color:var(--h-surface-600);--h-autocomplete-dropdown-hover-color:var(--h-surface-700);--h-autocomplete-dropdown-active-color:var(--h-surface-800);--h-autocomplete-chip-focus-background:var(--h-surface-200);--h-autocomplete-chip-focus-color:var(--h-surface-800);}.app-dark{--h-autocomplete-dropdown-background:var(--h-surface-800);--h-autocomplete-dropdown-hover-background:var(--h-surface-700);--h-autocomplete-dropdown-active-background:var(--h-surface-600);--h-autocomplete-dropdown-color:var(--h-surface-300);--h-autocomplete-dropdown-hover-color:var(--h-surface-200);--h-autocomplete-dropdown-active-color:var(--h-surface-100);--h-autocomplete-chip-focus-background:var(--h-surface-700);--h-autocomplete-chip-focus-color:var(--h-surface-0);}
|
|
7
|
+
:root,:host{--h-inputtext-background:var(--h-form-field-background);--h-inputtext-disabled-background:var(--h-form-field-disabled-background);--h-inputtext-filled-background:var(--h-form-field-filled-background);--h-inputtext-filled-hover-background:var(--h-form-field-filled-hover-background);--h-inputtext-filled-focus-background:var(--h-form-field-filled-focus-background);--h-inputtext-border-color:var(--h-form-field-border-color);--h-inputtext-hover-border-color:var(--h-form-field-hover-border-color);--h-inputtext-focus-border-color:var(--h-form-field-focus-border-color);--h-inputtext-invalid-border-color:var(--h-form-field-invalid-border-color);--h-inputtext-color:var(--h-form-field-color);--h-inputtext-disabled-color:var(--h-form-field-disabled-color);--h-inputtext-placeholder-color:var(--h-form-field-placeholder-color);--h-inputtext-invalid-placeholder-color:var(--h-form-field-invalid-placeholder-color);--h-inputtext-shadow:var(--h-form-field-shadow);--h-inputtext-padding-x:var(--h-form-field-padding-x);--h-inputtext-padding-y:var(--h-form-field-padding-y);--h-inputtext-border-radius:var(--h-form-field-border-radius);--h-inputtext-transition-duration:var(--h-form-field-transition-duration);--h-inputtext-lg-font-size:var(--h-form-field-lg-font-size);--h-inputtext-lg-padding-x:var(--h-form-field-lg-padding-x);--h-inputtext-lg-padding-y:var(--h-form-field-lg-padding-y);--h-inputtext-sm-font-size:var(--h-form-field-sm-font-size);--h-inputtext-sm-padding-x:var(--h-form-field-sm-padding-x);--h-inputtext-sm-padding-y:var(--h-form-field-sm-padding-y);--h-inputtext-focus-ring-width:var(--h-form-field-focus-ring-width);--h-inputtext-focus-ring-style:var(--h-form-field-focus-ring-style);--h-inputtext-focus-ring-color:var(--h-form-field-focus-ring-color);--h-inputtext-focus-ring-offset:var(--h-form-field-focus-ring-offset);--h-inputtext-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);}
|
|
8
|
+
:root,:host{--h-avatar-xl-width:4rem;--h-avatar-xl-height:4rem;--h-avatar-xl-font-size:2rem;--h-avatar-xl-group-offset:-1.5rem;--h-avatar-xl-icon-size:2rem;--h-avatar-lg-width:3rem;--h-avatar-lg-height:3rem;--h-avatar-lg-font-size:1.5rem;--h-avatar-lg-group-offset:-1rem;--h-avatar-lg-icon-size:1.5rem;--h-avatar-group-border-color:var(--h-content-background);--h-avatar-group-offset:-0.75rem;--h-avatar-icon-size:1rem;--h-avatar-width:2rem;--h-avatar-height:2rem;--h-avatar-font-size:1rem;--h-avatar-background:var(--h-content-border-color);--h-avatar-color:var(--h-content-color);--h-avatar-border-radius:var(--h-content-border-radius);}
|
|
9
|
+
:root,:host{--h-badge-xl-font-size:1rem;--h-badge-xl-min-width:2rem;--h-badge-xl-height:2rem;--h-badge-lg-font-size:0.875rem;--h-badge-lg-min-width:1.75rem;--h-badge-lg-height:1.75rem;--h-badge-sm-font-size:0.625rem;--h-badge-sm-min-width:1.25rem;--h-badge-sm-height:1.25rem;--h-badge-dot-size:0.5rem;--h-badge-border-radius:var(--h-border-radius-md);--h-badge-padding:0 0.5rem;--h-badge-font-size:0.75rem;--h-badge-font-weight:700;--h-badge-min-width:1.5rem;--h-badge-height:1.5rem;--h-badge-contrast-background:var(--h-surface-950);--h-badge-contrast-color:var(--h-surface-0);--h-badge-danger-background:var(--h-red-500);--h-badge-danger-color:var(--h-surface-0);--h-badge-warn-background:var(--h-orange-500);--h-badge-warn-color:var(--h-surface-0);--h-badge-info-background:var(--h-sky-500);--h-badge-info-color:var(--h-surface-0);--h-badge-success-background:var(--h-green-500);--h-badge-success-color:var(--h-surface-0);--h-badge-secondary-background:var(--h-surface-100);--h-badge-secondary-color:var(--h-surface-600);--h-badge-primary-background:var(--h-primary-color);--h-badge-primary-color:var(--h-primary-contrast-color);}.app-dark{--h-badge-contrast-background:var(--h-surface-0);--h-badge-contrast-color:var(--h-surface-950);--h-badge-danger-background:var(--h-red-400);--h-badge-danger-color:var(--h-red-950);--h-badge-warn-background:var(--h-orange-400);--h-badge-warn-color:var(--h-orange-950);--h-badge-info-background:var(--h-sky-400);--h-badge-info-color:var(--h-sky-950);--h-badge-success-background:var(--h-green-400);--h-badge-success-color:var(--h-green-950);--h-badge-secondary-background:var(--h-surface-800);--h-badge-secondary-color:var(--h-surface-300);--h-badge-primary-background:var(--h-primary-color);--h-badge-primary-color:var(--h-primary-contrast-color);}
|
|
10
|
+
:root,:host{--h-overlaybadge-outline-width:2px;--h-overlaybadge-outline-color:var(--h-content-background);}
|
|
5
11
|
:root,:host{--h-breadcrumb-separator-color:var(--h-navigation-item-icon-color);--h-breadcrumb-item-color:var(--h-text-muted-color);--h-breadcrumb-item-hover-color:var(--h-text-color);--h-breadcrumb-item-border-radius:var(--h-content-border-radius);--h-breadcrumb-item-gap:var(--h-navigation-item-gap);--h-breadcrumb-item-focus-ring-width:var(--h-focus-ring-width);--h-breadcrumb-item-focus-ring-style:var(--h-focus-ring-style);--h-breadcrumb-item-focus-ring-color:var(--h-focus-ring-color);--h-breadcrumb-item-focus-ring-offset:var(--h-focus-ring-offset);--h-breadcrumb-item-focus-ring-shadow:var(--h-focus-ring-shadow);--h-breadcrumb-item-icon-color:var(--h-navigation-item-icon-color);--h-breadcrumb-item-icon-hover-color:var(--h-navigation-item-icon-focus-color);--h-breadcrumb-padding:1rem;--h-breadcrumb-background:var(--h-content-background);--h-breadcrumb-gap:0.5rem;--h-breadcrumb-transition-duration:var(--h-transition-duration);}
|
|
6
12
|
:root,:host{--h-button-border-radius:var(--h-form-field-border-radius);--h-button-rounded-border-radius:2rem;--h-button-gap:0.5rem;--h-button-padding-x:var(--h-form-field-padding-x);--h-button-padding-y:var(--h-form-field-padding-y);--h-button-icon-only-width:2.5rem;--h-button-raised-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--h-button-badge-size:1rem;--h-button-transition-duration:var(--h-form-field-transition-duration);--h-button-focus-ring-width:var(--h-focus-ring-width);--h-button-focus-ring-style:var(--h-focus-ring-style);--h-button-focus-ring-offset:var(--h-focus-ring-offset);--h-button-label-font-weight:500;--h-button-lg-font-size:var(--h-form-field-lg-font-size);--h-button-lg-padding-x:var(--h-form-field-lg-padding-x);--h-button-lg-padding-y:var(--h-form-field-lg-padding-y);--h-button-lg-icon-only-width:3rem;--h-button-sm-font-size:var(--h-form-field-sm-font-size);--h-button-sm-padding-x:var(--h-form-field-sm-padding-x);--h-button-sm-padding-y:var(--h-form-field-sm-padding-y);--h-button-sm-icon-only-width:2rem;--h-button-link-color:var(--h-primary-color);--h-button-link-hover-color:var(--h-primary-color);--h-button-link-active-color:var(--h-primary-color);--h-button-text-plain-hover-background:var(--h-surface-50);--h-button-text-plain-active-background:var(--h-surface-100);--h-button-text-plain-color:var(--h-surface-700);--h-button-text-contrast-hover-background:var(--h-surface-50);--h-button-text-contrast-active-background:var(--h-surface-100);--h-button-text-contrast-color:var(--h-surface-950);--h-button-text-danger-hover-background:var(--h-red-50);--h-button-text-danger-active-background:var(--h-red-100);--h-button-text-danger-color:var(--h-red-500);--h-button-text-help-hover-background:var(--h-purple-50);--h-button-text-help-active-background:var(--h-purple-100);--h-button-text-help-color:var(--h-purple-500);--h-button-text-warn-hover-background:var(--h-orange-50);--h-button-text-warn-active-background:var(--h-orange-100);--h-button-text-warn-color:var(--h-orange-500);--h-button-text-info-hover-background:var(--h-sky-50);--h-button-text-info-active-background:var(--h-sky-100);--h-button-text-info-color:var(--h-sky-500);--h-button-text-success-hover-background:var(--h-green-50);--h-button-text-success-active-background:var(--h-green-100);--h-button-text-success-color:var(--h-green-500);--h-button-text-secondary-hover-background:var(--h-surface-50);--h-button-text-secondary-active-background:var(--h-surface-100);--h-button-text-secondary-color:var(--h-surface-500);--h-button-text-primary-hover-background:var(--h-primary-50);--h-button-text-primary-active-background:var(--h-primary-100);--h-button-text-primary-color:var(--h-primary-color);--h-button-outlined-plain-hover-background:var(--h-surface-50);--h-button-outlined-plain-active-background:var(--h-surface-100);--h-button-outlined-plain-border-color:var(--h-surface-200);--h-button-outlined-plain-color:var(--h-surface-700);--h-button-outlined-contrast-hover-background:var(--h-surface-50);--h-button-outlined-contrast-active-background:var(--h-surface-100);--h-button-outlined-contrast-border-color:var(--h-surface-700);--h-button-outlined-contrast-color:var(--h-surface-950);--h-button-outlined-danger-hover-background:var(--h-red-50);--h-button-outlined-danger-active-background:var(--h-red-100);--h-button-outlined-danger-border-color:var(--h-red-200);--h-button-outlined-danger-color:var(--h-red-500);--h-button-outlined-help-hover-background:var(--h-purple-50);--h-button-outlined-help-active-background:var(--h-purple-100);--h-button-outlined-help-border-color:var(--h-purple-200);--h-button-outlined-help-color:var(--h-purple-500);--h-button-outlined-warn-hover-background:var(--h-orange-50);--h-button-outlined-warn-active-background:var(--h-orange-100);--h-button-outlined-warn-border-color:var(--h-orange-200);--h-button-outlined-warn-color:var(--h-orange-500);--h-button-outlined-info-hover-background:var(--h-sky-50);--h-button-outlined-info-active-background:var(--h-sky-100);--h-button-outlined-info-border-color:var(--h-sky-200);--h-button-outlined-info-color:var(--h-sky-500);--h-button-outlined-success-hover-background:var(--h-green-50);--h-button-outlined-success-active-background:var(--h-green-100);--h-button-outlined-success-border-color:var(--h-green-200);--h-button-outlined-success-color:var(--h-green-500);--h-button-outlined-secondary-hover-background:var(--h-surface-50);--h-button-outlined-secondary-active-background:var(--h-surface-100);--h-button-outlined-secondary-border-color:var(--h-surface-200);--h-button-outlined-secondary-color:var(--h-surface-500);--h-button-outlined-primary-hover-background:var(--h-primary-50);--h-button-outlined-primary-active-background:var(--h-primary-100);--h-button-outlined-primary-border-color:var(--h-primary-200);--h-button-outlined-primary-color:var(--h-primary-color);--h-button-contrast-background:var(--h-surface-950);--h-button-contrast-hover-background:var(--h-surface-900);--h-button-contrast-active-background:var(--h-surface-800);--h-button-contrast-border-color:var(--h-surface-950);--h-button-contrast-hover-border-color:var(--h-surface-900);--h-button-contrast-active-border-color:var(--h-surface-800);--h-button-contrast-color:var(--h-surface-0);--h-button-contrast-hover-color:var(--h-surface-0);--h-button-contrast-active-color:var(--h-surface-0);--h-button-contrast-focus-ring-color:var(--h-surface-950);--h-button-contrast-focus-ring-shadow:none;--h-button-danger-background:var(--h-red-500);--h-button-danger-hover-background:var(--h-red-600);--h-button-danger-active-background:var(--h-red-700);--h-button-danger-border-color:var(--h-red-500);--h-button-danger-hover-border-color:var(--h-red-600);--h-button-danger-active-border-color:var(--h-red-700);--h-button-danger-color:#ffffff;--h-button-danger-hover-color:#ffffff;--h-button-danger-active-color:#ffffff;--h-button-danger-focus-ring-color:var(--h-red-500);--h-button-danger-focus-ring-shadow:none;--h-button-help-background:var(--h-purple-500);--h-button-help-hover-background:var(--h-purple-600);--h-button-help-active-background:var(--h-purple-700);--h-button-help-border-color:var(--h-purple-500);--h-button-help-hover-border-color:var(--h-purple-600);--h-button-help-active-border-color:var(--h-purple-700);--h-button-help-color:#ffffff;--h-button-help-hover-color:#ffffff;--h-button-help-active-color:#ffffff;--h-button-help-focus-ring-color:var(--h-purple-500);--h-button-help-focus-ring-shadow:none;--h-button-warn-background:var(--h-orange-500);--h-button-warn-hover-background:var(--h-orange-600);--h-button-warn-active-background:var(--h-orange-700);--h-button-warn-border-color:var(--h-orange-500);--h-button-warn-hover-border-color:var(--h-orange-600);--h-button-warn-active-border-color:var(--h-orange-700);--h-button-warn-color:#ffffff;--h-button-warn-hover-color:#ffffff;--h-button-warn-active-color:#ffffff;--h-button-warn-focus-ring-color:var(--h-orange-500);--h-button-warn-focus-ring-shadow:none;--h-button-success-background:var(--h-green-500);--h-button-success-hover-background:var(--h-green-600);--h-button-success-active-background:var(--h-green-700);--h-button-success-border-color:var(--h-green-500);--h-button-success-hover-border-color:var(--h-green-600);--h-button-success-active-border-color:var(--h-green-700);--h-button-success-color:#ffffff;--h-button-success-hover-color:#ffffff;--h-button-success-active-color:#ffffff;--h-button-success-focus-ring-color:var(--h-green-500);--h-button-success-focus-ring-shadow:none;--h-button-info-background:var(--h-sky-500);--h-button-info-hover-background:var(--h-sky-600);--h-button-info-active-background:var(--h-sky-700);--h-button-info-border-color:var(--h-sky-500);--h-button-info-hover-border-color:var(--h-sky-600);--h-button-info-active-border-color:var(--h-sky-700);--h-button-info-color:#ffffff;--h-button-info-hover-color:#ffffff;--h-button-info-active-color:#ffffff;--h-button-info-focus-ring-color:var(--h-sky-500);--h-button-info-focus-ring-shadow:none;--h-button-secondary-background:var(--h-surface-100);--h-button-secondary-hover-background:var(--h-surface-200);--h-button-secondary-active-background:var(--h-surface-300);--h-button-secondary-border-color:var(--h-surface-100);--h-button-secondary-hover-border-color:var(--h-surface-200);--h-button-secondary-active-border-color:var(--h-surface-300);--h-button-secondary-color:var(--h-surface-600);--h-button-secondary-hover-color:var(--h-surface-700);--h-button-secondary-active-color:var(--h-surface-800);--h-button-secondary-focus-ring-color:var(--h-surface-600);--h-button-secondary-focus-ring-shadow:none;--h-button-primary-background:var(--h-primary-color);--h-button-primary-hover-background:var(--h-primary-hover-color);--h-button-primary-active-background:var(--h-primary-active-color);--h-button-primary-border-color:var(--h-primary-color);--h-button-primary-hover-border-color:var(--h-primary-hover-color);--h-button-primary-active-border-color:var(--h-primary-active-color);--h-button-primary-color:var(--h-primary-contrast-color);--h-button-primary-hover-color:var(--h-primary-contrast-color);--h-button-primary-active-color:var(--h-primary-contrast-color);--h-button-primary-focus-ring-color:var(--h-primary-color);--h-button-primary-focus-ring-shadow:none;}.app-dark{--h-button-link-color:var(--h-primary-color);--h-button-link-hover-color:var(--h-primary-color);--h-button-link-active-color:var(--h-primary-color);--h-button-text-plain-hover-background:var(--h-surface-800);--h-button-text-plain-active-background:var(--h-surface-700);--h-button-text-plain-color:var(--h-surface-0);--h-button-text-contrast-hover-background:var(--h-surface-800);--h-button-text-contrast-active-background:var(--h-surface-700);--h-button-text-contrast-color:var(--h-surface-0);--h-button-text-danger-hover-background:color-mix(in srgb, var(--h-red-400), transparent 96%);--h-button-text-danger-active-background:color-mix(in srgb, var(--h-red-400), transparent 84%);--h-button-text-danger-color:var(--h-red-400);--h-button-text-help-hover-background:color-mix(in srgb, var(--h-purple-400), transparent 96%);--h-button-text-help-active-background:color-mix(in srgb, var(--h-purple-400), transparent 84%);--h-button-text-help-color:var(--h-purple-400);--h-button-text-warn-hover-background:color-mix(in srgb, var(--h-orange-400), transparent 96%);--h-button-text-warn-active-background:color-mix(in srgb, var(--h-orange-400), transparent 84%);--h-button-text-warn-color:var(--h-orange-400);--h-button-text-info-hover-background:color-mix(in srgb, var(--h-sky-400), transparent 96%);--h-button-text-info-active-background:color-mix(in srgb, var(--h-sky-400), transparent 84%);--h-button-text-info-color:var(--h-sky-400);--h-button-text-success-hover-background:color-mix(in srgb, var(--h-green-400), transparent 96%);--h-button-text-success-active-background:color-mix(in srgb, var(--h-green-400), transparent 84%);--h-button-text-success-color:var(--h-green-400);--h-button-text-secondary-hover-background:var(--h-surface-800);--h-button-text-secondary-active-background:var(--h-surface-700);--h-button-text-secondary-color:var(--h-surface-400);--h-button-text-primary-hover-background:color-mix(in srgb, var(--h-primary-color), transparent 96%);--h-button-text-primary-active-background:color-mix(in srgb, var(--h-primary-color), transparent 84%);--h-button-text-primary-color:var(--h-primary-color);--h-button-outlined-plain-hover-background:var(--h-surface-800);--h-button-outlined-plain-active-background:var(--h-surface-700);--h-button-outlined-plain-border-color:var(--h-surface-600);--h-button-outlined-plain-color:var(--h-surface-0);--h-button-outlined-contrast-hover-background:var(--h-surface-800);--h-button-outlined-contrast-active-background:var(--h-surface-700);--h-button-outlined-contrast-border-color:var(--h-surface-500);--h-button-outlined-contrast-color:var(--h-surface-0);--h-button-outlined-danger-hover-background:color-mix(in srgb, var(--h-red-400), transparent 96%);--h-button-outlined-danger-active-background:color-mix(in srgb, var(--h-red-400), transparent 84%);--h-button-outlined-danger-border-color:var(--h-red-700);--h-button-outlined-danger-color:var(--h-red-400);--h-button-outlined-help-hover-background:color-mix(in srgb, var(--h-purple-400), transparent 96%);--h-button-outlined-help-active-background:color-mix(in srgb, var(--h-purple-400), transparent 84%);--h-button-outlined-help-border-color:var(--h-purple-700);--h-button-outlined-help-color:var(--h-purple-400);--h-button-outlined-warn-hover-background:color-mix(in srgb, var(--h-orange-400), transparent 96%);--h-button-outlined-warn-active-background:color-mix(in srgb, var(--h-orange-400), transparent 84%);--h-button-outlined-warn-border-color:var(--h-orange-700);--h-button-outlined-warn-color:var(--h-orange-400);--h-button-outlined-info-hover-background:color-mix(in srgb, var(--h-sky-400), transparent 96%);--h-button-outlined-info-active-background:color-mix(in srgb, var(--h-sky-400), transparent 84%);--h-button-outlined-info-border-color:var(--h-sky-700);--h-button-outlined-info-color:var(--h-sky-400);--h-button-outlined-success-hover-background:color-mix(in srgb, var(--h-green-400), transparent 96%);--h-button-outlined-success-active-background:color-mix(in srgb, var(--h-green-400), transparent 84%);--h-button-outlined-success-border-color:var(--h-green-700);--h-button-outlined-success-color:var(--h-green-400);--h-button-outlined-secondary-hover-background:rgba(255,255,255,0.04);--h-button-outlined-secondary-active-background:rgba(255,255,255,0.16);--h-button-outlined-secondary-border-color:var(--h-surface-700);--h-button-outlined-secondary-color:var(--h-surface-400);--h-button-outlined-primary-hover-background:color-mix(in srgb, var(--h-primary-color), transparent 96%);--h-button-outlined-primary-active-background:color-mix(in srgb, var(--h-primary-color), transparent 84%);--h-button-outlined-primary-border-color:var(--h-primary-700);--h-button-outlined-primary-color:var(--h-primary-color);--h-button-contrast-background:var(--h-surface-0);--h-button-contrast-hover-background:var(--h-surface-100);--h-button-contrast-active-background:var(--h-surface-200);--h-button-contrast-border-color:var(--h-surface-0);--h-button-contrast-hover-border-color:var(--h-surface-100);--h-button-contrast-active-border-color:var(--h-surface-200);--h-button-contrast-color:var(--h-surface-950);--h-button-contrast-hover-color:var(--h-surface-950);--h-button-contrast-active-color:var(--h-surface-950);--h-button-contrast-focus-ring-color:var(--h-surface-0);--h-button-contrast-focus-ring-shadow:none;--h-button-danger-background:var(--h-red-400);--h-button-danger-hover-background:var(--h-red-300);--h-button-danger-active-background:var(--h-red-200);--h-button-danger-border-color:var(--h-red-400);--h-button-danger-hover-border-color:var(--h-red-300);--h-button-danger-active-border-color:var(--h-red-200);--h-button-danger-color:var(--h-red-950);--h-button-danger-hover-color:var(--h-red-950);--h-button-danger-active-color:var(--h-red-950);--h-button-danger-focus-ring-color:var(--h-red-400);--h-button-danger-focus-ring-shadow:none;--h-button-help-background:var(--h-purple-400);--h-button-help-hover-background:var(--h-purple-300);--h-button-help-active-background:var(--h-purple-200);--h-button-help-border-color:var(--h-purple-400);--h-button-help-hover-border-color:var(--h-purple-300);--h-button-help-active-border-color:var(--h-purple-200);--h-button-help-color:var(--h-purple-950);--h-button-help-hover-color:var(--h-purple-950);--h-button-help-active-color:var(--h-purple-950);--h-button-help-focus-ring-color:var(--h-purple-400);--h-button-help-focus-ring-shadow:none;--h-button-warn-background:var(--h-orange-400);--h-button-warn-hover-background:var(--h-orange-300);--h-button-warn-active-background:var(--h-orange-200);--h-button-warn-border-color:var(--h-orange-400);--h-button-warn-hover-border-color:var(--h-orange-300);--h-button-warn-active-border-color:var(--h-orange-200);--h-button-warn-color:var(--h-orange-950);--h-button-warn-hover-color:var(--h-orange-950);--h-button-warn-active-color:var(--h-orange-950);--h-button-warn-focus-ring-color:var(--h-orange-400);--h-button-warn-focus-ring-shadow:none;--h-button-success-background:var(--h-green-400);--h-button-success-hover-background:var(--h-green-300);--h-button-success-active-background:var(--h-green-200);--h-button-success-border-color:var(--h-green-400);--h-button-success-hover-border-color:var(--h-green-300);--h-button-success-active-border-color:var(--h-green-200);--h-button-success-color:var(--h-green-950);--h-button-success-hover-color:var(--h-green-950);--h-button-success-active-color:var(--h-green-950);--h-button-success-focus-ring-color:var(--h-green-400);--h-button-success-focus-ring-shadow:none;--h-button-info-background:var(--h-sky-400);--h-button-info-hover-background:var(--h-sky-300);--h-button-info-active-background:var(--h-sky-200);--h-button-info-border-color:var(--h-sky-400);--h-button-info-hover-border-color:var(--h-sky-300);--h-button-info-active-border-color:var(--h-sky-200);--h-button-info-color:var(--h-sky-950);--h-button-info-hover-color:var(--h-sky-950);--h-button-info-active-color:var(--h-sky-950);--h-button-info-focus-ring-color:var(--h-sky-400);--h-button-info-focus-ring-shadow:none;--h-button-secondary-background:var(--h-surface-800);--h-button-secondary-hover-background:var(--h-surface-700);--h-button-secondary-active-background:var(--h-surface-600);--h-button-secondary-border-color:var(--h-surface-800);--h-button-secondary-hover-border-color:var(--h-surface-700);--h-button-secondary-active-border-color:var(--h-surface-600);--h-button-secondary-color:var(--h-surface-300);--h-button-secondary-hover-color:var(--h-surface-200);--h-button-secondary-active-color:var(--h-surface-100);--h-button-secondary-focus-ring-color:var(--h-surface-300);--h-button-secondary-focus-ring-shadow:none;--h-button-primary-background:var(--h-primary-color);--h-button-primary-hover-background:var(--h-primary-hover-color);--h-button-primary-active-background:var(--h-primary-active-color);--h-button-primary-border-color:var(--h-primary-color);--h-button-primary-hover-border-color:var(--h-primary-hover-color);--h-button-primary-active-border-color:var(--h-primary-active-color);--h-button-primary-color:var(--h-primary-contrast-color);--h-button-primary-hover-color:var(--h-primary-contrast-color);--h-button-primary-active-color:var(--h-primary-contrast-color);--h-button-primary-focus-ring-color:var(--h-primary-color);--h-button-primary-focus-ring-shadow:none;}
|
|
13
|
+
:root,:host{--h-card-subtitle-color:var(--h-text-muted-color);--h-card-title-font-size:1.25rem;--h-card-title-font-weight:500;--h-card-caption-gap:0.5rem;--h-card-body-padding:1.25rem;--h-card-body-gap:0.5rem;--h-card-background:var(--h-content-background);--h-card-border-radius:var(--h-border-radius-xl);--h-card-color:var(--h-content-color);--h-card-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);}
|
|
7
14
|
:root,:host{--h-checkbox-icon-size:0.875rem;--h-checkbox-icon-color:var(--h-form-field-color);--h-checkbox-icon-checked-color:var(--h-primary-contrast-color);--h-checkbox-icon-checked-hover-color:var(--h-primary-contrast-color);--h-checkbox-icon-disabled-color:var(--h-form-field-disabled-color);--h-checkbox-icon-lg-size:1rem;--h-checkbox-icon-sm-size:0.75rem;--h-checkbox-border-radius:var(--h-border-radius-sm);--h-checkbox-width:1.25rem;--h-checkbox-height:1.25rem;--h-checkbox-background:var(--h-form-field-background);--h-checkbox-checked-background:var(--h-primary-color);--h-checkbox-checked-hover-background:var(--h-primary-hover-color);--h-checkbox-disabled-background:var(--h-form-field-disabled-background);--h-checkbox-filled-background:var(--h-form-field-filled-background);--h-checkbox-border-color:var(--h-form-field-border-color);--h-checkbox-hover-border-color:var(--h-form-field-hover-border-color);--h-checkbox-focus-border-color:var(--h-form-field-border-color);--h-checkbox-checked-border-color:var(--h-primary-color);--h-checkbox-checked-hover-border-color:var(--h-primary-hover-color);--h-checkbox-checked-focus-border-color:var(--h-primary-color);--h-checkbox-checked-disabled-border-color:var(--h-form-field-border-color);--h-checkbox-invalid-border-color:var(--h-form-field-invalid-border-color);--h-checkbox-shadow:var(--h-form-field-shadow);--h-checkbox-transition-duration:var(--h-form-field-transition-duration);--h-checkbox-lg-width:1.5rem;--h-checkbox-lg-height:1.5rem;--h-checkbox-sm-width:1rem;--h-checkbox-sm-height:1rem;--h-checkbox-focus-ring-width:var(--h-focus-ring-width);--h-checkbox-focus-ring-style:var(--h-focus-ring-style);--h-checkbox-focus-ring-color:var(--h-focus-ring-color);--h-checkbox-focus-ring-offset:var(--h-focus-ring-offset);--h-checkbox-focus-ring-shadow:var(--h-focus-ring-shadow);}
|
|
15
|
+
:root,:host{--h-chip-remove-icon-size:1rem;--h-chip-remove-icon-focus-ring-width:var(--h-focus-ring-width);--h-chip-remove-icon-focus-ring-style:var(--h-focus-ring-style);--h-chip-remove-icon-focus-ring-color:var(--h-focus-ring-color);--h-chip-remove-icon-focus-ring-offset:var(--h-focus-ring-offset);--h-chip-remove-icon-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);--h-chip-icon-size:1rem;--h-chip-image-width:2rem;--h-chip-image-height:2rem;--h-chip-border-radius:16px;--h-chip-padding-x:0.75rem;--h-chip-padding-y:0.5rem;--h-chip-gap:0.5rem;--h-chip-transition-duration:var(--h-transition-duration);--h-chip-remove-icon-color:var(--h-surface-800);--h-chip-icon-color:var(--h-surface-800);--h-chip-background:var(--h-surface-100);--h-chip-color:var(--h-surface-800);}.app-dark{--h-chip-remove-icon-color:var(--h-surface-0);--h-chip-icon-color:var(--h-surface-0);--h-chip-background:var(--h-surface-800);--h-chip-color:var(--h-surface-0);}
|
|
16
|
+
:root,:host{--h-confirmdialog-content-gap:1rem;--h-confirmdialog-icon-size:2rem;--h-confirmdialog-icon-color:var(--h-overlay-modal-color);}
|
|
17
|
+
:root,:host{--h-confirmpopup-footer-gap:0.5rem;--h-confirmpopup-footer-padding:0 var(--h-overlay-popover-padding) var(--h-overlay-popover-padding) var(--h-overlay-popover-padding);--h-confirmpopup-icon-size:1.5rem;--h-confirmpopup-icon-color:var(--h-overlay-popover-color);--h-confirmpopup-content-padding:var(--h-overlay-popover-padding);--h-confirmpopup-content-gap:1rem;--h-confirmpopup-background:var(--h-overlay-popover-background);--h-confirmpopup-border-color:var(--h-overlay-popover-border-color);--h-confirmpopup-color:var(--h-overlay-popover-color);--h-confirmpopup-border-radius:var(--h-overlay-popover-border-radius);--h-confirmpopup-shadow:var(--h-overlay-popover-shadow);--h-confirmpopup-gutter:10px;--h-confirmpopup-arrow-offset:1.25rem;}
|
|
18
|
+
:root,:host{--h-datepicker-time-picker-padding:0.5rem 0 0 0;--h-datepicker-time-picker-border-color:var(--h-content-border-color);--h-datepicker-time-picker-gap:0.5rem;--h-datepicker-time-picker-button-gap:0.25rem;--h-datepicker-buttonbar-padding:0.5rem 0 0 0;--h-datepicker-buttonbar-border-color:var(--h-content-border-color);--h-datepicker-year-padding:0.375rem;--h-datepicker-year-border-radius:var(--h-content-border-radius);--h-datepicker-year-view-margin:0.5rem 0 0 0;--h-datepicker-month-padding:0.375rem;--h-datepicker-month-border-radius:var(--h-content-border-radius);--h-datepicker-month-view-margin:0.5rem 0 0 0;--h-datepicker-date-hover-background:var(--h-content-hover-background);--h-datepicker-date-selected-background:var(--h-primary-color);--h-datepicker-date-range-selected-background:var(--h-highlight-background);--h-datepicker-date-color:var(--h-content-color);--h-datepicker-date-hover-color:var(--h-content-hover-color);--h-datepicker-date-selected-color:var(--h-primary-contrast-color);--h-datepicker-date-range-selected-color:var(--h-highlight-color);--h-datepicker-date-width:2rem;--h-datepicker-date-height:2rem;--h-datepicker-date-border-radius:50%;--h-datepicker-date-padding:0.25rem;--h-datepicker-date-focus-ring-width:var(--h-focus-ring-width);--h-datepicker-date-focus-ring-style:var(--h-focus-ring-style);--h-datepicker-date-focus-ring-color:var(--h-focus-ring-color);--h-datepicker-date-focus-ring-offset:var(--h-focus-ring-offset);--h-datepicker-date-focus-ring-shadow:var(--h-focus-ring-shadow);--h-datepicker-week-day-padding:0.25rem;--h-datepicker-week-day-font-weight:500;--h-datepicker-week-day-color:var(--h-content-color);--h-datepicker-day-view-margin:0.5rem 0 0 0;--h-datepicker-group-border-color:var(--h-content-border-color);--h-datepicker-group-gap:var(--h-overlay-popover-padding);--h-datepicker-select-year-hover-background:var(--h-content-hover-background);--h-datepicker-select-year-color:var(--h-content-color);--h-datepicker-select-year-hover-color:var(--h-content-hover-color);--h-datepicker-select-year-padding:0.25rem 0.5rem;--h-datepicker-select-year-border-radius:var(--h-content-border-radius);--h-datepicker-select-month-hover-background:var(--h-content-hover-background);--h-datepicker-select-month-color:var(--h-content-color);--h-datepicker-select-month-hover-color:var(--h-content-hover-color);--h-datepicker-select-month-padding:0.25rem 0.5rem;--h-datepicker-select-month-border-radius:var(--h-content-border-radius);--h-datepicker-input-icon-color:var(--h-form-field-icon-color);--h-datepicker-dropdown-width:2.5rem;--h-datepicker-dropdown-border-color:var(--h-form-field-border-color);--h-datepicker-dropdown-hover-border-color:var(--h-form-field-border-color);--h-datepicker-dropdown-active-border-color:var(--h-form-field-border-color);--h-datepicker-dropdown-border-radius:var(--h-form-field-border-radius);--h-datepicker-dropdown-focus-ring-width:var(--h-focus-ring-width);--h-datepicker-dropdown-focus-ring-style:var(--h-focus-ring-style);--h-datepicker-dropdown-focus-ring-color:var(--h-focus-ring-color);--h-datepicker-dropdown-focus-ring-offset:var(--h-focus-ring-offset);--h-datepicker-dropdown-focus-ring-shadow:var(--h-focus-ring-shadow);--h-datepicker-dropdown-lg-width:3rem;--h-datepicker-dropdown-sm-width:2rem;--h-datepicker-title-gap:0.5rem;--h-datepicker-title-font-weight:500;--h-datepicker-header-background:var(--h-content-background);--h-datepicker-header-border-color:var(--h-content-border-color);--h-datepicker-header-color:var(--h-content-color);--h-datepicker-header-padding:0 0 0.5rem 0;--h-datepicker-panel-background:var(--h-content-background);--h-datepicker-panel-border-color:var(--h-content-border-color);--h-datepicker-panel-color:var(--h-content-color);--h-datepicker-panel-border-radius:var(--h-content-border-radius);--h-datepicker-panel-shadow:var(--h-overlay-popover-shadow);--h-datepicker-panel-padding:var(--h-overlay-popover-padding);--h-datepicker-transition-duration:var(--h-transition-duration);--h-datepicker-today-background:var(--h-surface-200);--h-datepicker-today-color:var(--h-surface-900);--h-datepicker-dropdown-background:var(--h-surface-100);--h-datepicker-dropdown-hover-background:var(--h-surface-200);--h-datepicker-dropdown-active-background:var(--h-surface-300);--h-datepicker-dropdown-color:var(--h-surface-600);--h-datepicker-dropdown-hover-color:var(--h-surface-700);--h-datepicker-dropdown-active-color:var(--h-surface-800);}.app-dark{--h-datepicker-today-background:var(--h-surface-700);--h-datepicker-today-color:var(--h-surface-0);--h-datepicker-dropdown-background:var(--h-surface-800);--h-datepicker-dropdown-hover-background:var(--h-surface-700);--h-datepicker-dropdown-active-background:var(--h-surface-600);--h-datepicker-dropdown-color:var(--h-surface-300);--h-datepicker-dropdown-hover-color:var(--h-surface-200);--h-datepicker-dropdown-active-color:var(--h-surface-100);}
|
|
19
|
+
:root,:host{--h-dialog-footer-padding:0 var(--h-overlay-modal-padding) var(--h-overlay-modal-padding) var(--h-overlay-modal-padding);--h-dialog-footer-gap:0.5rem;--h-dialog-content-padding:0 var(--h-overlay-modal-padding) var(--h-overlay-modal-padding) var(--h-overlay-modal-padding);--h-dialog-title-font-size:1.25rem;--h-dialog-title-font-weight:600;--h-dialog-header-padding:var(--h-overlay-modal-padding);--h-dialog-header-gap:0.5rem;--h-dialog-background:var(--h-overlay-modal-background);--h-dialog-border-color:var(--h-overlay-modal-border-color);--h-dialog-color:var(--h-overlay-modal-color);--h-dialog-border-radius:var(--h-overlay-modal-border-radius);--h-dialog-shadow:var(--h-overlay-modal-shadow);}
|
|
8
20
|
:root,:host{--h-divider-vertical-margin:0 1rem;--h-divider-vertical-padding:0.5rem 0;--h-divider-vertical-content-padding:0.5rem 0;--h-divider-horizontal-margin:1rem 0;--h-divider-horizontal-padding:0 1rem;--h-divider-horizontal-content-padding:0 0.5rem;--h-divider-content-background:var(--h-content-background);--h-divider-content-color:var(--h-text-color);--h-divider-border-color:var(--h-content-border-color);}
|
|
9
|
-
:root,:host{--h-
|
|
21
|
+
:root,:host{--h-drawer-footer-padding:var(--h-overlay-modal-padding);--h-drawer-content-padding:0 var(--h-overlay-modal-padding) var(--h-overlay-modal-padding) var(--h-overlay-modal-padding);--h-drawer-title-font-size:1.5rem;--h-drawer-title-font-weight:600;--h-drawer-header-padding:var(--h-overlay-modal-padding);--h-drawer-background:var(--h-overlay-modal-background);--h-drawer-border-color:var(--h-overlay-modal-border-color);--h-drawer-color:var(--h-overlay-modal-color);--h-drawer-shadow:var(--h-overlay-modal-shadow);}
|
|
22
|
+
:root,:host{--h-fieldset-content-padding:0;--h-fieldset-toggle-icon-color:var(--h-text-muted-color);--h-fieldset-toggle-icon-hover-color:var(--h-text-hover-muted-color);--h-fieldset-legend-background:var(--h-content-background);--h-fieldset-legend-hover-background:var(--h-content-hover-background);--h-fieldset-legend-color:var(--h-content-color);--h-fieldset-legend-hover-color:var(--h-content-hover-color);--h-fieldset-legend-border-radius:var(--h-content-border-radius);--h-fieldset-legend-border-width:1px;--h-fieldset-legend-border-color:transparent;--h-fieldset-legend-padding:0.5rem 0.75rem;--h-fieldset-legend-gap:0.5rem;--h-fieldset-legend-font-weight:600;--h-fieldset-legend-focus-ring-width:var(--h-focus-ring-width);--h-fieldset-legend-focus-ring-style:var(--h-focus-ring-style);--h-fieldset-legend-focus-ring-color:var(--h-focus-ring-color);--h-fieldset-legend-focus-ring-offset:var(--h-focus-ring-offset);--h-fieldset-legend-focus-ring-shadow:var(--h-focus-ring-shadow);--h-fieldset-background:var(--h-content-background);--h-fieldset-border-color:var(--h-content-border-color);--h-fieldset-border-radius:var(--h-content-border-radius);--h-fieldset-color:var(--h-content-color);--h-fieldset-padding:0 1.125rem 1.125rem 1.125rem;--h-fieldset-transition-duration:var(--h-transition-duration);}
|
|
23
|
+
:root,:host{--h-fileupload-basic-gap:0.5rem;--h-fileupload-progressbar-height:0.25rem;--h-fileupload-file-list-gap:0.5rem;--h-fileupload-file-padding:1rem;--h-fileupload-file-gap:1rem;--h-fileupload-file-border-color:var(--h-content-border-color);--h-fileupload-file-info-gap:0.5rem;--h-fileupload-content-highlight-border-color:var(--h-primary-color);--h-fileupload-content-padding:0 1.125rem 1.125rem 1.125rem;--h-fileupload-content-gap:1rem;--h-fileupload-header-background:transparent;--h-fileupload-header-color:var(--h-text-color);--h-fileupload-header-padding:1.125rem;--h-fileupload-header-border-color:unset;--h-fileupload-header-border-width:0;--h-fileupload-header-border-radius:0;--h-fileupload-header-gap:0.5rem;--h-fileupload-background:var(--h-content-background);--h-fileupload-border-color:var(--h-content-border-color);--h-fileupload-color:var(--h-content-color);--h-fileupload-border-radius:var(--h-content-border-radius);--h-fileupload-transition-duration:var(--h-transition-duration);}
|
|
24
|
+
:root,:host{--h-floatlabel-on-border-radius:var(--h-border-radius-xs);--h-floatlabel-on-active-background:var(--h-form-field-background);--h-floatlabel-on-active-padding:0 0.125rem;--h-floatlabel-in-active-top:var(--h-form-field-padding-y);--h-floatlabel-in-input-padding-top:1.5rem;--h-floatlabel-in-input-padding-bottom:var(--h-form-field-padding-y);--h-floatlabel-over-active-top:-1.25rem;--h-floatlabel-color:var(--h-form-field-float-label-color);--h-floatlabel-focus-color:var(--h-form-field-float-label-focus-color);--h-floatlabel-active-color:var(--h-form-field-float-label-active-color);--h-floatlabel-invalid-color:var(--h-form-field-float-label-invalid-color);--h-floatlabel-transition-duration:0.2s;--h-floatlabel-position-x:var(--h-form-field-padding-x);--h-floatlabel-position-y:var(--h-form-field-padding-y);--h-floatlabel-font-weight:500;--h-floatlabel-active-font-size:0.75rem;--h-floatlabel-active-font-weight:400;}
|
|
25
|
+
:root,:host{--h-iconfield-icon-color:var(--h-form-field-icon-color);}
|
|
26
|
+
:root,:host{--h-inputgroup-addon-background:var(--h-form-field-background);--h-inputgroup-addon-border-color:var(--h-form-field-border-color);--h-inputgroup-addon-color:var(--h-form-field-icon-color);--h-inputgroup-addon-border-radius:var(--h-form-field-border-radius);--h-inputgroup-addon-padding:0.5rem;--h-inputgroup-addon-min-width:2.5rem;}
|
|
27
|
+
:root,:host{--h-inputnumber-button-width:2.5rem;--h-inputnumber-button-border-radius:var(--h-form-field-border-radius);--h-inputnumber-button-vertical-padding:var(--h-form-field-padding-y);--h-inputnumber-transition-duration:var(--h-transition-duration);--h-inputnumber-button-background:transparent;--h-inputnumber-button-hover-background:var(--h-surface-100);--h-inputnumber-button-active-background:var(--h-surface-200);--h-inputnumber-button-border-color:var(--h-form-field-border-color);--h-inputnumber-button-hover-border-color:var(--h-form-field-border-color);--h-inputnumber-button-active-border-color:var(--h-form-field-border-color);--h-inputnumber-button-color:var(--h-surface-400);--h-inputnumber-button-hover-color:var(--h-surface-500);--h-inputnumber-button-active-color:var(--h-surface-600);}.app-dark{--h-inputnumber-button-background:transparent;--h-inputnumber-button-hover-background:var(--h-surface-800);--h-inputnumber-button-active-background:var(--h-surface-700);--h-inputnumber-button-border-color:var(--h-form-field-border-color);--h-inputnumber-button-hover-border-color:var(--h-form-field-border-color);--h-inputnumber-button-active-border-color:var(--h-form-field-border-color);--h-inputnumber-button-color:var(--h-surface-400);--h-inputnumber-button-hover-color:var(--h-surface-300);--h-inputnumber-button-active-color:var(--h-surface-200);}
|
|
10
28
|
:root,:host{--h-textarea-background:var(--h-form-field-background);--h-textarea-disabled-background:var(--h-form-field-disabled-background);--h-textarea-filled-background:var(--h-form-field-filled-background);--h-textarea-filled-hover-background:var(--h-form-field-filled-hover-background);--h-textarea-filled-focus-background:var(--h-form-field-filled-focus-background);--h-textarea-border-color:var(--h-form-field-border-color);--h-textarea-hover-border-color:var(--h-form-field-hover-border-color);--h-textarea-focus-border-color:var(--h-form-field-focus-border-color);--h-textarea-invalid-border-color:var(--h-form-field-invalid-border-color);--h-textarea-color:var(--h-form-field-color);--h-textarea-disabled-color:var(--h-form-field-disabled-color);--h-textarea-placeholder-color:var(--h-form-field-placeholder-color);--h-textarea-invalid-placeholder-color:var(--h-form-field-invalid-placeholder-color);--h-textarea-shadow:var(--h-form-field-shadow);--h-textarea-padding-x:var(--h-form-field-padding-x);--h-textarea-padding-y:var(--h-form-field-padding-y);--h-textarea-border-radius:var(--h-form-field-border-radius);--h-textarea-transition-duration:var(--h-form-field-transition-duration);--h-textarea-lg-font-size:var(--h-form-field-lg-font-size);--h-textarea-lg-padding-x:var(--h-form-field-lg-padding-x);--h-textarea-lg-padding-y:var(--h-form-field-lg-padding-y);--h-textarea-sm-font-size:var(--h-form-field-sm-font-size);--h-textarea-sm-padding-x:var(--h-form-field-sm-padding-x);--h-textarea-sm-padding-y:var(--h-form-field-sm-padding-y);--h-textarea-focus-ring-width:var(--h-form-field-focus-ring-width);--h-textarea-focus-ring-style:var(--h-form-field-focus-ring-style);--h-textarea-focus-ring-color:var(--h-form-field-focus-ring-color);--h-textarea-focus-ring-offset:var(--h-form-field-focus-ring-offset);--h-textarea-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);}
|
|
29
|
+
:root,:host{--h-listbox-empty-message-padding:var(--h-list-option-padding);--h-listbox-checkmark-color:var(--h-list-option-color);--h-listbox-checkmark-gutter-start:-0.375rem;--h-listbox-checkmark-gutter-end:0.375rem;--h-listbox-option-group-background:var(--h-list-option-group-background);--h-listbox-option-group-color:var(--h-list-option-group-color);--h-listbox-option-group-font-weight:var(--h-list-option-group-font-weight);--h-listbox-option-group-padding:var(--h-list-option-group-padding);--h-listbox-option-focus-background:var(--h-list-option-focus-background);--h-listbox-option-selected-background:var(--h-list-option-selected-background);--h-listbox-option-selected-focus-background:var(--h-list-option-selected-focus-background);--h-listbox-option-color:var(--h-list-option-color);--h-listbox-option-focus-color:var(--h-list-option-focus-color);--h-listbox-option-selected-color:var(--h-list-option-selected-color);--h-listbox-option-selected-focus-color:var(--h-list-option-selected-focus-color);--h-listbox-option-padding:var(--h-list-option-padding);--h-listbox-option-border-radius:var(--h-list-option-border-radius);--h-listbox-list-padding:var(--h-list-padding);--h-listbox-list-gap:var(--h-list-gap);--h-listbox-list-header-padding:var(--h-list-header-padding);--h-listbox-background:var(--h-form-field-background);--h-listbox-disabled-background:var(--h-form-field-disabled-background);--h-listbox-border-color:var(--h-form-field-border-color);--h-listbox-invalid-border-color:var(--h-form-field-invalid-border-color);--h-listbox-color:var(--h-form-field-color);--h-listbox-disabled-color:var(--h-form-field-disabled-color);--h-listbox-shadow:var(--h-form-field-shadow);--h-listbox-border-radius:var(--h-form-field-border-radius);--h-listbox-transition-duration:var(--h-form-field-transition-duration);--h-listbox-option-striped-background:var(--h-surface-50);}.app-dark{--h-listbox-option-striped-background:var(--h-surface-900);}
|
|
30
|
+
:root,:host{--h-menu-separator-border-color:var(--h-content-border-color);--h-menu-submenu-label-padding:var(--h-navigation-submenu-label-padding);--h-menu-submenu-label-font-weight:var(--h-navigation-submenu-label-font-weight);--h-menu-submenu-label-background:var(--h-navigation-submenu-label-background);--h-menu-submenu-label-color:var(--h-navigation-submenu-label-color);--h-menu-item-focus-background:var(--h-navigation-item-focus-background);--h-menu-item-color:var(--h-navigation-item-color);--h-menu-item-focus-color:var(--h-navigation-item-focus-color);--h-menu-item-padding:var(--h-navigation-item-padding);--h-menu-item-border-radius:var(--h-navigation-item-border-radius);--h-menu-item-gap:var(--h-navigation-item-gap);--h-menu-item-icon-color:var(--h-navigation-item-icon-color);--h-menu-item-icon-focus-color:var(--h-navigation-item-icon-focus-color);--h-menu-list-padding:var(--h-navigation-list-padding);--h-menu-list-gap:var(--h-navigation-list-gap);--h-menu-background:var(--h-content-background);--h-menu-border-color:var(--h-content-border-color);--h-menu-color:var(--h-content-color);--h-menu-border-radius:var(--h-content-border-radius);--h-menu-shadow:var(--h-overlay-navigation-shadow);--h-menu-transition-duration:var(--h-transition-duration);}
|
|
31
|
+
:root,:host{--h-tieredmenu-separator-border-color:var(--h-content-border-color);--h-tieredmenu-submenu-icon-size:var(--h-navigation-submenu-icon-size);--h-tieredmenu-submenu-icon-color:var(--h-navigation-submenu-icon-color);--h-tieredmenu-submenu-icon-focus-color:var(--h-navigation-submenu-icon-focus-color);--h-tieredmenu-submenu-icon-active-color:var(--h-navigation-submenu-icon-active-color);--h-tieredmenu-submenu-mobile-indent:1rem;--h-tieredmenu-item-focus-background:var(--h-navigation-item-focus-background);--h-tieredmenu-item-active-background:var(--h-navigation-item-active-background);--h-tieredmenu-item-color:var(--h-navigation-item-color);--h-tieredmenu-item-focus-color:var(--h-navigation-item-focus-color);--h-tieredmenu-item-active-color:var(--h-navigation-item-active-color);--h-tieredmenu-item-padding:var(--h-navigation-item-padding);--h-tieredmenu-item-border-radius:var(--h-navigation-item-border-radius);--h-tieredmenu-item-gap:var(--h-navigation-item-gap);--h-tieredmenu-item-icon-color:var(--h-navigation-item-icon-color);--h-tieredmenu-item-icon-focus-color:var(--h-navigation-item-icon-focus-color);--h-tieredmenu-item-icon-active-color:var(--h-navigation-item-icon-active-color);--h-tieredmenu-list-padding:var(--h-navigation-list-padding);--h-tieredmenu-list-gap:var(--h-navigation-list-gap);--h-tieredmenu-background:var(--h-content-background);--h-tieredmenu-border-color:var(--h-content-border-color);--h-tieredmenu-color:var(--h-content-color);--h-tieredmenu-border-radius:var(--h-content-border-radius);--h-tieredmenu-shadow:var(--h-overlay-navigation-shadow);--h-tieredmenu-transition-duration:var(--h-transition-duration);}
|
|
32
|
+
:root,:host{--h-menubar-mobile-button-border-radius:50%;--h-menubar-mobile-button-size:1.75rem;--h-menubar-mobile-button-color:var(--h-text-muted-color);--h-menubar-mobile-button-hover-color:var(--h-text-hover-muted-color);--h-menubar-mobile-button-hover-background:var(--h-content-hover-background);--h-menubar-mobile-button-focus-ring-width:var(--h-focus-ring-width);--h-menubar-mobile-button-focus-ring-style:var(--h-focus-ring-style);--h-menubar-mobile-button-focus-ring-color:var(--h-focus-ring-color);--h-menubar-mobile-button-focus-ring-offset:var(--h-focus-ring-offset);--h-menubar-mobile-button-focus-ring-shadow:var(--h-focus-ring-shadow);--h-menubar-separator-border-color:var(--h-content-border-color);--h-menubar-submenu-padding:var(--h-navigation-list-padding);--h-menubar-submenu-gap:var(--h-navigation-list-gap);--h-menubar-submenu-background:var(--h-content-background);--h-menubar-submenu-border-color:var(--h-content-border-color);--h-menubar-submenu-border-radius:var(--h-content-border-radius);--h-menubar-submenu-shadow:var(--h-overlay-navigation-shadow);--h-menubar-submenu-mobile-indent:1rem;--h-menubar-submenu-icon-size:var(--h-navigation-submenu-icon-size);--h-menubar-submenu-icon-color:var(--h-navigation-submenu-icon-color);--h-menubar-submenu-icon-focus-color:var(--h-navigation-submenu-icon-focus-color);--h-menubar-submenu-icon-active-color:var(--h-navigation-submenu-icon-active-color);--h-menubar-item-focus-background:var(--h-navigation-item-focus-background);--h-menubar-item-active-background:var(--h-navigation-item-active-background);--h-menubar-item-color:var(--h-navigation-item-color);--h-menubar-item-focus-color:var(--h-navigation-item-focus-color);--h-menubar-item-active-color:var(--h-navigation-item-active-color);--h-menubar-item-padding:var(--h-navigation-item-padding);--h-menubar-item-border-radius:var(--h-navigation-item-border-radius);--h-menubar-item-gap:var(--h-navigation-item-gap);--h-menubar-item-icon-color:var(--h-navigation-item-icon-color);--h-menubar-item-icon-focus-color:var(--h-navigation-item-icon-focus-color);--h-menubar-item-icon-active-color:var(--h-navigation-item-icon-active-color);--h-menubar-base-item-border-radius:var(--h-content-border-radius);--h-menubar-base-item-padding:var(--h-navigation-item-padding);--h-menubar-background:var(--h-content-background);--h-menubar-border-color:var(--h-content-border-color);--h-menubar-border-radius:var(--h-content-border-radius);--h-menubar-color:var(--h-content-color);--h-menubar-gap:0.5rem;--h-menubar-padding:0.5rem 0.75rem;--h-menubar-transition-duration:var(--h-transition-duration);}
|
|
33
|
+
:root,:host{--h-message-simple-content-padding:0;--h-message-outlined-border-width:1px;--h-message-close-icon-size:1rem;--h-message-close-icon-lg-size:1.125rem;--h-message-close-icon-sm-size:0.875rem;--h-message-close-button-width:1.75rem;--h-message-close-button-height:1.75rem;--h-message-close-button-border-radius:50%;--h-message-close-button-focus-ring-width:var(--h-focus-ring-width);--h-message-close-button-focus-ring-style:var(--h-focus-ring-style);--h-message-close-button-focus-ring-offset:var(--h-focus-ring-offset);--h-message-icon-size:1.125rem;--h-message-icon-lg-size:1.25rem;--h-message-icon-sm-size:1rem;--h-message-text-font-size:1rem;--h-message-text-font-weight:500;--h-message-text-lg-font-size:1.125rem;--h-message-text-sm-font-size:0.875rem;--h-message-content-padding:0.5rem 0.75rem;--h-message-content-gap:0.5rem;--h-message-content-lg-padding:0.625rem 0.875rem;--h-message-content-sm-padding:0.375rem 0.625rem;--h-message-border-radius:var(--h-content-border-radius);--h-message-border-width:1px;--h-message-transition-duration:var(--h-transition-duration);--h-message-contrast-background:var(--h-surface-900);--h-message-contrast-border-color:var(--h-surface-950);--h-message-contrast-color:var(--h-surface-50);--h-message-contrast-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-950), transparent 96%);--h-message-contrast-simple-color:var(--h-surface-950);--h-message-contrast-outlined-color:var(--h-surface-950);--h-message-contrast-outlined-border-color:var(--h-surface-950);--h-message-contrast-close-button-hover-background:var(--h-surface-800);--h-message-contrast-close-button-focus-ring-color:var(--h-surface-50);--h-message-contrast-close-button-focus-ring-shadow:none;--h-message-secondary-background:var(--h-surface-100);--h-message-secondary-border-color:var(--h-surface-200);--h-message-secondary-color:var(--h-surface-600);--h-message-secondary-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-500), transparent 96%);--h-message-secondary-simple-color:var(--h-surface-500);--h-message-secondary-outlined-color:var(--h-surface-500);--h-message-secondary-outlined-border-color:var(--h-surface-500);--h-message-secondary-close-button-hover-background:var(--h-surface-200);--h-message-secondary-close-button-focus-ring-color:var(--h-surface-600);--h-message-secondary-close-button-focus-ring-shadow:none;--h-message-error-background:color-mix(in srgb, var(--h-red-50), transparent 5%);--h-message-error-border-color:var(--h-red-200);--h-message-error-color:var(--h-red-600);--h-message-error-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-red-500), transparent 96%);--h-message-error-simple-color:var(--h-red-600);--h-message-error-outlined-color:var(--h-red-600);--h-message-error-outlined-border-color:var(--h-red-600);--h-message-error-close-button-hover-background:var(--h-red-100);--h-message-error-close-button-focus-ring-color:var(--h-red-600);--h-message-error-close-button-focus-ring-shadow:none;--h-message-warn-background:color-mix(in srgb,var(--h-yellow-50), transparent 5%);--h-message-warn-border-color:var(--h-yellow-200);--h-message-warn-color:var(--h-yellow-600);--h-message-warn-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-yellow-500), transparent 96%);--h-message-warn-simple-color:var(--h-yellow-600);--h-message-warn-outlined-color:var(--h-yellow-600);--h-message-warn-outlined-border-color:var(--h-yellow-600);--h-message-warn-close-button-hover-background:var(--h-yellow-100);--h-message-warn-close-button-focus-ring-color:var(--h-yellow-600);--h-message-warn-close-button-focus-ring-shadow:none;--h-message-success-background:color-mix(in srgb, var(--h-green-50), transparent 5%);--h-message-success-border-color:var(--h-green-200);--h-message-success-color:var(--h-green-600);--h-message-success-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-green-500), transparent 96%);--h-message-success-simple-color:var(--h-green-600);--h-message-success-outlined-color:var(--h-green-600);--h-message-success-outlined-border-color:var(--h-green-600);--h-message-success-close-button-hover-background:var(--h-green-100);--h-message-success-close-button-focus-ring-color:var(--h-green-600);--h-message-success-close-button-focus-ring-shadow:none;--h-message-info-background:color-mix(in srgb, var(--h-blue-50), transparent 5%);--h-message-info-border-color:var(--h-blue-200);--h-message-info-color:var(--h-blue-600);--h-message-info-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-blue-500), transparent 96%);--h-message-info-simple-color:var(--h-blue-600);--h-message-info-outlined-color:var(--h-blue-600);--h-message-info-outlined-border-color:var(--h-blue-600);--h-message-info-close-button-hover-background:var(--h-blue-100);--h-message-info-close-button-focus-ring-color:var(--h-blue-600);--h-message-info-close-button-focus-ring-shadow:none;}.app-dark{--h-message-contrast-background:var(--h-surface-0);--h-message-contrast-border-color:var(--h-surface-100);--h-message-contrast-color:var(--h-surface-950);--h-message-contrast-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-950), transparent 96%);--h-message-contrast-simple-color:var(--h-surface-0);--h-message-contrast-outlined-color:var(--h-surface-0);--h-message-contrast-outlined-border-color:var(--h-surface-0);--h-message-contrast-close-button-hover-background:var(--h-surface-100);--h-message-contrast-close-button-focus-ring-color:var(--h-surface-950);--h-message-contrast-close-button-focus-ring-shadow:none;--h-message-secondary-background:var(--h-surface-800);--h-message-secondary-border-color:var(--h-surface-700);--h-message-secondary-color:var(--h-surface-300);--h-message-secondary-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-500), transparent 96%);--h-message-secondary-simple-color:var(--h-surface-400);--h-message-secondary-outlined-color:var(--h-surface-400);--h-message-secondary-outlined-border-color:var(--h-surface-400);--h-message-secondary-close-button-hover-background:var(--h-surface-700);--h-message-secondary-close-button-focus-ring-color:var(--h-surface-300);--h-message-secondary-close-button-focus-ring-shadow:none;--h-message-error-background:color-mix(in srgb, var(--h-red-500), transparent 84%);--h-message-error-border-color:color-mix(in srgb, var(--h-red-700), transparent 64%);--h-message-error-color:var(--h-red-500);--h-message-error-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-red-500), transparent 96%);--h-message-error-simple-color:var(--h-red-500);--h-message-error-outlined-color:var(--h-red-500);--h-message-error-outlined-border-color:var(--h-red-500);--h-message-error-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-message-error-close-button-focus-ring-color:var(--h-red-500);--h-message-error-close-button-focus-ring-shadow:none;--h-message-warn-background:color-mix(in srgb, var(--h-yellow-500), transparent 84%);--h-message-warn-border-color:color-mix(in srgb, var(--h-yellow-700), transparent 64%);--h-message-warn-color:var(--h-yellow-500);--h-message-warn-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-yellow-500), transparent 96%);--h-message-warn-simple-color:var(--h-yellow-500);--h-message-warn-outlined-color:var(--h-yellow-500);--h-message-warn-outlined-border-color:var(--h-yellow-500);--h-message-warn-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-message-warn-close-button-focus-ring-color:var(--h-yellow-500);--h-message-warn-close-button-focus-ring-shadow:none;--h-message-success-background:color-mix(in srgb, var(--h-green-500), transparent 84%);--h-message-success-border-color:color-mix(in srgb, var(--h-green-700), transparent 64%);--h-message-success-color:var(--h-green-500);--h-message-success-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-green-500), transparent 96%);--h-message-success-simple-color:var(--h-green-500);--h-message-success-outlined-color:var(--h-green-500);--h-message-success-outlined-border-color:var(--h-green-500);--h-message-success-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-message-success-close-button-focus-ring-color:var(--h-green-500);--h-message-success-close-button-focus-ring-shadow:none;--h-message-info-background:color-mix(in srgb, var(--h-blue-500), transparent 84%);--h-message-info-border-color:color-mix(in srgb, var(--h-blue-700), transparent 64%);--h-message-info-color:var(--h-blue-500);--h-message-info-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-blue-500), transparent 96%);--h-message-info-simple-color:var(--h-blue-500);--h-message-info-outlined-color:var(--h-blue-500);--h-message-info-outlined-border-color:var(--h-blue-500);--h-message-info-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-message-info-close-button-focus-ring-color:var(--h-blue-500);--h-message-info-close-button-focus-ring-shadow:none;}
|
|
34
|
+
:root,:host{--h-multiselect-empty-message-padding:var(--h-list-option-padding);--h-multiselect-clear-icon-color:var(--h-form-field-icon-color);--h-multiselect-chip-border-radius:var(--h-border-radius-sm);--h-multiselect-option-group-background:var(--h-list-option-group-background);--h-multiselect-option-group-color:var(--h-list-option-group-color);--h-multiselect-option-group-font-weight:var(--h-list-option-group-font-weight);--h-multiselect-option-group-padding:var(--h-list-option-group-padding);--h-multiselect-option-focus-background:var(--h-list-option-focus-background);--h-multiselect-option-selected-background:var(--h-list-option-selected-background);--h-multiselect-option-selected-focus-background:var(--h-list-option-selected-focus-background);--h-multiselect-option-color:var(--h-list-option-color);--h-multiselect-option-focus-color:var(--h-list-option-focus-color);--h-multiselect-option-selected-color:var(--h-list-option-selected-color);--h-multiselect-option-selected-focus-color:var(--h-list-option-selected-focus-color);--h-multiselect-option-padding:var(--h-list-option-padding);--h-multiselect-option-border-radius:var(--h-list-option-border-radius);--h-multiselect-option-gap:0.5rem;--h-multiselect-list-padding:var(--h-list-padding);--h-multiselect-list-gap:var(--h-list-gap);--h-multiselect-list-header-padding:var(--h-list-header-padding);--h-multiselect-overlay-background:var(--h-overlay-select-background);--h-multiselect-overlay-border-color:var(--h-overlay-select-border-color);--h-multiselect-overlay-border-radius:var(--h-overlay-select-border-radius);--h-multiselect-overlay-color:var(--h-overlay-select-color);--h-multiselect-overlay-shadow:var(--h-overlay-select-shadow);--h-multiselect-dropdown-width:2.5rem;--h-multiselect-dropdown-color:var(--h-form-field-icon-color);--h-multiselect-background:var(--h-form-field-background);--h-multiselect-disabled-background:var(--h-form-field-disabled-background);--h-multiselect-filled-background:var(--h-form-field-filled-background);--h-multiselect-filled-hover-background:var(--h-form-field-filled-hover-background);--h-multiselect-filled-focus-background:var(--h-form-field-filled-focus-background);--h-multiselect-border-color:var(--h-form-field-border-color);--h-multiselect-hover-border-color:var(--h-form-field-hover-border-color);--h-multiselect-focus-border-color:var(--h-form-field-focus-border-color);--h-multiselect-invalid-border-color:var(--h-form-field-invalid-border-color);--h-multiselect-color:var(--h-form-field-color);--h-multiselect-disabled-color:var(--h-form-field-disabled-color);--h-multiselect-placeholder-color:var(--h-form-field-placeholder-color);--h-multiselect-invalid-placeholder-color:var(--h-form-field-invalid-placeholder-color);--h-multiselect-shadow:var(--h-form-field-shadow);--h-multiselect-padding-x:var(--h-form-field-padding-x);--h-multiselect-padding-y:var(--h-form-field-padding-y);--h-multiselect-border-radius:var(--h-form-field-border-radius);--h-multiselect-transition-duration:var(--h-form-field-transition-duration);--h-multiselect-lg-font-size:var(--h-form-field-lg-font-size);--h-multiselect-lg-padding-x:var(--h-form-field-lg-padding-x);--h-multiselect-lg-padding-y:var(--h-form-field-lg-padding-y);--h-multiselect-sm-font-size:var(--h-form-field-sm-font-size);--h-multiselect-sm-padding-x:var(--h-form-field-sm-padding-x);--h-multiselect-sm-padding-y:var(--h-form-field-sm-padding-y);--h-multiselect-focus-ring-width:var(--h-form-field-focus-ring-width);--h-multiselect-focus-ring-style:var(--h-form-field-focus-ring-style);--h-multiselect-focus-ring-color:var(--h-form-field-focus-ring-color);--h-multiselect-focus-ring-offset:var(--h-form-field-focus-ring-offset);--h-multiselect-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);}
|
|
35
|
+
:root,:host{--h-panel-footer-padding:0 1.125rem 1.125rem 1.125rem;--h-panel-content-padding:0 1.125rem 1.125rem 1.125rem;--h-panel-title-font-weight:600;--h-panel-toggleable-header-padding:0.375rem 1.125rem;--h-panel-header-background:transparent;--h-panel-header-color:var(--h-text-color);--h-panel-header-padding:1.125rem;--h-panel-header-border-color:var(--h-content-border-color);--h-panel-header-border-width:0;--h-panel-header-border-radius:0;--h-panel-background:var(--h-content-background);--h-panel-border-color:var(--h-content-border-color);--h-panel-color:var(--h-content-color);--h-panel-border-radius:var(--h-content-border-radius);}
|
|
11
36
|
:root,:host{--h-password-content-gap:0.5rem;--h-password-overlay-background:var(--h-overlay-popover-background);--h-password-overlay-border-color:var(--h-overlay-popover-border-color);--h-password-overlay-border-radius:var(--h-overlay-popover-border-radius);--h-password-overlay-color:var(--h-overlay-popover-color);--h-password-overlay-padding:var(--h-overlay-popover-padding);--h-password-overlay-shadow:var(--h-overlay-popover-shadow);--h-password-icon-color:var(--h-form-field-icon-color);--h-password-meter-background:var(--h-content-border-color);--h-password-meter-border-radius:var(--h-content-border-radius);--h-password-meter-height:.75rem;--h-password-strength-weak-background:var(--h-red-500);--h-password-strength-medium-background:var(--h-amber-500);--h-password-strength-strong-background:var(--h-green-500);}.app-dark{--h-password-strength-weak-background:var(--h-red-400);--h-password-strength-medium-background:var(--h-amber-400);--h-password-strength-strong-background:var(--h-green-400);}
|
|
37
|
+
:root,:host{--h-popover-content-padding:var(--h-overlay-popover-padding);--h-popover-background:var(--h-overlay-popover-background);--h-popover-border-color:var(--h-overlay-popover-border-color);--h-popover-color:var(--h-overlay-popover-color);--h-popover-border-radius:var(--h-overlay-popover-border-radius);--h-popover-shadow:var(--h-overlay-popover-shadow);--h-popover-gutter:10px;--h-popover-arrow-offset:1.25rem;}
|
|
38
|
+
:root,:host{--h-progressbar-label-color:var(--h-primary-contrast-color);--h-progressbar-label-font-size:0.75rem;--h-progressbar-label-font-weight:600;--h-progressbar-value-background:var(--h-primary-color);--h-progressbar-background:var(--h-content-border-color);--h-progressbar-border-radius:var(--h-content-border-radius);--h-progressbar-height:1.25rem;}
|
|
39
|
+
:root,:host{--h-progressspinner-color-one:var(--h-red-500);--h-progressspinner-color-two:var(--h-blue-500);--h-progressspinner-color-three:var(--h-green-500);--h-progressspinner-color-four:var(--h-yellow-500);}.app-dark{--h-progressspinner-color-one:var(--h-red-400);--h-progressspinner-color-two:var(--h-blue-400);--h-progressspinner-color-three:var(--h-green-400);--h-progressspinner-color-four:var(--h-yellow-400);}
|
|
12
40
|
:root,:host{--h-radiobutton-icon-size:0.75rem;--h-radiobutton-icon-checked-color:var(--h-primary-contrast-color);--h-radiobutton-icon-checked-hover-color:var(--h-primary-contrast-color);--h-radiobutton-icon-disabled-color:var(--h-form-field-disabled-color);--h-radiobutton-icon-lg-size:1rem;--h-radiobutton-icon-sm-size:0.5rem;--h-radiobutton-width:1.25rem;--h-radiobutton-height:1.25rem;--h-radiobutton-background:var(--h-form-field-background);--h-radiobutton-checked-background:var(--h-primary-color);--h-radiobutton-checked-hover-background:var(--h-primary-hover-color);--h-radiobutton-disabled-background:var(--h-form-field-disabled-background);--h-radiobutton-filled-background:var(--h-form-field-filled-background);--h-radiobutton-border-color:var(--h-form-field-border-color);--h-radiobutton-hover-border-color:var(--h-form-field-hover-border-color);--h-radiobutton-focus-border-color:var(--h-form-field-border-color);--h-radiobutton-checked-border-color:var(--h-primary-color);--h-radiobutton-checked-hover-border-color:var(--h-primary-hover-color);--h-radiobutton-checked-focus-border-color:var(--h-primary-color);--h-radiobutton-checked-disabled-border-color:var(--h-form-field-border-color);--h-radiobutton-invalid-border-color:var(--h-form-field-invalid-border-color);--h-radiobutton-shadow:var(--h-form-field-shadow);--h-radiobutton-transition-duration:var(--h-form-field-transition-duration);--h-radiobutton-lg-width:1.5rem;--h-radiobutton-lg-height:1.5rem;--h-radiobutton-sm-width:1rem;--h-radiobutton-sm-height:1rem;--h-radiobutton-focus-ring-width:var(--h-focus-ring-width);--h-radiobutton-focus-ring-style:var(--h-focus-ring-style);--h-radiobutton-focus-ring-color:var(--h-focus-ring-color);--h-radiobutton-focus-ring-offset:var(--h-focus-ring-offset);--h-radiobutton-focus-ring-shadow:var(--h-focus-ring-shadow);}
|
|
41
|
+
:root,:host{--h-rating-icon-size:1rem;--h-rating-icon-color:var(--h-text-muted-color);--h-rating-icon-hover-color:var(--h-primary-color);--h-rating-icon-active-color:var(--h-primary-color);--h-rating-gap:0.25rem;--h-rating-transition-duration:var(--h-transition-duration);--h-rating-focus-ring-width:var(--h-focus-ring-width);--h-rating-focus-ring-style:var(--h-focus-ring-style);--h-rating-focus-ring-color:var(--h-focus-ring-color);--h-rating-focus-ring-offset:var(--h-focus-ring-offset);--h-rating-focus-ring-shadow:var(--h-focus-ring-shadow);}
|
|
13
42
|
:root,:host{--h-selectbutton-border-radius:var(--h-form-field-border-radius);--h-selectbutton-invalid-border-color:var(--h-form-field-invalid-border-color);}.app-dark{--h-selectbutton-invalid-border-color:var(--h-form-field-invalid-border-color);}
|
|
14
43
|
:root,:host{--h-togglebutton-content-padding:0.25rem 0.75rem;--h-togglebutton-content-border-radius:var(--h-content-border-radius);--h-togglebutton-content-checked-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);--h-togglebutton-content-lg-padding:0.25rem 0.75rem;--h-togglebutton-content-sm-padding:0.25rem 0.75rem;--h-togglebutton-icon-disabled-color:var(--h-form-field-disabled-color);--h-togglebutton-padding:0.25rem;--h-togglebutton-border-radius:var(--h-content-border-radius);--h-togglebutton-gap:0.5rem;--h-togglebutton-font-weight:500;--h-togglebutton-disabled-background:var(--h-form-field-disabled-background);--h-togglebutton-disabled-border-color:var(--h-form-field-disabled-background);--h-togglebutton-disabled-color:var(--h-form-field-disabled-color);--h-togglebutton-invalid-border-color:var(--h-form-field-invalid-border-color);--h-togglebutton-transition-duration:var(--h-form-field-transition-duration);--h-togglebutton-lg-font-size:var(--h-form-field-lg-font-size);--h-togglebutton-lg-padding:0.25rem;--h-togglebutton-sm-font-size:var(--h-form-field-sm-font-size);--h-togglebutton-sm-padding:0.25rem;--h-togglebutton-focus-ring-width:var(--h-focus-ring-width);--h-togglebutton-focus-ring-style:var(--h-focus-ring-style);--h-togglebutton-focus-ring-color:var(--h-focus-ring-color);--h-togglebutton-focus-ring-offset:var(--h-focus-ring-offset);--h-togglebutton-focus-ring-shadow:var(--h-focus-ring-shadow);--h-togglebutton-icon-color:var(--h-surface-500);--h-togglebutton-icon-hover-color:var(--h-surface-700);--h-togglebutton-icon-checked-color:var(--h-surface-900);--h-togglebutton-content-checked-background:var(--h-surface-0);--h-togglebutton-background:var(--h-surface-100);--h-togglebutton-checked-background:var(--h-surface-100);--h-togglebutton-hover-background:var(--h-surface-100);--h-togglebutton-border-color:var(--h-surface-100);--h-togglebutton-color:var(--h-surface-500);--h-togglebutton-hover-color:var(--h-surface-700);--h-togglebutton-checked-color:var(--h-surface-900);--h-togglebutton-checked-border-color:var(--h-surface-100);}.app-dark{--h-togglebutton-icon-color:var(--h-surface-400);--h-togglebutton-icon-hover-color:var(--h-surface-300);--h-togglebutton-icon-checked-color:var(--h-surface-0);--h-togglebutton-content-checked-background:var(--h-surface-800);--h-togglebutton-background:var(--h-surface-950);--h-togglebutton-checked-background:var(--h-surface-950);--h-togglebutton-hover-background:var(--h-surface-950);--h-togglebutton-border-color:var(--h-surface-950);--h-togglebutton-color:var(--h-surface-400);--h-togglebutton-hover-color:var(--h-surface-300);--h-togglebutton-checked-color:var(--h-surface-0);--h-togglebutton-checked-border-color:var(--h-surface-950);}
|
|
15
44
|
:root,:host{--h-select-empty-message-padding:var(--h-list-option-padding);--h-select-checkmark-color:var(--h-list-option-color);--h-select-checkmark-gutter-start:-0.375rem;--h-select-checkmark-gutter-end:0.375rem;--h-select-clear-icon-color:var(--h-form-field-icon-color);--h-select-option-group-background:var(--h-list-option-group-background);--h-select-option-group-color:var(--h-list-option-group-color);--h-select-option-group-font-weight:var(--h-list-option-group-font-weight);--h-select-option-group-padding:var(--h-list-option-group-padding);--h-select-option-focus-background:var(--h-list-option-focus-background);--h-select-option-selected-background:var(--h-list-option-selected-background);--h-select-option-selected-focus-background:var(--h-list-option-selected-focus-background);--h-select-option-color:var(--h-list-option-color);--h-select-option-focus-color:var(--h-list-option-focus-color);--h-select-option-selected-color:var(--h-list-option-selected-color);--h-select-option-selected-focus-color:var(--h-list-option-selected-focus-color);--h-select-option-padding:var(--h-list-option-padding);--h-select-option-border-radius:var(--h-list-option-border-radius);--h-select-list-padding:var(--h-list-padding);--h-select-list-gap:var(--h-list-gap);--h-select-list-header-padding:var(--h-list-header-padding);--h-select-overlay-background:var(--h-overlay-select-background);--h-select-overlay-border-color:var(--h-overlay-select-border-color);--h-select-overlay-border-radius:var(--h-overlay-select-border-radius);--h-select-overlay-color:var(--h-overlay-select-color);--h-select-overlay-shadow:var(--h-overlay-select-shadow);--h-select-dropdown-width:2.5rem;--h-select-dropdown-color:var(--h-form-field-icon-color);--h-select-background:var(--h-form-field-background);--h-select-disabled-background:var(--h-form-field-disabled-background);--h-select-filled-background:var(--h-form-field-filled-background);--h-select-filled-hover-background:var(--h-form-field-filled-hover-background);--h-select-filled-focus-background:var(--h-form-field-filled-focus-background);--h-select-border-color:var(--h-form-field-border-color);--h-select-hover-border-color:var(--h-form-field-hover-border-color);--h-select-focus-border-color:var(--h-form-field-focus-border-color);--h-select-invalid-border-color:var(--h-form-field-invalid-border-color);--h-select-color:var(--h-form-field-color);--h-select-disabled-color:var(--h-form-field-disabled-color);--h-select-placeholder-color:var(--h-form-field-placeholder-color);--h-select-invalid-placeholder-color:var(--h-form-field-invalid-placeholder-color);--h-select-shadow:var(--h-form-field-shadow);--h-select-padding-x:var(--h-form-field-padding-x);--h-select-padding-y:var(--h-form-field-padding-y);--h-select-border-radius:var(--h-form-field-border-radius);--h-select-transition-duration:var(--h-form-field-transition-duration);--h-select-lg-font-size:var(--h-form-field-lg-font-size);--h-select-lg-padding-x:var(--h-form-field-lg-padding-x);--h-select-lg-padding-y:var(--h-form-field-lg-padding-y);--h-select-sm-font-size:var(--h-form-field-sm-font-size);--h-select-sm-padding-x:var(--h-form-field-sm-padding-x);--h-select-sm-padding-y:var(--h-form-field-sm-padding-y);--h-select-focus-ring-width:var(--h-form-field-focus-ring-width);--h-select-focus-ring-style:var(--h-form-field-focus-ring-style);--h-select-focus-ring-color:var(--h-form-field-focus-ring-color);--h-select-focus-ring-offset:var(--h-form-field-focus-ring-offset);--h-select-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);}
|
|
45
|
+
:root,:host{--h-skeleton-border-radius:var(--h-content-border-radius);--h-skeleton-background:var(--h-surface-200);--h-skeleton-animation-background:rgba(255,255,255,0.4);}.app-dark{--h-skeleton-background:rgba(255, 255, 255, 0.06);--h-skeleton-animation-background:rgba(255, 255, 255, 0.04);}
|
|
46
|
+
:root,:host{--h-slider-handle-width:20px;--h-slider-handle-height:20px;--h-slider-handle-border-radius:50%;--h-slider-handle-background:var(--h-content-border-color);--h-slider-handle-hover-background:var(--h-content-border-color);--h-slider-handle-focus-ring-width:var(--h-focus-ring-width);--h-slider-handle-focus-ring-style:var(--h-focus-ring-style);--h-slider-handle-focus-ring-color:var(--h-focus-ring-color);--h-slider-handle-focus-ring-offset:var(--h-focus-ring-offset);--h-slider-handle-focus-ring-shadow:var(--h-focus-ring-shadow);--h-slider-handle-content-border-radius:50%;--h-slider-handle-content-hover-background:var(--h-content-background);--h-slider-handle-content-width:16px;--h-slider-handle-content-height:16px;--h-slider-handle-content-shadow:0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);--h-slider-range-background:var(--h-primary-color);--h-slider-track-background:var(--h-content-border-color);--h-slider-track-border-radius:var(--h-content-border-radius);--h-slider-track-size:3px;--h-slider-transition-duration:var(--h-transition-duration);--h-slider-handle-content-background:var(--h-surface-0);}.app-dark{--h-slider-handle-content-background:var(--h-surface-950);}
|
|
47
|
+
:root,:host{--h-splitbutton-border-radius:var(--h-form-field-border-radius);--h-splitbutton-rounded-border-radius:2rem;--h-splitbutton-raised-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
|
|
48
|
+
:root,:host{--h-stepper-steppanel-background:var(--h-content-background);--h-stepper-steppanel-color:var(--h-content-color);--h-stepper-steppanel-padding:0;--h-stepper-steppanel-indent:1rem;--h-stepper-steppanels-padding:0.875rem 0.5rem 1.125rem 0.5rem;--h-stepper-step-number-background:var(--h-content-background);--h-stepper-step-number-active-background:var(--h-content-background);--h-stepper-step-number-border-color:var(--h-content-border-color);--h-stepper-step-number-active-border-color:var(--h-content-border-color);--h-stepper-step-number-color:var(--h-text-muted-color);--h-stepper-step-number-active-color:var(--h-primary-color);--h-stepper-step-number-size:2rem;--h-stepper-step-number-font-size:1.143rem;--h-stepper-step-number-font-weight:500;--h-stepper-step-number-border-radius:50%;--h-stepper-step-number-shadow:0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);--h-stepper-step-title-color:var(--h-text-muted-color);--h-stepper-step-title-active-color:var(--h-primary-color);--h-stepper-step-title-font-weight:500;--h-stepper-step-header-padding:0;--h-stepper-step-header-border-radius:var(--h-content-border-radius);--h-stepper-step-header-gap:0.5rem;--h-stepper-step-header-focus-ring-width:var(--h-focus-ring-width);--h-stepper-step-header-focus-ring-style:var(--h-focus-ring-style);--h-stepper-step-header-focus-ring-color:var(--h-focus-ring-color);--h-stepper-step-header-focus-ring-offset:var(--h-focus-ring-offset);--h-stepper-step-header-focus-ring-shadow:var(--h-focus-ring-shadow);--h-stepper-step-padding:0.5rem;--h-stepper-step-gap:1rem;--h-stepper-separator-background:var(--h-content-border-color);--h-stepper-separator-active-background:var(--h-primary-color);--h-stepper-separator-margin:0 0 0 1.625rem;--h-stepper-separator-size:2px;--h-stepper-transition-duration:var(--h-transition-duration);}
|
|
16
49
|
:root,:host{--h-toggleswitch-handle-border-radius:50%;--h-toggleswitch-handle-size:1rem;--h-toggleswitch-width:2.5rem;--h-toggleswitch-height:1.5rem;--h-toggleswitch-border-radius:30px;--h-toggleswitch-gap:0.25rem;--h-toggleswitch-shadow:var(--h-form-field-shadow);--h-toggleswitch-border-width:1px;--h-toggleswitch-border-color:transparent;--h-toggleswitch-hover-border-color:transparent;--h-toggleswitch-checked-border-color:transparent;--h-toggleswitch-checked-hover-border-color:transparent;--h-toggleswitch-invalid-border-color:var(--h-form-field-invalid-border-color);--h-toggleswitch-transition-duration:var(--h-form-field-transition-duration);--h-toggleswitch-slide-duration:0.2s;--h-toggleswitch-focus-ring-width:var(--h-focus-ring-width);--h-toggleswitch-focus-ring-style:var(--h-focus-ring-style);--h-toggleswitch-focus-ring-color:var(--h-focus-ring-color);--h-toggleswitch-focus-ring-offset:var(--h-focus-ring-offset);--h-toggleswitch-focus-ring-shadow:var(--h-focus-ring-shadow);--h-toggleswitch-handle-background:var(--h-surface-0);--h-toggleswitch-handle-disabled-background:var(--h-form-field-disabled-color);--h-toggleswitch-handle-hover-background:var(--h-surface-0);--h-toggleswitch-handle-checked-background:var(--h-surface-0);--h-toggleswitch-handle-checked-hover-background:var(--h-surface-0);--h-toggleswitch-handle-color:var(--h-text-muted-color);--h-toggleswitch-handle-hover-color:var(--h-text-color);--h-toggleswitch-handle-checked-color:var(--h-primary-color);--h-toggleswitch-handle-checked-hover-color:var(--h-primary-hover-color);--h-toggleswitch-background:var(--h-surface-300);--h-toggleswitch-disabled-background:var(--h-form-field-disabled-background);--h-toggleswitch-hover-background:var(--h-surface-400);--h-toggleswitch-checked-background:var(--h-primary-color);--h-toggleswitch-checked-hover-background:var(--h-primary-hover-color);}.app-dark{--h-toggleswitch-handle-background:var(--h-surface-400);--h-toggleswitch-handle-disabled-background:var(--h-surface-900);--h-toggleswitch-handle-hover-background:var(--h-surface-300);--h-toggleswitch-handle-checked-background:var(--h-surface-900);--h-toggleswitch-handle-checked-hover-background:var(--h-surface-900);--h-toggleswitch-handle-color:var(--h-surface-900);--h-toggleswitch-handle-hover-color:var(--h-surface-800);--h-toggleswitch-handle-checked-color:var(--h-primary-color);--h-toggleswitch-handle-checked-hover-color:var(--h-primary-hover-color);--h-toggleswitch-background:var(--h-surface-700);--h-toggleswitch-disabled-background:var(--h-surface-600);--h-toggleswitch-hover-background:var(--h-surface-600);--h-toggleswitch-checked-background:var(--h-primary-color);--h-toggleswitch-checked-hover-background:var(--h-primary-hover-color);}
|
|
50
|
+
:root,:host{--h-datatable-paginator-bottom-border-color:var(--h-datatable-border-color);--h-datatable-paginator-bottom-border-width:0 0 1px 0;--h-datatable-paginator-top-border-color:var(--h-datatable-border-color);--h-datatable-paginator-top-border-width:0 0 1px 0;--h-datatable-filter-inline-gap:0.5rem;--h-datatable-filter-constraint-focus-background:var(--h-list-option-focus-background);--h-datatable-filter-constraint-selected-background:var(--h-list-option-selected-background);--h-datatable-filter-constraint-selected-focus-background:var(--h-list-option-selected-focus-background);--h-datatable-filter-constraint-color:var(--h-list-option-color);--h-datatable-filter-constraint-focus-color:var(--h-list-option-focus-color);--h-datatable-filter-constraint-selected-color:var(--h-list-option-selected-color);--h-datatable-filter-constraint-selected-focus-color:var(--h-list-option-selected-focus-color);--h-datatable-filter-constraint-padding:var(--h-list-option-padding);--h-datatable-filter-constraint-border-radius:var(--h-list-option-border-radius);--h-datatable-filter-constraint-separator-border-color:var(--h-content-border-color);--h-datatable-filter-constraint-list-padding:var(--h-list-padding);--h-datatable-filter-constraint-list-gap:var(--h-list-gap);--h-datatable-filter-rule-border-color:var(--h-content-border-color);--h-datatable-filter-overlay-popover-background:var(--h-overlay-popover-background);--h-datatable-filter-overlay-popover-border-color:var(--h-overlay-popover-border-color);--h-datatable-filter-overlay-popover-border-radius:var(--h-overlay-popover-border-radius);--h-datatable-filter-overlay-popover-color:var(--h-overlay-popover-color);--h-datatable-filter-overlay-popover-shadow:var(--h-overlay-popover-shadow);--h-datatable-filter-overlay-popover-padding:var(--h-overlay-popover-padding);--h-datatable-filter-overlay-popover-gap:0.5rem;--h-datatable-filter-overlay-select-background:var(--h-overlay-select-background);--h-datatable-filter-overlay-select-border-color:var(--h-overlay-select-border-color);--h-datatable-filter-overlay-select-border-radius:var(--h-overlay-select-border-radius);--h-datatable-filter-overlay-select-color:var(--h-overlay-select-color);--h-datatable-filter-overlay-select-shadow:var(--h-overlay-select-shadow);--h-datatable-row-toggle-button-hover-background:var(--h-content-hover-background);--h-datatable-row-toggle-button-selected-hover-background:var(--h-content-background);--h-datatable-row-toggle-button-color:var(--h-text-muted-color);--h-datatable-row-toggle-button-hover-color:var(--h-text-color);--h-datatable-row-toggle-button-selected-hover-color:var(--h-primary-color);--h-datatable-row-toggle-button-size:1.75rem;--h-datatable-row-toggle-button-border-radius:50%;--h-datatable-row-toggle-button-focus-ring-width:var(--h-focus-ring-width);--h-datatable-row-toggle-button-focus-ring-style:var(--h-focus-ring-style);--h-datatable-row-toggle-button-focus-ring-color:var(--h-focus-ring-color);--h-datatable-row-toggle-button-focus-ring-offset:var(--h-focus-ring-offset);--h-datatable-row-toggle-button-focus-ring-shadow:var(--h-focus-ring-shadow);--h-datatable-loading-icon-size:2rem;--h-datatable-sort-icon-color:var(--h-text-muted-color);--h-datatable-sort-icon-hover-color:var(--h-text-hover-muted-color);--h-datatable-sort-icon-size:0.875rem;--h-datatable-resize-indicator-width:1px;--h-datatable-resize-indicator-color:var(--h-primary-color);--h-datatable-column-resizer-width:0.5rem;--h-datatable-drop-point-color:var(--h-primary-color);--h-datatable-footer-background:var(--h-content-background);--h-datatable-footer-border-color:var(--h-datatable-border-color);--h-datatable-footer-color:var(--h-content-color);--h-datatable-footer-border-width:0 0 1px 0;--h-datatable-footer-padding:0.75rem 1rem;--h-datatable-footer-lg-padding:1rem 1.25rem;--h-datatable-footer-sm-padding:0.375rem 0.5rem;--h-datatable-column-footer-font-weight:600;--h-datatable-footer-cell-background:var(--h-content-background);--h-datatable-footer-cell-border-color:var(--h-datatable-border-color);--h-datatable-footer-cell-color:var(--h-content-color);--h-datatable-footer-cell-padding:0.75rem 1rem;--h-datatable-footer-cell-lg-padding:1rem 1.25rem;--h-datatable-footer-cell-sm-padding:0.375rem 0.5rem;--h-datatable-body-cell-border-color:var(--h-datatable-border-color);--h-datatable-body-cell-padding:0.75rem 1rem;--h-datatable-body-cell-lg-padding:1rem 1.25rem;--h-datatable-body-cell-sm-padding:0.375rem 0.5rem;--h-datatable-row-background:var(--h-content-background);--h-datatable-row-hover-background:var(--h-content-hover-background);--h-datatable-row-selected-background:var(--h-highlight-background);--h-datatable-row-color:var(--h-content-color);--h-datatable-row-hover-color:var(--h-content-hover-color);--h-datatable-row-selected-color:var(--h-highlight-color);--h-datatable-row-focus-ring-width:var(--h-focus-ring-width);--h-datatable-row-focus-ring-style:var(--h-focus-ring-style);--h-datatable-row-focus-ring-color:var(--h-focus-ring-color);--h-datatable-row-focus-ring-offset:-1px;--h-datatable-row-focus-ring-shadow:var(--h-focus-ring-shadow);--h-datatable-column-title-font-weight:600;--h-datatable-header-cell-background:var(--h-content-background);--h-datatable-header-cell-hover-background:var(--h-content-hover-background);--h-datatable-header-cell-selected-background:var(--h-highlight-background);--h-datatable-header-cell-border-color:var(--h-datatable-border-color);--h-datatable-header-cell-color:var(--h-content-color);--h-datatable-header-cell-hover-color:var(--h-content-hover-color);--h-datatable-header-cell-selected-color:var(--h-highlight-color);--h-datatable-header-cell-gap:0.5rem;--h-datatable-header-cell-padding:0.75rem 1rem;--h-datatable-header-cell-lg-padding:1rem 1.25rem;--h-datatable-header-cell-sm-padding:0.375rem 0.5rem;--h-datatable-header-cell-focus-ring-width:var(--h-focus-ring-width);--h-datatable-header-cell-focus-ring-style:var(--h-focus-ring-style);--h-datatable-header-cell-focus-ring-color:var(--h-focus-ring-color);--h-datatable-header-cell-focus-ring-offset:-1px;--h-datatable-header-cell-focus-ring-shadow:var(--h-focus-ring-shadow);--h-datatable-header-background:var(--h-content-background);--h-datatable-header-border-color:var(--h-datatable-border-color);--h-datatable-header-color:var(--h-content-color);--h-datatable-header-border-width:0 0 1px 0;--h-datatable-header-padding:0.75rem 1rem;--h-datatable-header-lg-padding:1rem 1.25rem;--h-datatable-header-sm-padding:0.375rem 0.5rem;--h-datatable-transition-duration:var(--h-transition-duration);--h-datatable-body-cell-selected-border-color:var(--h-primary-100);--h-datatable-row-striped-background:var(--h-surface-50);--h-datatable-border-color:var(--h-content-border-color);}.app-dark{--h-datatable-body-cell-selected-border-color:var(--h-primary-900);--h-datatable-row-striped-background:var(--h-surface-950);--h-datatable-border-color:var(--h-surface-800);}
|
|
51
|
+
:root,:host{--h-tabs-active-bar-height:1px;--h-tabs-active-bar-bottom:-1px;--h-tabs-active-bar-background:var(--h-primary-color);--h-tabs-nav-button-background:var(--h-content-background);--h-tabs-nav-button-color:var(--h-text-muted-color);--h-tabs-nav-button-hover-color:var(--h-text-color);--h-tabs-nav-button-width:2.5rem;--h-tabs-nav-button-focus-ring-width:var(--h-focus-ring-width);--h-tabs-nav-button-focus-ring-style:var(--h-focus-ring-style);--h-tabs-nav-button-focus-ring-color:var(--h-focus-ring-color);--h-tabs-nav-button-focus-ring-offset:-1px;--h-tabs-nav-button-focus-ring-shadow:var(--h-focus-ring-shadow);--h-tabs-tabpanel-background:var(--h-content-background);--h-tabs-tabpanel-color:var(--h-content-color);--h-tabs-tabpanel-padding:0.875rem 1.125rem 1.125rem 1.125rem;--h-tabs-tabpanel-focus-ring-width:var(--h-focus-ring-width);--h-tabs-tabpanel-focus-ring-style:var(--h-focus-ring-style);--h-tabs-tabpanel-focus-ring-color:var(--h-focus-ring-color);--h-tabs-tabpanel-focus-ring-offset:var(--h-focus-ring-offset);--h-tabs-tabpanel-focus-ring-shadow:inset var(--h-focus-ring-shadow);--h-tabs-tab-background:transparent;--h-tabs-tab-hover-background:transparent;--h-tabs-tab-active-background:transparent;--h-tabs-tab-border-width:0 0 1px 0;--h-tabs-tab-border-color:var(--h-content-border-color);--h-tabs-tab-hover-border-color:var(--h-content-border-color);--h-tabs-tab-active-border-color:var(--h-primary-color);--h-tabs-tab-color:var(--h-text-muted-color);--h-tabs-tab-hover-color:var(--h-text-color);--h-tabs-tab-active-color:var(--h-primary-color);--h-tabs-tab-padding:1rem 1.125rem;--h-tabs-tab-font-weight:600;--h-tabs-tab-margin:0 0 -1px 0;--h-tabs-tab-gap:0.5rem;--h-tabs-tab-focus-ring-width:var(--h-focus-ring-width);--h-tabs-tab-focus-ring-style:var(--h-focus-ring-style);--h-tabs-tab-focus-ring-color:var(--h-focus-ring-color);--h-tabs-tab-focus-ring-offset:-1px;--h-tabs-tab-focus-ring-shadow:var(--h-focus-ring-shadow);--h-tabs-tablist-border-width:0 0 1px 0;--h-tabs-tablist-background:var(--h-content-background);--h-tabs-tablist-border-color:var(--h-content-border-color);--h-tabs-transition-duration:var(--h-transition-duration);--h-tabs-nav-button-shadow:0px 0px 10px 50px rgba(255, 255, 255, 0.6);}.app-dark{--h-tabs-nav-button-shadow:0px 0px 10px 50px color-mix(in srgb, var(--h-content-background), transparent 50%);}
|
|
52
|
+
:root,:host{--h-tag-icon-size:0.75rem;--h-tag-font-size:0.875rem;--h-tag-font-weight:700;--h-tag-padding:0.25rem 0.5rem;--h-tag-gap:0.25rem;--h-tag-border-radius:var(--h-content-border-radius);--h-tag-rounded-border-radius:var(--h-border-radius-xl);--h-tag-contrast-background:var(--h-surface-950);--h-tag-contrast-color:var(--h-surface-0);--h-tag-danger-background:var(--h-red-100);--h-tag-danger-color:var(--h-red-700);--h-tag-warn-background:var(--h-orange-100);--h-tag-warn-color:var(--h-orange-700);--h-tag-info-background:var(--h-sky-100);--h-tag-info-color:var(--h-sky-700);--h-tag-success-background:var(--h-green-100);--h-tag-success-color:var(--h-green-700);--h-tag-secondary-background:var(--h-surface-100);--h-tag-secondary-color:var(--h-surface-600);--h-tag-primary-background:var(--h-primary-100);--h-tag-primary-color:var(--h-primary-700);}.app-dark{--h-tag-contrast-background:var(--h-surface-0);--h-tag-contrast-color:var(--h-surface-950);--h-tag-danger-background:color-mix(in srgb, var(--h-red-500), transparent 84%);--h-tag-danger-color:var(--h-red-300);--h-tag-warn-background:color-mix(in srgb, var(--h-orange-500), transparent 84%);--h-tag-warn-color:var(--h-orange-300);--h-tag-info-background:color-mix(in srgb, var(--h-sky-500), transparent 84%);--h-tag-info-color:var(--h-sky-300);--h-tag-success-background:color-mix(in srgb, var(--h-green-500), transparent 84%);--h-tag-success-color:var(--h-green-300);--h-tag-secondary-background:var(--h-surface-800);--h-tag-secondary-color:var(--h-surface-300);--h-tag-primary-background:color-mix(in srgb, var(--h-primary-500), transparent 84%);--h-tag-primary-color:var(--h-primary-300);}
|
|
53
|
+
:root,:host{--h-timeline-event-connector-color:var(--h-content-border-color);--h-timeline-event-connector-size:2px;--h-timeline-event-marker-size:1.125rem;--h-timeline-event-marker-border-radius:50%;--h-timeline-event-marker-border-width:2px;--h-timeline-event-marker-background:var(--h-content-background);--h-timeline-event-marker-border-color:var(--h-content-border-color);--h-timeline-event-marker-content-border-radius:50%;--h-timeline-event-marker-content-size:0.375rem;--h-timeline-event-marker-content-background:var(--h-primary-color);--h-timeline-event-marker-content-inset-shadow:0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);--h-timeline-vertical-event-content-padding:0 1rem;--h-timeline-horizontal-event-content-padding:1rem 0;--h-timeline-event-min-height:5rem;}
|
|
54
|
+
:root,:host{--h-toast-close-icon-size:1rem;--h-toast-close-button-width:1.75rem;--h-toast-close-button-height:1.75rem;--h-toast-close-button-border-radius:50%;--h-toast-close-button-focus-ring-width:var(--h-focus-ring-width);--h-toast-close-button-focus-ring-style:var(--h-focus-ring-style);--h-toast-close-button-focus-ring-offset:var(--h-focus-ring-offset);--h-toast-detail-font-weight:500;--h-toast-detail-font-size:0.875rem;--h-toast-summary-font-weight:500;--h-toast-summary-font-size:1rem;--h-toast-text-gap:0.5rem;--h-toast-content-padding:var(--h-overlay-popover-padding);--h-toast-content-gap:0.5rem;--h-toast-icon-size:1.125rem;--h-toast-width:25rem;--h-toast-border-radius:var(--h-content-border-radius);--h-toast-border-width:1px;--h-toast-transition-duration:var(--h-transition-duration);--h-toast-contrast-background:var(--h-surface-900);--h-toast-contrast-border-color:var(--h-surface-950);--h-toast-contrast-color:var(--h-surface-50);--h-toast-contrast-detail-color:var(--h-surface-0);--h-toast-contrast-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-950), transparent 96%);--h-toast-contrast-close-button-hover-background:var(--h-surface-800);--h-toast-contrast-close-button-focus-ring-color:var(--h-surface-50);--h-toast-contrast-close-button-focus-ring-shadow:none;--h-toast-secondary-background:var(--h-surface-100);--h-toast-secondary-border-color:var(--h-surface-200);--h-toast-secondary-color:var(--h-surface-600);--h-toast-secondary-detail-color:var(--h-surface-700);--h-toast-secondary-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-500), transparent 96%);--h-toast-secondary-close-button-hover-background:var(--h-surface-200);--h-toast-secondary-close-button-focus-ring-color:var(--h-surface-600);--h-toast-secondary-close-button-focus-ring-shadow:none;--h-toast-error-background:color-mix(in srgb, var(--h-red-50), transparent 5%);--h-toast-error-border-color:var(--h-red-200);--h-toast-error-color:var(--h-red-600);--h-toast-error-detail-color:var(--h-surface-700);--h-toast-error-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-red-500), transparent 96%);--h-toast-error-close-button-hover-background:var(--h-red-100);--h-toast-error-close-button-focus-ring-color:var(--h-red-600);--h-toast-error-close-button-focus-ring-shadow:none;--h-toast-warn-background:color-mix(in srgb,var(--h-yellow-50), transparent 5%);--h-toast-warn-border-color:var(--h-yellow-200);--h-toast-warn-color:var(--h-yellow-600);--h-toast-warn-detail-color:var(--h-surface-700);--h-toast-warn-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-yellow-500), transparent 96%);--h-toast-warn-close-button-hover-background:var(--h-yellow-100);--h-toast-warn-close-button-focus-ring-color:var(--h-yellow-600);--h-toast-warn-close-button-focus-ring-shadow:none;--h-toast-success-background:color-mix(in srgb, var(--h-green-50), transparent 5%);--h-toast-success-border-color:var(--h-green-200);--h-toast-success-color:var(--h-green-600);--h-toast-success-detail-color:var(--h-surface-700);--h-toast-success-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-green-500), transparent 96%);--h-toast-success-close-button-hover-background:var(--h-green-100);--h-toast-success-close-button-focus-ring-color:var(--h-green-600);--h-toast-success-close-button-focus-ring-shadow:none;--h-toast-info-background:color-mix(in srgb, var(--h-blue-50), transparent 5%);--h-toast-info-border-color:var(--h-blue-200);--h-toast-info-color:var(--h-blue-600);--h-toast-info-detail-color:var(--h-surface-700);--h-toast-info-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-blue-500), transparent 96%);--h-toast-info-close-button-hover-background:var(--h-blue-100);--h-toast-info-close-button-focus-ring-color:var(--h-blue-600);--h-toast-info-close-button-focus-ring-shadow:none;--h-toast-blur:1.5px;}.app-dark{--h-toast-contrast-background:var(--h-surface-0);--h-toast-contrast-border-color:var(--h-surface-100);--h-toast-contrast-color:var(--h-surface-950);--h-toast-contrast-detail-color:var(--h-surface-950);--h-toast-contrast-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-950), transparent 96%);--h-toast-contrast-close-button-hover-background:var(--h-surface-100);--h-toast-contrast-close-button-focus-ring-color:var(--h-surface-950);--h-toast-contrast-close-button-focus-ring-shadow:none;--h-toast-secondary-background:var(--h-surface-800);--h-toast-secondary-border-color:var(--h-surface-700);--h-toast-secondary-color:var(--h-surface-300);--h-toast-secondary-detail-color:var(--h-surface-0);--h-toast-secondary-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-surface-500), transparent 96%);--h-toast-secondary-close-button-hover-background:var(--h-surface-700);--h-toast-secondary-close-button-focus-ring-color:var(--h-surface-300);--h-toast-secondary-close-button-focus-ring-shadow:none;--h-toast-error-background:color-mix(in srgb, var(--h-red-500), transparent 84%);--h-toast-error-border-color:color-mix(in srgb, var(--h-red-700), transparent 64%);--h-toast-error-color:var(--h-red-500);--h-toast-error-detail-color:var(--h-surface-0);--h-toast-error-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-red-500), transparent 96%);--h-toast-error-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-toast-error-close-button-focus-ring-color:var(--h-red-500);--h-toast-error-close-button-focus-ring-shadow:none;--h-toast-warn-background:color-mix(in srgb, var(--h-yellow-500), transparent 84%);--h-toast-warn-border-color:color-mix(in srgb, var(--h-yellow-700), transparent 64%);--h-toast-warn-color:var(--h-yellow-500);--h-toast-warn-detail-color:var(--h-surface-0);--h-toast-warn-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-yellow-500), transparent 96%);--h-toast-warn-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-toast-warn-close-button-focus-ring-color:var(--h-yellow-500);--h-toast-warn-close-button-focus-ring-shadow:none;--h-toast-success-background:color-mix(in srgb, var(--h-green-500), transparent 84%);--h-toast-success-border-color:color-mix(in srgb, var(--h-green-700), transparent 64%);--h-toast-success-color:var(--h-green-500);--h-toast-success-detail-color:var(--h-surface-0);--h-toast-success-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-green-500), transparent 96%);--h-toast-success-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-toast-success-close-button-focus-ring-color:var(--h-green-500);--h-toast-success-close-button-focus-ring-shadow:none;--h-toast-info-background:color-mix(in srgb, var(--h-blue-500), transparent 84%);--h-toast-info-border-color:color-mix(in srgb, var(--h-blue-700), transparent 64%);--h-toast-info-color:var(--h-blue-500);--h-toast-info-detail-color:var(--h-surface-0);--h-toast-info-shadow:0px 4px 8px 0px color-mix(in srgb, var(--h-blue-500), transparent 96%);--h-toast-info-close-button-hover-background:rgba(255, 255, 255, 0.05);--h-toast-info-close-button-focus-ring-color:var(--h-blue-500);--h-toast-info-close-button-focus-ring-shadow:none;--h-toast-blur:10px;}
|
|
55
|
+
:root,:host{--h-toolbar-background:var(--h-content-background);--h-toolbar-border-color:var(--h-content-border-color);--h-toolbar-border-radius:var(--h-content-border-radius);--h-toolbar-color:var(--h-content-color);--h-toolbar-gap:0.5rem;--h-toolbar-padding:0.75rem;}
|
|
17
56
|
:root,:host{--h-tooltip-max-width:12.5rem;--h-tooltip-gutter:0.25rem;--h-tooltip-shadow:var(--h-overlay-popover-shadow);--h-tooltip-padding:0.5rem 0.75rem;--h-tooltip-border-radius:var(--h-overlay-popover-border-radius);--h-tooltip-background:var(--h-surface-700);--h-tooltip-color:var(--h-surface-0);}.app-dark{--h-tooltip-background:var(--h-surface-700);--h-tooltip-color:var(--h-surface-0);}
|
|
57
|
+
:root,:host{--h-tree-filter-margin:0 0 0.5rem 0;--h-tree-loading-icon-size:2rem;--h-tree-node-toggle-button-border-radius:50%;--h-tree-node-toggle-button-size:1.75rem;--h-tree-node-toggle-button-hover-background:var(--h-content-hover-background);--h-tree-node-toggle-button-selected-hover-background:var(--h-content-background);--h-tree-node-toggle-button-color:var(--h-text-muted-color);--h-tree-node-toggle-button-hover-color:var(--h-text-hover-muted-color);--h-tree-node-toggle-button-selected-hover-color:var(--h-primary-color);--h-tree-node-toggle-button-focus-ring-width:var(--h-focus-ring-width);--h-tree-node-toggle-button-focus-ring-style:var(--h-focus-ring-style);--h-tree-node-toggle-button-focus-ring-color:var(--h-focus-ring-color);--h-tree-node-toggle-button-focus-ring-offset:var(--h-focus-ring-offset);--h-tree-node-toggle-button-focus-ring-shadow:var(--h-focus-ring-shadow);--h-tree-node-icon-color:var(--h-text-muted-color);--h-tree-node-icon-hover-color:var(--h-text-hover-muted-color);--h-tree-node-icon-selected-color:var(--h-highlight-color);--h-tree-node-padding:0.25rem 0.5rem;--h-tree-node-border-radius:var(--h-content-border-radius);--h-tree-node-hover-background:var(--h-content-hover-background);--h-tree-node-selected-background:var(--h-highlight-background);--h-tree-node-color:var(--h-text-color);--h-tree-node-hover-color:var(--h-text-hover-color);--h-tree-node-selected-color:var(--h-highlight-color);--h-tree-node-gap:0.25rem;--h-tree-node-focus-ring-width:var(--h-focus-ring-width);--h-tree-node-focus-ring-style:var(--h-focus-ring-style);--h-tree-node-focus-ring-color:var(--h-focus-ring-color);--h-tree-node-focus-ring-offset:-1px;--h-tree-node-focus-ring-shadow:var(--h-focus-ring-shadow);--h-tree-background:var(--h-content-background);--h-tree-color:var(--h-content-color);--h-tree-padding:1rem;--h-tree-gap:2px;--h-tree-indent:1rem;--h-tree-transition-duration:var(--h-transition-duration);}
|