@duplicati/ngclient 0.0.20 → 0.0.22
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/assets/spk.woff2 +0 -0
- package/chunk-22ZYSOTR.js +1 -0
- package/chunk-37USSSCL.js +1 -0
- package/{chunk-ICX4A35N.js → chunk-3ZEBM2Q6.js} +1 -1
- package/{chunk-6FMOBX4W.js → chunk-4EODC7AQ.js} +1 -1
- package/chunk-4SQTVC5T.js +1 -0
- package/{chunk-DUEP5NWI.js → chunk-5AC7O5ME.js} +1 -1
- package/{chunk-QILG6324.js → chunk-6GOAPINI.js} +1 -1
- package/chunk-73UOOUBD.js +1 -0
- package/chunk-7JBXSDSO.js +1 -0
- package/{chunk-OPT45L3G.js → chunk-AIWAOXTQ.js} +1 -1
- package/{chunk-HQEL6ET4.js → chunk-BHQV6I5A.js} +1 -1
- package/chunk-C6XNKGG2.js +1 -0
- package/{chunk-THXSJ5EB.js → chunk-CLHK3WG3.js} +1 -1
- package/{chunk-VCWCJ6GK.js → chunk-CLPPNSLN.js} +1 -1
- package/chunk-DFRSFFFH.js +1 -0
- package/{chunk-4UMXA6ZN.js → chunk-EEZT434V.js} +2 -2
- package/chunk-GON5H26V.js +1 -0
- package/{chunk-24SCDXOT.js → chunk-ICNC6KVB.js} +1 -1
- package/chunk-IEVRQDB6.js +1 -0
- package/{chunk-ZOYYVMCX.js → chunk-IXLTPP72.js} +1 -1
- package/{chunk-XG5WW7WW.js → chunk-JNQHJPEL.js} +1 -1
- package/chunk-KOPAOYHK.js +1 -0
- package/chunk-LZSE733H.js +1 -0
- package/{chunk-ZHM55NRD.js → chunk-N6REZCKW.js} +1 -1
- package/chunk-OLIXIFDJ.js +6 -0
- package/chunk-ORCLDJSO.js +1 -0
- package/{chunk-HAGEM2KU.js → chunk-OVWWCW76.js} +1 -1
- package/{chunk-ETZPVGXX.js → chunk-PFVXGEM7.js} +1 -1
- package/{chunk-I62MTURC.js → chunk-Q76L4VLC.js} +1 -1
- package/chunk-QHJTF3V4.js +8 -0
- package/chunk-QR4CYW4K.js +1 -0
- package/chunk-SFRGISK2.js +1 -0
- package/{chunk-EC4YV54D.js → chunk-TKY4PPEK.js} +1 -1
- package/{chunk-ZCCVAPLP.js → chunk-VC4GI7EV.js} +1 -1
- package/{chunk-AE4UH7UP.js → chunk-VOS5UL4W.js} +1 -1
- package/chunk-VUEDXCG5.js +1 -0
- package/{chunk-XWP5J7FY.js → chunk-WSTPDNCJ.js} +1 -1
- package/{chunk-XX4XT5RQ.js → chunk-XDYHN4IQ.js} +1 -1
- package/{chunk-SCOHUUYQ.js → chunk-XGBLG5PU.js} +1 -1
- package/{chunk-D3SNAEYH.js → chunk-Z7GRCDAT.js} +1 -1
- package/chunk-ZACWBV3N.js +1 -0
- package/chunk-ZPJ6YV7Y.js +1 -0
- package/chunk-ZSOWH34L.js +1 -0
- package/index.html +2 -2
- package/main-AXRS6RU7.js +1 -0
- package/package.json +1 -1
- package/{styles-EYLEETOZ.css → styles-LL6J7JBI.css} +1 -1
- package/chunk-2OFRFEDU.js +0 -1
- package/chunk-3ZII4VBA.js +0 -1
- package/chunk-4I2FZHFA.js +0 -1
- package/chunk-5AXUHH24.js +0 -1
- package/chunk-5P5MCIGV.js +0 -1
- package/chunk-6K5O33IF.js +0 -1
- package/chunk-6KLL4YWI.js +0 -1
- package/chunk-6RVKXE44.js +0 -1
- package/chunk-72GO2ZEM.js +0 -1
- package/chunk-APGFOGYB.js +0 -1
- package/chunk-HK24NYRP.js +0 -1
- package/chunk-MHN6DOJL.js +0 -1
- package/chunk-MTMC4CON.js +0 -1
- package/chunk-NN4VOZJP.js +0 -1
- package/chunk-NUWA7AOR.js +0 -8
- package/chunk-OZLQ4DOT.js +0 -1
- package/chunk-RL7MMUDI.js +0 -1
- package/chunk-ROKS3JRM.js +0 -1
- package/chunk-T35OO33H.js +0 -1
- package/chunk-WIE3F2D2.js +0 -1
- package/main-WKCYMGN6.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--font-size: 16px;font-size:var(--font-size)}html body{--sparkle-light: initial;--sparkle-dark: ;color-scheme:light dark;--primary-50: #eff6ff;--primary-rgb-50: 239,246,255;--primary-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-rgb-100: 219,234,254;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-rgb-200: 191,219,254;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-rgb-300: 147,197,253;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-rgb-400: 96,165,250;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-rgb-500: 59,130,246;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-rgb-600: 37,99,235;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-rgb-700: 29,78,216;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-rgb-800: 30,64,175;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-rgb-900: 30,58,138;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-rgb-950: 23,37,84;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-rgb-50: 245,243,255;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-rgb-100: 237,233,254;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-rgb-200: 221,214,254;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-rgb-300: 196,181,253;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-rgb-400: 167,139,250;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-rgb-500: 139,92,246;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-rgb-600: 124,58,237;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-rgb-700: 109,40,217;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-rgb-800: 91,33,182;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-rgb-900: 76,29,149;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-rgb-950: 46,16,101;--accent-contrast-950: var(--light-primary-text);--tertiary-50: #fffbeb;--tertiary-rgb-50: 255,251,235;--tertiary-contrast-50: var(--dark-primary-text);--tertiary-100: #fef3c7;--tertiary-rgb-100: 254,243,199;--tertiary-contrast-100: var(--dark-primary-text);--tertiary-200: #fde68a;--tertiary-rgb-200: 253,230,138;--tertiary-contrast-200: var(--dark-primary-text);--tertiary-300: #fcd34d;--tertiary-rgb-300: 252,211,77;--tertiary-contrast-300: var(--dark-primary-text);--tertiary-400: #fbbf24;--tertiary-rgb-400: 251,191,36;--tertiary-contrast-400: var(--light-primary-text);--tertiary-500: #f59e0b;--tertiary-rgb-500: 245,158,11;--tertiary-contrast-500: var(--light-primary-text);--tertiary-600: #d97706;--tertiary-rgb-600: 217,119,6;--tertiary-contrast-600: var(--light-primary-text);--tertiary-700: #b45309;--tertiary-rgb-700: 180,83,9;--tertiary-contrast-700: var(--light-primary-text);--tertiary-800: #92400e;--tertiary-rgb-800: 146,64,14;--tertiary-contrast-800: var(--light-primary-text);--tertiary-900: #78350f;--tertiary-rgb-900: 120,53,15;--tertiary-contrast-900: var(--light-primary-text);--tertiary-950: #451a03;--tertiary-rgb-950: 69,26,3;--tertiary-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-rgb-50: 250,250,250;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-rgb-100: 244,244,245;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-rgb-200: 228,228,231;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-rgb-300: 212,212,216;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-rgb-400: 161,161,170;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-rgb-500: 113,113,122;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-rgb-600: 82,82,91;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-rgb-700: 63,63,70;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-rgb-750: 47,47,49;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-rgb-800: 39,39,42;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-rgb-900: 24,24,27;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-rgb-950: 9,9,11;--grey-contrast-950: var(--light-primary-text);--warn-50: #fef2f2;--warn-rgb-50: 254,242,242;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fee2e2;--warn-rgb-100: 254,226,226;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fecaca;--warn-rgb-200: 254,202,202;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fca5a5;--warn-rgb-300: 252,165,165;--warn-contrast-300: var(--dark-primary-text);--warn-400: #f87171;--warn-rgb-400: 248,113,113;--warn-contrast-400: var(--light-primary-text);--warn-500: #ef4444;--warn-rgb-500: 239,68,68;--warn-contrast-500: var(--light-primary-text);--warn-600: #dc2626;--warn-rgb-600: 220,38,38;--warn-contrast-600: var(--light-primary-text);--warn-700: #b91c1c;--warn-rgb-700: 185,28,28;--warn-contrast-700: var(--light-primary-text);--warn-800: #991b1b;--warn-rgb-800: 153,27,27;--warn-contrast-800: var(--light-primary-text);--warn-900: #7f1d1d;--warn-rgb-900: 127,29,29;--warn-contrast-900: var(--light-primary-text);--warn-950: #450a0a;--warn-rgb-950: 69,10,10;--warn-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-rgb-50: 236,253,245;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-rgb-100: 209,250,229;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-rgb-200: 167,243,208;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-rgb-300: 110,231,183;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-rgb-400: 52,211,153;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-rgb-500: 16,185,129;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-rgb-600: 5,150,105;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-rgb-700: 4,120,87;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-rgb-800: 6,95,70;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-rgb-900: 6,78,59;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-rgb-950: 2,44,34;--success-contrast-950: var(--light-primary-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--shape-1: .25rem;--shape-2: .5rem;--shape-3: .75rem;--shape-4: 1rem;--shape-5: 1.25rem;--box-shadow-10: 0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20: 0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30: 0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35: 0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40: 0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50: 0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60: 0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20: var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30: var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40: var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50: var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60: var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R: var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20: linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30: linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60: linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70: linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20: var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30: var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40: var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50: var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R: var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80: var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30: linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20: var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30: var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40: var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50: var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R: var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80: var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20: linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30: linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--tertiary-level-20: var(--sparkle-light, var(--tertiary-50)) var(--sparkle-dark, var(--tertiary-950));--tertiary-level-30: var(--sparkle-light, var(--tertiary-100)) var(--sparkle-dark, var(--tertiary-900));--tertiary-level-40: var(--sparkle-light, var(--tertiary-200)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50: var(--sparkle-light, var(--tertiary-300)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50R: var(--sparkle-light, var(--tertiary-800)) var(--sparkle-dark, var(--tertiary-300));--tertiary-level-80: var(--sparkle-light, var(--tertiary-900)) var(--sparkle-dark, var(--tertiary-300));--tertiary-gradient-20: linear-gradient(180deg, var(--tertiary-400) 0%, var(--tertiary-500) 50%);--tertiary-gradient-30: linear-gradient(180deg, var(--tertiary-300) 0%, var(--tertiary-500) 50%);--warn-level-20: var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30: var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40: var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50: var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R: var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80: var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20: linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30: linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--success-level-20: var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30: var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40: var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50: var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R: var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80: var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20: linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30: linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text: var(--grey-900);--light-primary-text: #fff}html body.dark{--sparkle-light: ;--sparkle-dark: initial;color-scheme:dark}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-tertiary{color:var(--tertiary-500)}.spk-warn{color:var(--warn-500)}.spk-success,.mat-success{color:var(--success-500)}.mat-tertiary{color:var(--tertiary-500)}.loader{width:3rem;height:3rem;display:grid;place-content:center;color:var(--base-level-60)}.loader,.loading{position:relative}.loader:before,.loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--loader-c);border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body h1,body h2,body h3,body h4,body h5,body h6,body p,body .title-10,body .title-20B,body .title-20,body .title-30B,body .paragraph-10,body .paragraph-20{margin:0}body h1,body h2,body h3,body h4,body h5,body h6,body .title-10,body .title-20B,body .title-20,body .title-30B{color:var(--base-level-70)}p,.paragraph-10,.paragraph-20,.paragraph-30,.paragraph-40,.paragraph-10B,.paragraph-20B,.paragraph-30B,.paragraph-40B{color:var(--base-level-60)}p{margin:0}strong{font-weight:600}a{color:var(--primary-500)}sup{color:var(--warn-500);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10b{font:var(--title-10b)}body .title-20b{font:var(--title-20b)}body .title-30b{font:var(--title-30b)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10b{font:var(--paragraph-10b)}body .paragraph-20b{font:var(--paragraph-20b)}body .paragraph-30b{font:var(--paragraph-30b)}body .paragraph-40b{font:var(--paragraph-40b)}body .apexcharts-text{fill:var(--base-level-70)}body .apexcharts-text.apexcharts-yaxis-label,body .apexcharts-text.apexcharts-xaxis-label{fill:var(--base-level-60)}body .apexcharts-gridline,body .apexcharts-yaxis-tick,body .apexcharts-xaxis-tick{stroke:var(--base-level-60R)}body .apexcharts-grid-borders line{stroke:var(--base-level-60R)}body .apexcharts-tracks .apexcharts-radialbar-area{stroke:var(--base-level-40)}body .apexcharts-tooltip.apexcharts-theme-light{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--base-level-30);color:var(--base-level-60)}body .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background-color:var(--base-level-20);border-bottom:1px solid var(--base-level-40)}body .apexcharts-xaxistooltip,body .apexcharts-yaxistooltip{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--base-level-30);color:var(--base-level-60)}spk-alert-container{width:100%;position:relative}spk-alert-container spk-alert{margin-bottom:.5rem}spk-alert-container spk-alert:first-of-type{margin-bottom:0}spk-alert-container spk-alert.alert-is-hidden{margin-bottom:0}spk-alert-container .scroller{width:100%;max-height:50vh;overflow-y:auto;overflow-x:hidden;padding:.5rem 1rem 1rem .5rem}spk-alert-container .container{flex-direction:column-reverse;display:flex}spk-alert-container .tray{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--grey-500);color:var(--grey-contrast-500);position:absolute;bottom:0;right:0;border-radius:50%;z-index:1000}spk-alert{--alert-ad: .4s;--alert-bg: var(--base-level-10);--alert-bc: var(--base-level-40);--alert-state-ic: var(--base-level-70);--alert-close-ic: var(--base-level-60);--alert-title-c: var(--base-level-70);--alert-content-c: var(--base-level-60);--alert-bs: var(--box-shadow-10);max-height:18.75rem;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:1;overflow:hidden;transition:max-height var(--alert-ad) ease-in-out,transform var(--alert-ad) ease-in-out,opacity var(--alert-ad) ease-in-out,margin-bottom var(--alert-ad) ease-in-out,padding-top var(--alert-ad) ease-in-out,padding-bottom var(--alert-ad) ease-in-out;transform:translateY(0);box-shadow:var(--alert-bs)}spk-alert .alert{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"stateIcon title closeIcon" ". content .";padding:.5rem .75rem;align-items:flex-start;gap:.5rem .75rem;border:1px solid var(--alert-bc);border-radius:var(--shape-2);background-color:var(--alert-bg)}spk-alert.is-hidden{max-height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0;overflow:hidden;transform:translateY(-40px)}spk-alert.is-hidden:before{opacity:0}spk-alert.animate-in{transition:none;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transform:translateY(0)}spk-alert.animate-in:before{opacity:0}spk-alert.animate-out{max-height:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-40px)}spk-alert.animate-out:before{opacity:0}spk-alert.primary{--alert-state-ic: var(--primary-500);--alert-close-ic: var(--primary-500);--alert-title-c: var(--primary-level-80);--alert-content-c: var(--primary-level-80);--alert-bg: var(--primary-level-20);--alert-bc: var(--primary-level-40)}spk-alert.accent{--alert-state-ic: var(--accent-500);--alert-close-ic: var(--accent-500);--alert-title-c: var(--accent-level-80);--alert-content-c: var(--accent-level-80);--alert-bg: var(--accent-level-20);--alert-bc: var(--accent-level-40)}spk-alert.error{--alert-state-ic: var(--warn-500);--alert-close-ic: var(--warn-500);--alert-title-c: var(--warn-level-80);--alert-content-c: var(--warn-level-80);--alert-bg: var(--warn-level-20);--alert-bc: var(--warn-level-40)}spk-alert.success{--alert-state-ic: var(--success-500);--alert-close-ic: var(--success-500);--alert-title-c: var(--success-level-80);--alert-content-c: var(--success-level-80);--alert-bg: var(--success-level-20);--alert-bc: var(--success-level-40)}spk-alert.warning{--alert-state-ic: var(--tertiary-500);--alert-close-ic: var(--tertiary-500);--alert-title-c: var(--tertiary-level-80);--alert-content-c: var(--tertiary-level-80);--alert-bg: var(--tertiary-level-20);--alert-bc: var(--tertiary-level-40)}spk-alert:not(:has([content])) .alert{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([content]) .alert{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--box-shadow-50)}spk-alert:has([content]) .alert .title{color:var(--base-level-70)}spk-alert:has([content]) .alert .close-icon{color:var(--grey-400)}spk-alert:has([content]) .alert .content{color:var(--base-level-60)}body.dark spk-alert:has([content]) .alert{background-color:var(--grey-800);box-shadow:var(--box-shadow-50)}spk-alert .icon{grid-area:stateIcon;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}spk-alert .icon:first-of-type:not(:empty)+.icon{display:none}spk-alert [icon],spk-alert .state-icon{color:var(--alert-state-ic)}spk-alert .close-icon{grid-area:closeIcon;color:var(--alert-close-ic);transform:rotate(45deg);transform-origin:center}spk-alert .title{grid-area:title;color:var(--alert-title-c);padding-top:.125rem}spk-alert .content{grid-area:content;color:var(--alert-content-c)}spk-alert .content:empty{display:none}spk-toggle{--toggle-bg: var(--base-level-40);--toggle-b: 0;--togglek-bg: var(--base-level-30);--togglek-bs: var(--box-shadow-20);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-toggle label{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}spk-toggle .box{display:block;width:2.125rem;height:1.25rem;cursor:pointer;position:relative;border-radius:999px;background:var(--toggle-bg);border:var(--toggle-b);transition:background .15s linear}spk-toggle>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer;z-index:0}spk-toggle .knob{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:var(--togglek-bg);box-shadow:var(--togglek-bs);box-sizing:border-box;transition:left 125ms ease-in-out}spk-toggle:has(input[type=checkbox]:checked),spk-toggle.active{--togglek-bg: var(--base-level-60)}spk-toggle:has(input[type=checkbox]:checked) .knob,spk-toggle.active .knob{left:1rem}spk-toggle:has(input[type=checkbox]:checked).primary,spk-toggle.active.primary{--toggle-bg: var(--primary-level-30);--togglek-bg: var(--primary-500)}spk-toggle:has(input[type=checkbox]:checked).accent,spk-toggle.active.accent{--toggle-bg: var(--accent-level-30);--togglek-bg: var(--accent-500)}spk-toggle:has(input[type=checkbox]:checked).tertiary,spk-toggle.active.tertiary{--toggle-bg: var(--tertiary-level-30);--togglek-bg: var(--tertiary-500)}spk-toggle:has(input[type=checkbox]:checked).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-level-30);--togglek-bg: var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).success,spk-toggle.active.success{--toggle-bg: var(--success-level-30);--togglek-bg: var(--success-500)}spk-toggle.outlined{--toggle-bg: var(--base-level-10);--togglek-bg: var(--base-level-40);--togglek-bs: none;--toggle-b: 1px solid var(--base-level-40)}spk-toggle.outlined .knob{width:.875rem;height:.875rem}spk-toggle.flat{--togglek-bg: #fff}spk-toggle.flat:has(input[type=checkbox]:checked),spk-toggle.flat.active{--togglek-bg: #fff;--toggle-bg: var(--base-level-60)}spk-toggle.flat:has(input[type=checkbox]:checked).primary,spk-toggle.flat.active.primary{--toggle-bg: var(--primary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).accent,spk-toggle.flat.active.accent{--toggle-bg: var(--accent-500)}spk-toggle.flat:has(input[type=checkbox]:checked).tertiary,spk-toggle.flat.active.tertiary{--toggle-bg: var(--tertiary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).success,spk-toggle.flat.active.success{--toggle-bg: var(--success-500)}spk-toggle.raised{--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked),spk-toggle.raised.active{--toggle-bg: var(--base-gradient-20);--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary,spk-toggle.raised.active.primary{--toggle-bg: var(--primary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).accent,spk-toggle.raised.active.accent{--toggle-bg: var(--accent-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).tertiary,spk-toggle.raised.active.tertiary{--toggle-bg: var(--tertiary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).success,spk-toggle.raised.active.success{--toggle-bg: var(--success-gradient-20)}[spk-button]{--btn-h: 2.5rem;--btn-s: var(--shape-2);--btn-f: var(--paragraph-20);--loader-c: var(--base-level-60);--btn-c: var(--base-level-70);--btn-ic: var(--base-level-70);--btn-bg: var(--base-level-10);--btn-bg-h: var(--base-level-20);--btn-bc: var(--base-level-40);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;border-radius:var(--btn-s);height:var(--btn-h);border:1px solid var(--btn-bc);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c)}[spk-button] spk-icon{color:var(--btn-ic)}[spk-button]:has(spk-icon:only-child){padding:0 .5625rem}[spk-button]:hover{--btn-c: var(--base-level-70);background:var(--btn-bg-h)}[spk-button].loader.outlined,[spk-button].loader.flat,[spk-button].loader.raised,[spk-button].loader{color:transparent;width:inherit}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.tertiary,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.tertiary,[spk-button].loader.flat.warn,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.tertiary,[spk-button].loader.raised.warn,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.tertiary,[spk-button].loader.warn,[spk-button].loader.success{color:transparent}[spk-button].loader.outlined>*,[spk-button].loader.flat>*,[spk-button].loader.raised>*,[spk-button].loader>*{opacity:0}[spk-button].small{--btn-h: 2rem;--btn-f: var(--paragraph-30);padding:0 .5rem;gap:.25rem}[spk-button].small:has(spk-icon:only-child){padding:0 .375rem}[spk-button][disabled]{opacity:.5}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-ic: var(--primary-500)}[spk-button].accent{--btn-ic: var(--accent-500)}[spk-button].tertiary{--btn-ic: var(--tertiary-500)}[spk-button].warn{--btn-ic: var(--warn-500)}[spk-button].success{--btn-ic: var(--success-500)}[spk-button].icon{padding:0 .5625rem}[spk-button].icon.small{padding:0 .3125rem}[spk-button].icon,[spk-button].outlined{--btn-c: var(--base-level-70);--btn-bg: var(--base-level-20);--btn-bg-h: var(--base-level-30);transition:color 80ms linear}[spk-button].icon.primary,[spk-button].outlined.primary{--loader-c: var(--primary-500);--btn-bg: var(--primary-level-20);--btn-bg-h: var(--primary-level-30);--btn-bc: var(--primary-level-40)}[spk-button].icon.accent,[spk-button].outlined.accent{--loader-c: var(--accent-500);--btn-bg: var(--accent-level-20);--btn-bg-h: var(--accent-level-30);--btn-bc: var(--accent-level-40)}[spk-button].icon.tertiary,[spk-button].outlined.tertiary{--loader-c: var(--tertiary-500);--btn-bg: var(--tertiary-level-20);--btn-bg-h: var(--tertiary-level-30);--btn-bc: var(--tertiary-level-40)}[spk-button].icon.warn,[spk-button].outlined.warn{--loader-c: var(--warn-500);--btn-bg: var(--warn-level-20);--btn-bg-h: var(--warn-level-30);--btn-bc: var(--warn-level-40)}[spk-button].icon.success,[spk-button].outlined.success{--loader-c: var(--success-500);--btn-bg: var(--success-level-20);--btn-bg-h: var(--success-level-30);--btn-bc: var(--success-level-40)}[spk-button].flat{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));--btn-bg-h: var(--sparkle-light, var(--grey-700)) var(--sparkle-dark, var(--grey-700));border:0}[spk-button].flat:has(spk-icon:only-child){padding:0 .625rem}[spk-button].flat.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].flat.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-500);--btn-bg-h: var(--primary-500)}[spk-button].flat.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-h: var(--accent-500)}[spk-button].flat.tertiary{--btn-c: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-500);--btn-bg-h: var(--tertiary-500)}[spk-button].flat.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-h: var(--warn-500)}[spk-button].flat.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-h: var(--success-500)}[spk-button].raised{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-gradient-60);--btn-bg-h: var(--base-gradient-70);border:0;box-shadow:none}[spk-button].raised:has(spk-icon:only-child){padding:0 .625rem}[spk-button].raised.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].raised.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-gradient-20);--btn-bg-h: var(--primary-gradient-30)}[spk-button].raised.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-gradient-20);--btn-bg-h: var(--accent-gradient-30)}[spk-button].raised.tertiary{--btn-c: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-gradient-20);--btn-bg-h: var(--tertiary-gradient-30)}[spk-button].raised.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-h: var(--warn-gradient-30)}[spk-button].raised.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-gradient-20);--btn-bg-h: var(--success-gradient-30)}spk-progress-bar{--pb-h: .5rem;--pb-b: var(--base-level-40);--pb-bg: var(--base-level-30);--pb-br: var(--shape-2);--pbt-bg: var(--base-level-20);--pbt-br: inherit;display:block;width:100%;height:var(--pb-h);position:relative;overflow:hidden;border-radius:var(--pb-br);background:var(--pb-bg)}spk-progress-bar .progress-bar{position:absolute;top:0;left:0;bottom:0;height:100%;transform-origin:top left;border-radius:var(--pbt-br);background:var(--pbt-bg)}spk-progress-bar.indeterminate .progress-bar{right:0;animation:indeterminate-progress-bar-stripes 2s linear infinite}spk-progress-bar.indeterminate:after{content:"";position:absolute;inset:0;background-color:var(--base-level-30);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary{--pbt-bg: var(--primary-500)}spk-progress-bar.accent{--pbt-bg: var(--accent-500)}spk-progress-bar.tertiary{--pbt-bg: var(--tertiary-500)}spk-progress-bar.warn{--pbt-bg: var(--warn-500)}spk-progress-bar.success{--pbt-bg: var(--success-500)}spk-progress-bar.outlined{--pb-b: 1px solid var(--base-level-40);--pb-bg: var(--base-level-10)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{--pbt-bg: var(--base-level-30)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{--pbt-bg: var(--primary-level-30)}spk-progress-bar.flat.accent{--pbt-bg: var(--accent-level-30)}spk-progress-bar.flat.tertiary{--pbt-bg: var(--tertiary-level-30)}spk-progress-bar.flat.warn{--pbt-bg: var(--warn-level-30)}spk-progress-bar.flat.success{--pbt-bg: var(--success-level-30)}spk-progress-bar.raised{--pbt-bg: var(--base-gradient-30)}spk-progress-bar.raised.primary{--pbt-bg: var(--primary-gradient-30)}spk-progress-bar.raised.accent{--pbt-bg: var(--accent-gradient-30)}spk-progress-bar.raised.tertiary{--pbt-bg: var(--tertiary-gradient-30)}spk-progress-bar.raised.warn{--pbt-bg: var(--warn-gradient-30)}spk-progress-bar.raised.success{--pbt-bg: var(--success-gradient-30)}@keyframes indeterminate-progress-bar-stripes-background{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes indeterminate-progress-bar-stripes{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}spk-checkbox{--box-bw: .0625rem;--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-checkbox>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-checkbox>input[type=checkbox]:focus{outline:none}spk-checkbox .box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:var(--shape-1);border:var(--box-bw) solid var(--box-bc);background:var(--box-bg);font-size:.75rem;color:var(--box-c)}spk-checkbox spk-icon{opacity:0;font-weight:700}spk-checkbox spk-icon.indeterminate-indicator{display:none}spk-checkbox.indeterminate .box spk-icon.indeterminate-indicator{display:block}spk-checkbox.indeterminate .box spk-icon.default-indicator{display:none}spk-checkbox:has(input[type=checkbox]:checked) spk-icon,spk-checkbox.active spk-icon{opacity:1}spk-checkbox.primary{--box-bg: var(--primary-level-30);--box-bc: var(--primary-level-40);--box-c: var(--primary-500)}spk-checkbox.accent{--box-bg: var(--accent-level-30);--box-bc: var(--accent-level-40);--box-c: var(--accent-500)}spk-checkbox.tertiary{--box-bg: var(--tertiary-level-30);--box-bc: var(--tertiary-level-40);--box-c: var(--tertiary-500)}spk-checkbox.warn{--box-bg: var(--warn-level-30);--box-bc: var(--warn-level-40);--box-c: var(--warn-500)}spk-checkbox.success{--box-bg: var(--success-level-30);--box-bc: var(--success-level-40);--box-c: var(--success-500)}spk-checkbox.outlined{--box-bg: var(--base-level-10)}spk-checkbox.outlined.primary,spk-checkbox.outlined.accent,spk-checkbox.outlined.tertiary,spk-checkbox.outlined.warn,spk-checkbox.outlined.success{--box-bg: var(--base-level-10);--box-bc: var(--base-level-40)}spk-checkbox.flat.primary,spk-checkbox.flat.accent,spk-checkbox.flat.tertiary,spk-checkbox.flat.warn,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.tertiary,spk-checkbox.raised.warn,spk-checkbox.raised.success{--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30)}.sparkle-popup-menu spk-option[selected] spk-checkbox spk-icon{opacity:1}spk-checkbox.flat:has(input[type=checkbox]:checked),spk-checkbox.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.flat{--box-bw: 0;--box-bg: var(--grey-500);--box-c: #fff}spk-checkbox.primary.flat:has(input[type=checkbox]:checked),spk-checkbox.primary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.flat{--box-bg: var(--primary-500)}spk-checkbox.accent.flat:has(input[type=checkbox]:checked),spk-checkbox.accent.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.flat{--box-bg: var(--accent-500)}spk-checkbox.tertiary.flat:has(input[type=checkbox]:checked),spk-checkbox.tertiary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.flat{--box-bg: var(--tertiary-500)}spk-checkbox.warn.flat:has(input[type=checkbox]:checked),spk-checkbox.warn.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.flat{--box-bg: var(--warn-500)}spk-checkbox.success.flat:has(input[type=checkbox]:checked),spk-checkbox.success.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.flat{--box-bg: var(--success-500)}spk-checkbox.raised:has(input[type=checkbox]:checked),spk-checkbox.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.raised{--box-bw: 0;--box-bg: var(--base-gradient-20);--box-c: #fff}spk-checkbox.primary.raised:has(input[type=checkbox]:checked),spk-checkbox.primary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.raised{--box-bg: var(--primary-gradient-20)}spk-checkbox.accent.raised:has(input[type=checkbox]:checked),spk-checkbox.accent.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.raised{--box-bg: var(--accent-gradient-20)}spk-checkbox.tertiary.raised:has(input[type=checkbox]:checked),spk-checkbox.tertiary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.raised{--box-bg: var(--tertiary-gradient-20)}spk-checkbox.warn.raised:has(input[type=checkbox]:checked),spk-checkbox.warn.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.raised{--box-bg: var(--warn-gradient-20)}spk-checkbox.success.raised:has(input[type=checkbox]:checked),spk-checkbox.success.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.raised{--box-bg: var(--success-gradient-20)}spk-datepicker{--dp-sel-bg: var(--base-level-60);--dp-sel-bw: 0;--dp-sel-bc: transparent;--dp-sel-c: #fff;--dp-day-c: var(--base-level-60);--dp-day-g: .25rem;--dp-day-f: var(--paragraph-20);width:100%;max-width:18.75rem;display:flex;flex-direction:column}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:.5rem}spk-datepicker header .title{font:var(--paragraph-20)}spk-datepicker header button{appearance:none;background-color:transparent;border:0;cursor:pointer;height:2rem;color:var(--base-level-60)}spk-datepicker header button:focus{outline:none}spk-datepicker section{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--dp-day-g)}spk-datepicker section .days,spk-datepicker section .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker section .days>.days,spk-datepicker section .weekdays>.days{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--dp-day-g);z-index:0}spk-datepicker section .days>div,spk-datepicker section .weekdays>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;cursor:pointer;position:relative;z-index:1;color:var(--dp-day-c);font:var(--dp-day-f);-webkit-user-select:none;user-select:none}spk-datepicker section .days>div.sel,spk-datepicker section .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker section .days>div.out-of-scope,spk-datepicker section .weekdays>div.out-of-scope{opacity:.4}spk-datepicker section .days>div.sel-el,spk-datepicker section .weekdays>div.sel-el{position:relative;top:0;left:0;transition:transform 75ms linear,opacity 75ms linear;background:var(--dp-sel-bg);border-radius:50%;border:var(--dp-sel-bw) solid var(--dp-sel-bc);opacity:0;box-sizing:border-box}spk-datepicker section .weekdays>div{color:var(--base-level-70)}spk-datepicker.primary{--dp-sel-bg: var(--primary-500)}spk-datepicker.accent{--dp-sel-bg: var(--accent-500)}spk-datepicker.tertiary{--dp-sel-bg: var(--tertiary-500)}spk-datepicker.warn{--dp-sel-bg: var(--warn-500)}spk-datepicker.success{--dp-sel-bg: var(--success-500)}spk-datepicker.outlined{--dp-sel-bg: var(--base-level-10);--dp-sel-c: var(--base-level-70);--dp-sel-bw: 2px;--dp-sel-bc: var(--base-level-40)}spk-datepicker.outlined.primary{--dp-sel-bc: var(--primary-500)}spk-datepicker.outlined.accent{--dp-sel-bc: var(--accent-500)}spk-datepicker.outlined.tertiary{--dp-sel-bc: var(--tertiary-500)}spk-datepicker.outlined.warn{--dp-sel-bc: var(--warn-500)}spk-datepicker.outlined.success{--dp-sel-bc: var(--success-500)}spk-datepicker.raised{--dp-sel-bg: var(--base-gradient-20)}spk-datepicker.raised.primary{--dp-sel-bg: var(--primary-gradient-20)}spk-datepicker.raised.accent{--dp-sel-bg: var(--accent-gradient-20)}spk-datepicker.raised.tertiary{--dp-sel-bg: var(--tertiary-gradient-20)}spk-datepicker.raised.warn{--dp-sel-bg: var(--warn-gradient-20)}spk-datepicker.raised.success{--dp-sel-bg: var(--success-gradient-20)}spk-icon{font-size:1.25rem;line-height:1em;width:1em;height:1em;text-align:left;overflow:hidden}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{--menu-mh: 20rem;display:inline-flex;position:relative}spk-menu spk-popover{flex:1 0}spk-menu .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0;max-height:var(--menu-mh)}spk-menu .options [title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0 .5rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-menu .options button{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70)}spk-menu .options button[disabled]{opacity:.3;cursor:initial}spk-menu .options button[disabled]:hover{background-color:transparent}spk-menu .options button [suffix]{order:999;color:var(--base-level-60);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}spk-menu .options button spk-icon{font-size:1rem}spk-menu .options button.active,spk-menu .options button:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-menu .options button.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-menu .options button.focused:hover{background-color:var(--primary-level-30)}spk-divider{--divider-c: var(--base-level-40);--divider-h: .0625rem;display:flex;gap:.5rem;align-items:center;text-align:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-c);height:var(--divider-h);flex:1 0}dialog[spkDialog]{--dialog-p: 1rem;--dialog-g: .5rem;border:1px solid var(--base-level-40);border-radius:var(--shape-2);background-color:var(--base-level-10);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;max-width:initial;max-height:initial;position:relative;z-index:0}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] .content{position:relative;z-index:2}dialog[spkDialog]:focus{outline:none}dialog[spkDialog] .dialog-content{position:relative;z-index:2}dialog[spkDialog] .dialog-backdrop{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] [header],dialog[spkDialog] [content],dialog[spkDialog] [footer]{width:100%}dialog[spkDialog] [header]{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}spk-popover{--po-d: inherit;display:var(--po-d)}spk-popover .trigger{cursor:pointer;display:var(--po-d);position:relative}spk-popover .trigger .trigger-wrapper{display:var(--po-d)}spk-popover .trigger .trigger-wrapper:empty+*{display:inherit}spk-popover .trigger .trigger-wrapper+[spk-button]{display:none}spk-popover .overlay{position:fixed;inset:0;opacity:0;z-index:1}spk-popover .popover{position:absolute;margin:0;min-width:11.25rem;z-index:0;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);font:var(--paragraph-30);color:var(--base-level-60)}@supports (left: anchor(left)) and (top: anchor(bottom)){spk-popover .popover{left:anchor(left);top:anchor(bottom);margin-top:.25rem}}@supports (bottom: anchor(top)){spk-popover.above .popover{bottom:anchor(top);margin-bottom:.25rem;top:auto}}@supports (right: anchor(right)){spk-popover.right .popover{right:anchor(right);margin-right:0;left:auto}}spk-chip{--chip-h: 2rem;--chip-s: 1rem;--chip-c: var(--base-level-70);--chip-ic: var(--base-level-70);--chip-bg: var(--base-level-10);--chip-bc: var(--base-level-40);display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;font:var(--paragraph-30B);color:var(--chip-c);height:var(--chip-h);border-radius:var(--chip-s);border:1px solid var(--chip-bc);background:var(--chip-bg)}spk-chip spk-icon{color:var(--chip-ic);font-size:1rem;font-weight:inherit}spk-chip [avatar]{height:calc(var(--chip-h) - .75rem);width:calc(var(--chip-h) - .75rem);border-radius:50%}spk-chip.small{--chip-h: 1.5rem;--chip-s: .75rem;font:var(--paragraph-40B);padding:0 .5rem;gap:.25rem}spk-chip.small spk-icon{font-size:.75rem}spk-chip[disabled]{opacity:.5}spk-chip[read-only],spk-chip[read-only=true],spk-chip[readonly=true],spk-chip[readonly],spk-chip.readonly{pointer-events:none;-webkit-user-select:none;user-select:none}spk-chip.primary{--chip-ic: var(--primary-500)}spk-chip.accent{--chip-ic: var(--accent-500)}spk-chip.tertiary{--chip-ic: var(--tertiary-500)}spk-chip.warn{--chip-ic: var(--warn-500)}spk-chip.success{--chip-ic: var(--success-500)}spk-chip.simple{border:0;--chip-c: var(--base-level-70)}spk-chip.simple.primary{--chip-c: var(--primary-500)}spk-chip.simple.accent{--chip-c: var(--accent-500)}spk-chip.simple.tertiary{--chip-c: var(--tertiary-500)}spk-chip.simple.warn{--chip-c: var(--warn-500)}spk-chip.simple.success{--chip-c: var(--success-500)}spk-chip.simple,spk-chip.outlined{--chip-c: var(--base-level-70);--chip-bg: var(--base-level-20);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loader-c: var(--primary-500);--chip-bg: var(--primary-level-20);--chip-bc: var(--primary-level-40)}spk-chip.simple.accent,spk-chip.outlined.accent{--loader-c: var(--accent-500);--chip-bg: var(--accent-level-20);--chip-bc: var(--accent-level-40)}spk-chip.simple.tertiary,spk-chip.outlined.tertiary{--loader-c: var(--tertiary-500);--chip-bg: var(--tertiary-level-20);--chip-bc: var(--tertiary-level-40)}spk-chip.simple.warn,spk-chip.outlined.warn{--loader-c: var(--warn-500);--chip-bg: var(--warn-level-20);--chip-bc: var(--warn-level-40)}spk-chip.simple.success,spk-chip.outlined.success{--loader-c: var(--success-500);--chip-bg: var(--success-level-20);--chip-bc: var(--success-level-40)}spk-chip.flat{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));border:0}spk-chip.flat.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-500)}spk-chip.flat.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-500)}spk-chip.flat.tertiary{--chip-c: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-500)}spk-chip.flat.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-500)}spk-chip.raised{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-gradient-60);border:0;box-shadow:none}spk-chip.raised.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-gradient-20)}spk-chip.raised.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-gradient-20)}spk-chip.raised.tertiary{--chip-c: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-gradient-20)}spk-chip.raised.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field{--ff-h: 2.5rem;--ff-s: var(--shape-2);--ff-bc: var(--base-level-40);--ff-prefix-bg: var(--base-level-20);--ff-ic: var(--base-level-60);--ff-bg: var(--base-level-10);display:flex;flex-direction:column;position:relative}spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field.small{--ff-h: 2rem}spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field label spk-icon{font-size:1rem}spk-form-field .prefix{display:none;align-items:center;gap:.25rem;background-color:var(--ff-prefix-bg);padding:0 .75rem;height:100%;min-height:calc(var(--ff-h) - .125rem);transition:background-color 125ms linear}spk-form-field .prefix [prefix]+[textPrefix]{margin-left:.25rem}spk-form-field .prefix-space,spk-form-field .suffix-space{width:0;height:100%}spk-form-field:not(:has(.helpers .error:empty)){--ff-ic: var(--warn-500);--ff-bc: var(--warn-500);--ff-prefix-bg: var(--warn-level-20)}spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);padding:.4375rem .75rem;min-height:var(--ff-h);overflow:hidden;transition:border-color 125ms linear}spk-form-field .input-wrap .input{flex:1 0}spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field .input-wrap:has(textarea){height:auto;min-height:var(--ff-h)}spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-level-60)}spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field .input-wrap:has([suffix]) .suffix-space{width:.5rem}spk-form-field .input-wrap:has([prefix]),spk-form-field .input-wrap:has([textPrefix]){padding:0 .75rem 0 0}spk-form-field .input-wrap:has([prefix]) .prefix,spk-form-field .input-wrap:has([textPrefix]) .prefix{display:flex}spk-form-field .input-wrap:has([prefix]) .prefix-space,spk-form-field .input-wrap:has([textPrefix]) .prefix-space{width:.5rem}spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field .helpers:has(.error:empty):has(.hint:empty){height:0;padding-top:0}spk-form-field .helpers:not(:has(.error:empty)) .hint{opacity:0;visibility:hidden}spk-form-field .helpers [hint]{color:var(--base-level-60R)}spk-form-field .helpers [hint][suffix]{justify-self:flex-end}spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-level-60R);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field .hint:empty{opacity:0}spk-form-field .error{color:var(--warn-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field .error:empty{opacity:0}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-3);height:calc(100vh - 2rem);box-shadow:var(--box-shadow-35)}spk-sidenav .closed-topbar{display:none;min-height:3.75rem;background-color:var(--base-level-10);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-level-40);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.simple.closed{--sidenav-width: 6.25rem}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem;box-shadow:none}spk-sidenav.overlay .sidenav{position:fixed;z-index:0}spk-sidenav.overlay .dragable{position:absolute;top:0;left:0;bottom:0;z-index:9999;width:50px;padding-right:30px;display:flex;align-items:center;justify-content:center;cursor:grab}spk-sidenav.overlay .dragable:active{cursor:grabbing}spk-sidenav.overlay .dragable:after{content:"";display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-level-40)}spk-sidenav.overlay .dropping-surface{position:fixed;inset:0;z-index:100000}spk-sidenav.overlay .main-wrap{z-index:1;padding:0;display:flex;height:100vh;position:relative;flex-direction:column;transform:translate(0);transition:transform .2s linear}spk-sidenav.overlay.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}spk-sidenav.overlay.is-dragging .main-wrap{transition:none}spk-sidenav.overlay.is-dragging>*{cursor:grabbing}spk-sidenav.overlay.is-dragging .dragable{cursor:grabbing}spk-sidenav.overlay.open .main-wrap{transform:translate(var(--sidenav-width))}spk-sidenav.overlay .closed-topbar{display:flex}spk-sidenav.overlay .closed-topbar:empty{display:none}spk-sidenav.overlay main{border:0;box-shadow:none;flex:1 0}spk-list{--list-s: var(--shape-2);--list-active-bg: var(--base-level-20);--list-active-bs: none;width:100%;padding:1.25rem 1rem;gap:.5rem;display:flex;flex-direction:column}spk-list.base-level-20{--list-active-bg: var(--base-level-10);--list-active-bs: var(--box-shadow-20)}spk-list [title]{color:var(--base-level-60R);margin:0 .75rem;font:var(--paragraph-30);line-height:1.25rem}spk-list [action],spk-list [item]{border-radius:var(--list-s);padding:.5rem .75rem;font:var(--paragraph-30);color:var(--base-level-60);display:flex;align-items:center;gap:.5rem;width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent}spk-list [action]:focus,spk-list [item]:focus{outline:none}spk-list [action] [suffix],spk-list [item] [suffix]{margin-left:auto;color:var(--base-level-60R)}spk-list :has(input[type=checkbox]),spk-list :has(input[type=radio]),spk-list [action]{cursor:pointer}spk-list [item]:has(input[type=checkbox]:checked),spk-list [action]:has(input[type=checkbox]:checked),spk-list [item]:has(input[type=radio]:checked),spk-list [action]:has(input[type=radio]:checked),spk-list [action].active,spk-list [action].selected{background-color:var(--list-active-bg);box-shadow:var(--list-active-bs)}spk-list.primary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action].active spk-icon:first-child,spk-list.primary [action].selected spk-icon:first-child{color:var(--primary-500)}spk-list.accent [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action].active spk-icon:first-child,spk-list.accent [action].selected spk-icon:first-child{color:var(--accent-500)}spk-list.tertiary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [action].active spk-icon:first-child,spk-list.tertiary [action].selected spk-icon:first-child{color:var(--tertiary-500)}spk-list.warn [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action].active spk-icon:first-child,spk-list.warn [action].selected spk-icon:first-child{color:var(--warn-500)}spk-list.success [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action].active spk-icon:first-child,spk-list.success [action].selected spk-icon:first-child{color:var(--success-500)}spk-radio{--radio-bw: .0625rem;--radio-bg: var(--base-level-30);--radio-bc: var(--base-level-40);--radio-c: var(--base-level-60);--radiod-o: 0;--radiod-c: var(--base-level-60);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-radio>input[type=radio]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-radio>input[type=radio]:focus{outline:none}spk-radio:has(input[type=radio]:checked),spk-radio.active{--radiod-o: 1}spk-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%;border:var(--radio-bw) solid var(--radio-bc);background:var(--radio-bg);font-size:.75rem;color:var(--radio-c)}spk-radio .radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}spk-radio.primary{--radio-c: var(--primary-500);--radiod-c: var(--primary-500);--radio-bg: var(--primary-level-30);--radio-bc: var(--primary-level-40)}spk-radio.accent{--radio-c: var(--accent-500);--radiod-c: var(--accent-500);--radio-bg: var(--accent-level-30);--radio-bc: var(--accent-level-40)}spk-radio.tertiary{--radio-c: var(--tertiary-500);--radiod-c: var(--tertiary-500);--radio-bg: var(--tertiary-level-30);--radio-bc: var(--tertiary-level-40)}spk-radio.warn{--radio-c: var(--warn-500);--radiod-c: var(--warn-500);--radio-bg: var(--warn-level-30);--radio-bc: var(--warn-level-40)}spk-radio.success{--radio-c: var(--success-500);--radiod-c: var(--success-500);--radio-bg: var(--success-level-30);--radio-bc: var(--success-level-40)}spk-radio.outlined{--radio-bg: var(--base-level-10)}spk-radio.outlined.primary,spk-radio.outlined.accent,spk-radio.outlined.tertiary,spk-radio.outlined.warn,spk-radio.outlined.success{--radio-bc: var(--base-level-40)}spk-radio.flat,spk-radio.raised{--radio-c: #fff;--radio-bc: var(--base-level-40);--radio-bg: var(--base-level-30);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked),spk-radio.flat.active{--radio-bw: 0;--radio-bg: var(--grey-500);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked).primary,spk-radio.flat.active.primary{--radio-bg: var(--primary-500)}spk-radio.flat:has(input[type=radio]:checked).accent,spk-radio.flat.active.accent{--radio-bg: var(--accent-500)}spk-radio.flat:has(input[type=radio]:checked).tertiary,spk-radio.flat.active.tertiary{--radio-bg: var(--tertiary-500)}spk-radio.flat:has(input[type=radio]:checked).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-500)}spk-radio.flat:has(input[type=radio]:checked).success,spk-radio.flat.active.success{--radio-bg: var(--success-500)}spk-radio.raised:has(input[type=radio]:checked),spk-radio.raised.active{--radio-bw: 0;--radio-bg: var(--base-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).primary,spk-radio.raised.active.primary{--radio-bg: var(--primary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).accent,spk-radio.raised.active.accent{--radio-bg: var(--accent-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).tertiary,spk-radio.raised.active.tertiary{--radio-bg: var(--tertiary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).success,spk-radio.raised.active.success{--radio-bg: var(--success-gradient-20)}spk-button-group{--btng-bg: var(--base-level-10);--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bc: var(--base-level-40);--btng-h: 2.5rem;--btng-s: var(--shape-2);--btng-f: var(--paragraph-30);display:inline-flex;border:1px solid var(--btng-bc);border-radius:var(--btng-s);height:var(--btng-h);overflow:hidden}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;white-space:nowrap;background:var(--btng-bg);color:var(--btng-c);font:var(--btng-f);border-left:1px solid var(--btng-bc)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bg: var(--base-level-30)}spk-range-slider{--rs-h: 2.5rem;--rs-f: var(--paragraph-30);--rs-unit-g: .75rem;--rs-unit-c: var(--base-level-60);--rst: var(--base-level-30);--rst-bc: var(--base-level-10);--rst-bg: var(--base-level-60R);--rst-h: .5rem;--rst-s: var(--shape-1);--rs-thumb-c: var(--base-level-40);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--base-level-30);--rs-thumb-value-c: var(--base-level-30R);--rs-thumb-si: 1rem;display:flex;flex-direction:column;width:100%;font:var(--rs-f)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--rs-unit-g)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--rs-thumb-si) / 4);width:var(--rs-thumb-si);height:var(--rs-thumb-si);border-radius:50%;background-color:var(--rs-thumb-c);border:1px solid var(--rs-thumb-bc);box-shadow:var(--box-shadow-10)}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--rst-h)}spk-range-slider .track{position:relative;width:100%;height:var(--rst-h);border-radius:var(--rst-s);background-color:var(--rst);border:1px solid var(--rst-bc);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--rst-bg);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--rs-unit-c)}spk-range-slider input[type=range]:hover~.thumb-wrap .value-indicator,spk-range-slider input[type=range]:focus~.thumb-wrap .value-indicator{opacity:1}spk-range-slider .value-indicator{position:absolute;top:-1.875rem;height:1.5rem;border-radius:var(--shape-2);left:50%;margin:auto;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--rs-thumb-value-bg);color:var(--rs-thumb-value-c);white-space:nowrap;opacity:0;transition:opacity 125ms linear;-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider .value-indicator:after{content:"";border-top:.375rem solid var(--rs-thumb-value-bg);border-left:.375rem solid transparent;border-right:.375rem solid transparent;position:absolute;top:100%;left:50%;margin-left:-.375rem}spk-range-slider input[type=range][readonly]{-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider input[type=range][readonly]~.track .track-filled{transition:width 125ms linear;border-radius:var(--rst-s)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--rst-bg: var(--primary-500);--rst: var(--primary-level-40);--rs-thumb-c: var(--primary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--primary-level-50);--rs-thumb-value-c: var(--primary-level-50R)}spk-range-slider.accent{--rst-bg: var(--accent-500);--rst: var(--accent-level-40);--rs-thumb-c: var(--accent-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--accent-level-50);--rs-thumb-value-c: var(--accent-level-50R)}spk-range-slider.tertiary{--rst-bg: var(--tertiary-500);--rst: var(--tertiary-level-40);--rs-thumb-c: var(--tertiary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--tertiary-level-50);--rs-thumb-value-c: var(--tertiary-level-50R)}spk-range-slider.warn{--rst-bg: var(--warn-500);--rst: var(--warn-level-40);--rs-thumb-c: var(--warn-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--warn-level-50);--rs-thumb-value-c: var(--warn-level-50R)}spk-range-slider.success{--rst-bg: var(--success-500);--rst: var(--success-level-40);--rs-thumb-c: var(--success-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--success-level-50);--rs-thumb-value-c: var(--success-level-50R)}spk-range-slider.outlined{--rst: var(--base-level-10);--rst-bc: var(--base-level-40);--rs-thumb-c: var(--base-level-50);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.tertiary,spk-range-slider.outlined.warn,spk-range-slider.outlined.success{--rst: var(--base-level-10)}spk-range-slider.outlined.primary{--rs-thumb-c: var(--primary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.accent{--rs-thumb-c: var(--accent-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.tertiary{--rs-thumb-c: var(--tertiary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.warn{--rs-thumb-c: var(--warn-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.success{--rs-thumb-c: var(--success-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.flat{--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.tertiary,spk-range-slider.flat.warn,spk-range-slider.flat.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised{--rst-bg: var(--base-gradient-20);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.tertiary,spk-range-slider.raised.warn,spk-range-slider.raised.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary{--rst-bg: var(--primary-gradient-20)}spk-range-slider.raised.accent{--rst-bg: var(--accent-gradient-20)}spk-range-slider.raised.tertiary{--rst-bg: var(--tertiary-gradient-20)}spk-range-slider.raised.warn{--rst-bg: var(--warn-gradient-20)}spk-range-slider.raised.success{--rst-bg: var(--success-gradient-20)}[spk-tooltip],[spk-tooltip-primary],[spk-tooltip-accent],[spk-tooltip-tertiary],[spk-tooltip-warn],[spk-tooltip-success]{--spk-tooltip-bg: var(--base-level-30);--spk-tooltip-color: var(--base-level-30R);position:relative}[spk-tooltip]:after,[spk-tooltip-primary]:after,[spk-tooltip-accent]:after,[spk-tooltip-tertiary]:after,[spk-tooltip-warn]:after,[spk-tooltip-success]:after{content:attr(spk-tooltip);position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--spk-tooltip-bg);color:var(--spk-tooltip-color);max-width:12.5rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000}[spk-tooltip]:before,[spk-tooltip-primary]:before,[spk-tooltip-accent]:before,[spk-tooltip-tertiary]:before,[spk-tooltip-warn]:before,[spk-tooltip-success]:before{content:"";position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%);border-width:.5rem;border-style:solid;border-color:transparent;border-top-color:var(--spk-tooltip-bg);width:0;height:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;z-index:1000}[spk-tooltip]:hover:after,[spk-tooltip]:hover:before,[spk-tooltip-primary]:hover:after,[spk-tooltip-primary]:hover:before,[spk-tooltip-accent]:hover:after,[spk-tooltip-accent]:hover:before,[spk-tooltip-tertiary]:hover:after,[spk-tooltip-tertiary]:hover:before,[spk-tooltip-warn]:hover:after,[spk-tooltip-warn]:hover:before,[spk-tooltip-success]:hover:after,[spk-tooltip-success]:hover:before{opacity:1;visibility:visible}[spk-tooltip-primary]{--spk-tooltip-bg: var(--primary-level-50);--spk-tooltip-color: var(--primary-level-50R)}[spk-tooltip-primary]:after{content:attr(spk-tooltip-primary)}[spk-tooltip-accent]{--spk-tooltip-bg: var(--accent-level-50);--spk-tooltip-color: var(--accent-level-50R)}[spk-tooltip-accent]:after{content:attr(spk-tooltip-accent)}[spk-tooltip-tertiary]{--spk-tooltip-bg: var(--tertiary-level-50);--spk-tooltip-color: var(--tertiary-level-50R)}[spk-tooltip-tertiary]:after{content:attr(spk-tooltip-tertiary)}[spk-tooltip-warn]{--spk-tooltip-bg: var(--warn-level-50);--spk-tooltip-color: var(--warn-level-50R)}[spk-tooltip-warn]:after{content:attr(spk-tooltip-warn)}[spk-tooltip-success]{--spk-tooltip-bg: var(--success-level-50);--spk-tooltip-color: var(--success-level-50R)}[spk-tooltip-success]:after{content:attr(spk-tooltip-success)}[spk-tooltip][spk-tooltip-left]:after,[spk-tooltip-primary][spk-tooltip-left]:after,[spk-tooltip-accent][spk-tooltip-left]:after,[spk-tooltip-tertiary][spk-tooltip-left]:after,[spk-tooltip-warn][spk-tooltip-left]:after,[spk-tooltip-success][spk-tooltip-left]:after{top:50%;left:auto;right:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][spk-tooltip-left]:before,[spk-tooltip-primary][spk-tooltip-left]:before,[spk-tooltip-accent][spk-tooltip-left]:before,[spk-tooltip-tertiary][spk-tooltip-left]:before,[spk-tooltip-warn][spk-tooltip-left]:before,[spk-tooltip-success][spk-tooltip-left]:before{top:50%;left:auto;right:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--spk-tooltip-bg)}[spk-tooltip][spk-tooltip-right]:after,[spk-tooltip-primary][spk-tooltip-right]:after,[spk-tooltip-accent][spk-tooltip-right]:after,[spk-tooltip-tertiary][spk-tooltip-right]:after,[spk-tooltip-warn][spk-tooltip-right]:after,[spk-tooltip-success][spk-tooltip-right]:after{top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][spk-tooltip-right]:before,[spk-tooltip-primary][spk-tooltip-right]:before,[spk-tooltip-accent][spk-tooltip-right]:before,[spk-tooltip-tertiary][spk-tooltip-right]:before,[spk-tooltip-warn][spk-tooltip-right]:before,[spk-tooltip-success][spk-tooltip-right]:before{top:50%;left:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--spk-tooltip-bg)}[spk-tooltip][spk-tooltip-bottom]:after,[spk-tooltip-primary][spk-tooltip-bottom]:after,[spk-tooltip-accent][spk-tooltip-bottom]:after,[spk-tooltip-tertiary][spk-tooltip-bottom]:after,[spk-tooltip-warn][spk-tooltip-bottom]:after,[spk-tooltip-success][spk-tooltip-bottom]:after{top:calc(100% + .75rem)}[spk-tooltip][spk-tooltip-bottom]:before,[spk-tooltip-primary][spk-tooltip-bottom]:before,[spk-tooltip-accent][spk-tooltip-bottom]:before,[spk-tooltip-tertiary][spk-tooltip-bottom]:before,[spk-tooltip-warn][spk-tooltip-bottom]:before,[spk-tooltip-success][spk-tooltip-bottom]:before{top:calc(100% - .25rem);transform:translate(-50%);border-top-color:transparent;border-bottom-color:var(--spk-tooltip-bg)}spk-multi-select,spk-select{display:flex}spk-multi-select spk-form-field,spk-select spk-form-field{display:flex;min-width:13.125rem}spk-multi-select spk-popover,spk-select spk-popover{flex:1 0}spk-multi-select .overlay,spk-select .overlay{position:fixed;inset:0;opacity:0;z-index:1}spk-multi-select .deselect-indicator,spk-multi-select .select-open-indicator,spk-select .deselect-indicator,spk-select .select-open-indicator{cursor:pointer;height:1.25rem}spk-multi-select .deselect-indicator:not(:has([open-indicator])),spk-multi-select .select-open-indicator:not(:has([open-indicator])),spk-select .deselect-indicator:not(:has([open-indicator])),spk-select .select-open-indicator:not(:has([open-indicator])){transform:rotate(0);transition:transform 75ms linear;transform-origin:center}spk-multi-select .deselect-indicator:not(:has([open-indicator])).open,spk-multi-select .select-open-indicator:not(:has([open-indicator])).open,spk-select .deselect-indicator:not(:has([open-indicator])).open,spk-select .select-open-indicator:not(:has([open-indicator])).open{transform:rotate(540deg)}spk-multi-select .deselect-indicator>*,spk-multi-select .select-open-indicator>*,spk-select .deselect-indicator>*,spk-select .select-open-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .deselect-indicator>*+.default-indicator,spk-multi-select .select-open-indicator>*+.default-indicator,spk-select .deselect-indicator>*+.default-indicator,spk-select .select-open-indicator>*+.default-indicator{display:none}spk-multi-select .search-indicator>*,spk-select .search-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .search-indicator>*+.default-indicator,spk-select .search-indicator>*+.default-indicator{display:none}spk-multi-select .display-value,spk-select .display-value{display:flex;flex-wrap:wrap;gap:.25rem}spk-multi-select .display-value+input,spk-select .display-value+input{opacity:0;position:absolute;top:-200%;height:0;width:0}spk-multi-select .display-value spk-chip,spk-select .display-value spk-chip{cursor:pointer;-webkit-user-select:none;user-select:none}spk-multi-select .display-value spk-chip spk-icon,spk-select .display-value spk-chip spk-icon{color:inherit;font-size:1rem}spk-multi-select input,spk-select input{width:100%}spk-multi-select .sparkle-options,spk-select .sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;position:relative;z-index:2;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}spk-multi-select .sparkle-options [spk-title],spk-select .sparkle-options [spk-title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-multi-select .sparkle-options spk-option,spk-multi-select .sparkle-options option,spk-select .sparkle-options spk-option,spk-select .sparkle-options option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70);-webkit-user-select:none;user-select:none}spk-multi-select .sparkle-options spk-option spk-checkbox,spk-multi-select .sparkle-options option spk-checkbox,spk-select .sparkle-options spk-option spk-checkbox,spk-select .sparkle-options option spk-checkbox{margin-left:auto}spk-multi-select .sparkle-options spk-option[disabled],spk-multi-select .sparkle-options option[disabled],spk-select .sparkle-options spk-option[disabled],spk-select .sparkle-options option[disabled]{opacity:.3;cursor:initial}spk-multi-select .sparkle-options spk-option[disabled]:hover,spk-multi-select .sparkle-options option[disabled]:hover,spk-select .sparkle-options spk-option[disabled]:hover,spk-select .sparkle-options option[disabled]:hover{background-color:transparent}spk-multi-select .sparkle-options spk-option spk-icon,spk-multi-select .sparkle-options option spk-icon,spk-select .sparkle-options spk-option spk-icon,spk-select .sparkle-options option spk-icon{font-size:1rem}spk-multi-select .sparkle-options spk-option.active,spk-multi-select .sparkle-options spk-option:checked,spk-multi-select .sparkle-options spk-option:hover,spk-multi-select .sparkle-options option.active,spk-multi-select .sparkle-options option:checked,spk-multi-select .sparkle-options option:hover,spk-select .sparkle-options spk-option.active,spk-select .sparkle-options spk-option:checked,spk-select .sparkle-options spk-option:hover,spk-select .sparkle-options option.active,spk-select .sparkle-options option:checked,spk-select .sparkle-options option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-multi-select .sparkle-options spk-option.focused,spk-multi-select .sparkle-options option.focused,spk-select .sparkle-options spk-option.focused,spk-select .sparkle-options option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-multi-select .sparkle-options spk-option.focused:hover,spk-multi-select .sparkle-options option.focused:hover,spk-select .sparkle-options spk-option.focused:hover,spk-select .sparkle-options option.focused:hover{background-color:var(--primary-level-30)}spk-card{--card-bg: var(--base-level-10);--card-ibg: var(--base-level-20);--card-bc: var(--base-level-40);--card-sh: var(--box-shadow-10);--card-p: 1.5rem;--card-shp: .5rem;display:block;padding:var(--card-p);position:relative;z-index:0}spk-card:before,spk-card:after{content:"";position:absolute;inset:0;border-radius:var(--shape-3)}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);z-index:-2}spk-card:after{background-color:var(--card-ibg);inset:var(--card-shp);z-index:-1}spk-stepper{display:flex;flex-wrap:nowrap;width:100%;position:relative;overflow:hidden}spk-stepper [step]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;color:var(--base-level-60R);cursor:pointer;-webkit-user-select:none;user-select:none}spk-stepper [step]:first-child{align-items:flex-start;flex:1 0}spk-stepper [step]:last-child{align-items:flex-end;flex:1 0}spk-stepper [step]:not(.active) spk-radio{z-index:10}spk-stepper [step]:has(~[step].active) spk-radio{--radiod-o: 1}spk-stepper [step]:has(~[step].active) spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step] spk-radio .radio{--radiod-c: var(--base-level-10);width:1rem;height:1rem}spk-stepper [step].active{color:var(--primary-500);outline:none}spk-stepper [step].active spk-radio{z-index:0;--radiod-o: 1}spk-stepper [step].active spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step].active spk-radio:before{content:"";position:absolute;top:.375rem;left:-9999px;z-index:-1;right:0;height:.25rem;background-color:var(--primary-500)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-level-30)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2}[spkSortable] .sortable-placeholder{position:absolute;top:0;z-index:1}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-toggle-card.active .content{max-height:1000px;transition:max-height 1s linear;padding:0 1rem 1rem}spk-toggle-card.active spk-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon{transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;overflow:hidden;max-height:0;transition:max-height .25s linear,padding .25s linear}spk-table{--table-bc: var(--base-level-40);--table-tr-bg: var(--base-level-10);--table-th-bg: var(--base-level-10);--table-th-c: var(--base-level-60R);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-level-60);--table-td-f: var(--paragraph-30);--table-columns: 1fr 1fr 1fr max-content;width:100%;display:grid;grid-template-columns:var(--table-columns);position:relative}spk-table thead{position:relative}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%)}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table tr{background:var(--table-tr-bg)}spk-table th{display:flex;align-items:center;padding:0 0 0 1.25rem;height:3rem;font:var(--table-th-f);line-height:1em;white-space:nowrap;color:var(--table-th-c);border:0;background:var(--table-th-bg)}spk-table th:last-child{padding:0 1.25rem}spk-table td{display:flex;align-items:center;padding:1rem 1.25rem;height:4.875rem;gap:.5rem;white-space:nowrap;color:var(--table-td-c);font:var(--table-td-f);border-top:1px solid var(--table-bc);border-bottom:0}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-tabs{--tabs-bc: var(--base-level-40);--tabs-bg: var(--base-level-10);--tabs-c: var(--base-level-70);--tabs-c-hover: var(--base-level-60);--tabs-c-active: var(--base-level-70);--tabs-f: var(--paragraph-30);--tabs-sel-bg: var(--base-level-70);display:flex;gap:1rem;border-bottom:1px solid var(--base-level-40)}spk-tabs [tab]{display:flex;align-items:center;gap:.5rem;height:3rem;font:var(--tabs-f);background:var(--tabs-bg);border-radius:0;appearance:none;border:0;color:var(--tabs-c);cursor:pointer;position:relative}spk-tabs [tab]:focus{outline:none}spk-tabs [tab]:hover{color:var(--tabs-c-hover)}spk-tabs [tab].active{color:var(--tabs-c-active)}spk-tabs [tab].active:after{display:block}spk-tabs [tab]:after{content:"";display:none;width:100%;height:2px;background:var(--tabs-sel-bg);position:absolute;left:0;bottom:0}spk-tabs.primary{--tabs-sel-bg: var(--primary-500);--tabs-c-active: var(--primary-500)}spk-tabs.accent{--tabs-sel-bg: var(--accent-500);--tabs-c-active: var(--accent-500)}spk-tabs.tertiary{--tabs-sel-bg: var(--tertiary-500);--tabs-c-active: var(--tertiary-500)}spk-tabs.warn{--tabs-sel-bg: var(--warn-500);--tabs-c-active: var(--warn-500)}spk-tabs.success{--tabs-sel-bg: var(--success-500);--tabs-c-active: var(--success-500)}spk-file-upload{display:flex;flex-direction:column;gap:.75rem}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}.sparkle-popup-menu{min-width:initial}.sparkle-popup-menu.right button{justify-content:flex-end}
|
|
1
|
+
:root{--font-size: 16px;font-size:var(--font-size)}html body{--sparkle-light: initial;--sparkle-dark: ;color-scheme:light dark;--primary-50: #eff6ff;--primary-rgb-50: 239,246,255;--primary-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-rgb-100: 219,234,254;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-rgb-200: 191,219,254;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-rgb-300: 147,197,253;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-rgb-400: 96,165,250;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-rgb-500: 59,130,246;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-rgb-600: 37,99,235;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-rgb-700: 29,78,216;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-rgb-800: 30,64,175;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-rgb-900: 30,58,138;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-rgb-950: 23,37,84;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-rgb-50: 245,243,255;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-rgb-100: 237,233,254;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-rgb-200: 221,214,254;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-rgb-300: 196,181,253;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-rgb-400: 167,139,250;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-rgb-500: 139,92,246;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-rgb-600: 124,58,237;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-rgb-700: 109,40,217;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-rgb-800: 91,33,182;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-rgb-900: 76,29,149;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-rgb-950: 46,16,101;--accent-contrast-950: var(--light-primary-text);--tertiary-50: #fffbeb;--tertiary-rgb-50: 255,251,235;--tertiary-contrast-50: var(--dark-primary-text);--tertiary-100: #fef3c7;--tertiary-rgb-100: 254,243,199;--tertiary-contrast-100: var(--dark-primary-text);--tertiary-200: #fde68a;--tertiary-rgb-200: 253,230,138;--tertiary-contrast-200: var(--dark-primary-text);--tertiary-300: #fcd34d;--tertiary-rgb-300: 252,211,77;--tertiary-contrast-300: var(--dark-primary-text);--tertiary-400: #fbbf24;--tertiary-rgb-400: 251,191,36;--tertiary-contrast-400: var(--light-primary-text);--tertiary-500: #f59e0b;--tertiary-rgb-500: 245,158,11;--tertiary-contrast-500: var(--light-primary-text);--tertiary-600: #d97706;--tertiary-rgb-600: 217,119,6;--tertiary-contrast-600: var(--light-primary-text);--tertiary-700: #b45309;--tertiary-rgb-700: 180,83,9;--tertiary-contrast-700: var(--light-primary-text);--tertiary-800: #92400e;--tertiary-rgb-800: 146,64,14;--tertiary-contrast-800: var(--light-primary-text);--tertiary-900: #78350f;--tertiary-rgb-900: 120,53,15;--tertiary-contrast-900: var(--light-primary-text);--tertiary-950: #451a03;--tertiary-rgb-950: 69,26,3;--tertiary-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-rgb-50: 250,250,250;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-rgb-100: 244,244,245;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-rgb-200: 228,228,231;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-rgb-300: 212,212,216;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-rgb-400: 161,161,170;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-rgb-500: 113,113,122;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-rgb-600: 82,82,91;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-rgb-700: 63,63,70;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-rgb-750: 47,47,49;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-rgb-800: 39,39,42;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-rgb-900: 24,24,27;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-rgb-950: 9,9,11;--grey-contrast-950: var(--light-primary-text);--warn-50: #fef2f2;--warn-rgb-50: 254,242,242;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fee2e2;--warn-rgb-100: 254,226,226;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fecaca;--warn-rgb-200: 254,202,202;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fca5a5;--warn-rgb-300: 252,165,165;--warn-contrast-300: var(--dark-primary-text);--warn-400: #f87171;--warn-rgb-400: 248,113,113;--warn-contrast-400: var(--light-primary-text);--warn-500: #ef4444;--warn-rgb-500: 239,68,68;--warn-contrast-500: var(--light-primary-text);--warn-600: #dc2626;--warn-rgb-600: 220,38,38;--warn-contrast-600: var(--light-primary-text);--warn-700: #b91c1c;--warn-rgb-700: 185,28,28;--warn-contrast-700: var(--light-primary-text);--warn-800: #991b1b;--warn-rgb-800: 153,27,27;--warn-contrast-800: var(--light-primary-text);--warn-900: #7f1d1d;--warn-rgb-900: 127,29,29;--warn-contrast-900: var(--light-primary-text);--warn-950: #450a0a;--warn-rgb-950: 69,10,10;--warn-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-rgb-50: 236,253,245;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-rgb-100: 209,250,229;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-rgb-200: 167,243,208;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-rgb-300: 110,231,183;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-rgb-400: 52,211,153;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-rgb-500: 16,185,129;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-rgb-600: 5,150,105;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-rgb-700: 4,120,87;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-rgb-800: 6,95,70;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-rgb-900: 6,78,59;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-rgb-950: 2,44,34;--success-contrast-950: var(--light-primary-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--shape-1: .25rem;--shape-2: .5rem;--shape-3: .75rem;--shape-4: 1rem;--shape-5: 1.25rem;--box-shadow-10: 0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20: 0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30: 0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35: 0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40: 0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50: 0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60: 0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20: var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30: var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40: var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50: var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60: var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R: var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20: linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30: linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60: linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70: linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20: var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30: var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40: var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50: var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R: var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80: var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30: linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20: var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30: var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40: var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50: var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R: var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80: var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20: linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30: linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--tertiary-level-20: var(--sparkle-light, var(--tertiary-50)) var(--sparkle-dark, var(--tertiary-950));--tertiary-level-30: var(--sparkle-light, var(--tertiary-100)) var(--sparkle-dark, var(--tertiary-900));--tertiary-level-40: var(--sparkle-light, var(--tertiary-200)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50: var(--sparkle-light, var(--tertiary-300)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50R: var(--sparkle-light, var(--tertiary-800)) var(--sparkle-dark, var(--tertiary-300));--tertiary-level-80: var(--sparkle-light, var(--tertiary-900)) var(--sparkle-dark, var(--tertiary-300));--tertiary-gradient-20: linear-gradient(180deg, var(--tertiary-400) 0%, var(--tertiary-500) 50%);--tertiary-gradient-30: linear-gradient(180deg, var(--tertiary-300) 0%, var(--tertiary-500) 50%);--warn-level-20: var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30: var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40: var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50: var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R: var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80: var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20: linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30: linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--success-level-20: var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30: var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40: var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50: var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R: var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80: var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20: linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30: linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text: var(--grey-900);--light-primary-text: #fff}html body.dark{--sparkle-light: ;--sparkle-dark: initial;color-scheme:dark}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-tertiary{color:var(--tertiary-500)}.spk-warn{color:var(--warn-500)}.spk-success,.mat-success{color:var(--success-500)}.mat-tertiary{color:var(--tertiary-500)}.loader{width:3rem;height:3rem;display:grid;place-content:center;color:var(--base-level-60)}.loader,.loading{position:relative}.loader:before,.loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--loader-c);border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body h1,body h2,body h3,body h4,body h5,body h6,body p,body .title-10,body .title-20B,body .title-20,body .title-30B,body .paragraph-10,body .paragraph-20{margin:0}body h1,body h2,body h3,body h4,body h5,body h6,body .title-10,body .title-20B,body .title-20,body .title-30B{color:var(--base-level-70)}p,.paragraph-10,.paragraph-20,.paragraph-30,.paragraph-40,.paragraph-10B,.paragraph-20B,.paragraph-30B,.paragraph-40B{color:var(--base-level-60)}p{margin:0}strong{font-weight:600}a{color:var(--primary-500)}sup{color:var(--warn-500);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10b{font:var(--title-10b)}body .title-20b{font:var(--title-20b)}body .title-30b{font:var(--title-30b)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10b{font:var(--paragraph-10b)}body .paragraph-20b{font:var(--paragraph-20b)}body .paragraph-30b{font:var(--paragraph-30b)}body .paragraph-40b{font:var(--paragraph-40b)}body .apexcharts-text{fill:var(--base-level-70)}body .apexcharts-text.apexcharts-yaxis-label,body .apexcharts-text.apexcharts-xaxis-label{fill:var(--base-level-60)}body .apexcharts-gridline,body .apexcharts-yaxis-tick,body .apexcharts-xaxis-tick{stroke:var(--base-level-60R)}body .apexcharts-grid-borders line{stroke:var(--base-level-60R)}body .apexcharts-tracks .apexcharts-radialbar-area{stroke:var(--base-level-40)}body .apexcharts-tooltip.apexcharts-theme-light{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--base-level-30);color:var(--base-level-60)}body .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background-color:var(--base-level-20);border-bottom:1px solid var(--base-level-40)}body .apexcharts-xaxistooltip,body .apexcharts-yaxistooltip{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--base-level-30);color:var(--base-level-60)}spk-alert-container{width:100%;position:relative}spk-alert-container spk-alert{margin-bottom:.5rem}spk-alert-container spk-alert:first-of-type{margin-bottom:0}spk-alert-container spk-alert.alert-is-hidden{margin-bottom:0}spk-alert-container .scroller{width:100%;max-height:50vh;overflow-y:auto;overflow-x:hidden;padding:.5rem 1rem 1rem .5rem}spk-alert-container .container{flex-direction:column-reverse;display:flex}spk-alert-container .tray{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--grey-500);color:var(--grey-contrast-500);position:absolute;bottom:0;right:0;border-radius:50%;z-index:1000}spk-alert{--alert-ad: .4s;--alert-bg: var(--base-level-10);--alert-bc: var(--base-level-40);--alert-state-ic: var(--base-level-70);--alert-close-ic: var(--base-level-60);--alert-title-c: var(--base-level-70);--alert-content-c: var(--base-level-60);--alert-bs: var(--box-shadow-10);max-height:18.75rem;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:1;overflow:hidden;transition:max-height var(--alert-ad) ease-in-out,transform var(--alert-ad) ease-in-out,opacity var(--alert-ad) ease-in-out,margin-bottom var(--alert-ad) ease-in-out,padding-top var(--alert-ad) ease-in-out,padding-bottom var(--alert-ad) ease-in-out;transform:translateY(0);box-shadow:var(--alert-bs)}spk-alert .alert{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"stateIcon title closeIcon" ". content .";padding:.5rem .75rem;align-items:flex-start;gap:.5rem .75rem;border:1px solid var(--alert-bc);border-radius:var(--shape-2);background-color:var(--alert-bg)}spk-alert.is-hidden{max-height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0;overflow:hidden;transform:translateY(-40px)}spk-alert.is-hidden:before{opacity:0}spk-alert.animate-in{transition:none;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transform:translateY(0)}spk-alert.animate-in:before{opacity:0}spk-alert.animate-out{max-height:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-40px)}spk-alert.animate-out:before{opacity:0}spk-alert.primary{--alert-state-ic: var(--primary-500);--alert-close-ic: var(--primary-500);--alert-title-c: var(--primary-level-80);--alert-content-c: var(--primary-level-80);--alert-bg: var(--primary-level-20);--alert-bc: var(--primary-level-40)}spk-alert.accent{--alert-state-ic: var(--accent-500);--alert-close-ic: var(--accent-500);--alert-title-c: var(--accent-level-80);--alert-content-c: var(--accent-level-80);--alert-bg: var(--accent-level-20);--alert-bc: var(--accent-level-40)}spk-alert.error{--alert-state-ic: var(--warn-500);--alert-close-ic: var(--warn-500);--alert-title-c: var(--warn-level-80);--alert-content-c: var(--warn-level-80);--alert-bg: var(--warn-level-20);--alert-bc: var(--warn-level-40)}spk-alert.success{--alert-state-ic: var(--success-500);--alert-close-ic: var(--success-500);--alert-title-c: var(--success-level-80);--alert-content-c: var(--success-level-80);--alert-bg: var(--success-level-20);--alert-bc: var(--success-level-40)}spk-alert.warning{--alert-state-ic: var(--tertiary-500);--alert-close-ic: var(--tertiary-500);--alert-title-c: var(--tertiary-level-80);--alert-content-c: var(--tertiary-level-80);--alert-bg: var(--tertiary-level-20);--alert-bc: var(--tertiary-level-40)}spk-alert:not(:has([content])) .alert{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([content]) .alert{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--box-shadow-50)}spk-alert:has([content]) .alert .title{color:var(--base-level-70)}spk-alert:has([content]) .alert .close-icon{color:var(--grey-400)}spk-alert:has([content]) .alert .content{color:var(--base-level-60)}body.dark spk-alert:has([content]) .alert{background-color:var(--grey-800);box-shadow:var(--box-shadow-50)}spk-alert .icon{grid-area:stateIcon;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}spk-alert .icon:first-of-type:not(:empty)+.icon{display:none}spk-alert [icon],spk-alert .state-icon{color:var(--alert-state-ic)}spk-alert .close-icon{grid-area:closeIcon;color:var(--alert-close-ic);transform:rotate(45deg);transform-origin:center}spk-alert .title{grid-area:title;color:var(--alert-title-c);padding-top:.125rem}spk-alert .content{grid-area:content;color:var(--alert-content-c)}spk-alert .content:empty{display:none}spk-toggle{--toggle-bg: var(--base-level-40);--toggle-b: 0;--togglek-bg: var(--base-level-30);--togglek-bs: var(--box-shadow-20);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-toggle label{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}spk-toggle .box{display:block;width:2.125rem;height:1.25rem;cursor:pointer;position:relative;border-radius:999px;background:var(--toggle-bg);border:var(--toggle-b);transition:background .15s linear}spk-toggle>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer;z-index:0}spk-toggle .knob{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:var(--togglek-bg);box-shadow:var(--togglek-bs);box-sizing:border-box;transition:left 125ms ease-in-out}spk-toggle:has(input[type=checkbox]:checked),spk-toggle.active{--togglek-bg: var(--base-level-60)}spk-toggle:has(input[type=checkbox]:checked) .knob,spk-toggle.active .knob{left:1rem}spk-toggle:has(input[type=checkbox]:checked).primary,spk-toggle.active.primary{--toggle-bg: var(--primary-level-30);--togglek-bg: var(--primary-500)}spk-toggle:has(input[type=checkbox]:checked).accent,spk-toggle.active.accent{--toggle-bg: var(--accent-level-30);--togglek-bg: var(--accent-500)}spk-toggle:has(input[type=checkbox]:checked).tertiary,spk-toggle.active.tertiary{--toggle-bg: var(--tertiary-level-30);--togglek-bg: var(--tertiary-500)}spk-toggle:has(input[type=checkbox]:checked).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-level-30);--togglek-bg: var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).success,spk-toggle.active.success{--toggle-bg: var(--success-level-30);--togglek-bg: var(--success-500)}spk-toggle.outlined{--toggle-bg: var(--base-level-10);--togglek-bg: var(--base-level-40);--togglek-bs: none;--toggle-b: 1px solid var(--base-level-40)}spk-toggle.outlined .knob{width:.875rem;height:.875rem}spk-toggle.flat{--togglek-bg: #fff}spk-toggle.flat:has(input[type=checkbox]:checked),spk-toggle.flat.active{--togglek-bg: #fff;--toggle-bg: var(--base-level-60)}spk-toggle.flat:has(input[type=checkbox]:checked).primary,spk-toggle.flat.active.primary{--toggle-bg: var(--primary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).accent,spk-toggle.flat.active.accent{--toggle-bg: var(--accent-500)}spk-toggle.flat:has(input[type=checkbox]:checked).tertiary,spk-toggle.flat.active.tertiary{--toggle-bg: var(--tertiary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).success,spk-toggle.flat.active.success{--toggle-bg: var(--success-500)}spk-toggle.raised{--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked),spk-toggle.raised.active{--toggle-bg: var(--base-gradient-20);--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary,spk-toggle.raised.active.primary{--toggle-bg: var(--primary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).accent,spk-toggle.raised.active.accent{--toggle-bg: var(--accent-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).tertiary,spk-toggle.raised.active.tertiary{--toggle-bg: var(--tertiary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).success,spk-toggle.raised.active.success{--toggle-bg: var(--success-gradient-20)}[spk-button]{--btn-h: 2.5rem;--btn-s: var(--shape-2);--btn-f: var(--paragraph-20);--loader-c: var(--base-level-60);--btn-c: var(--base-level-70);--btn-ic: var(--base-level-70);--btn-bg: var(--base-level-10);--btn-bg-h: var(--base-level-20);--btn-bc: var(--base-level-40);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;border-radius:var(--btn-s);height:var(--btn-h);border:1px solid var(--btn-bc);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c)}[spk-button] spk-icon{color:var(--btn-ic)}[spk-button]:has(spk-icon:only-child){padding:0 .5625rem}[spk-button]:hover{--btn-c: var(--base-level-70);background:var(--btn-bg-h)}[spk-button].loader.outlined,[spk-button].loader.flat,[spk-button].loader.raised,[spk-button].loader{color:transparent;width:inherit}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.tertiary,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.tertiary,[spk-button].loader.flat.warn,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.tertiary,[spk-button].loader.raised.warn,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.tertiary,[spk-button].loader.warn,[spk-button].loader.success{color:transparent}[spk-button].loader.outlined>*,[spk-button].loader.flat>*,[spk-button].loader.raised>*,[spk-button].loader>*{opacity:0}[spk-button].small{--btn-h: 2rem;--btn-f: var(--paragraph-30);padding:0 .5rem;gap:.25rem}[spk-button].small:has(spk-icon:only-child){padding:0 .375rem}[spk-button][disabled]{opacity:.5}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-ic: var(--primary-500)}[spk-button].accent{--btn-ic: var(--accent-500)}[spk-button].tertiary{--btn-ic: var(--tertiary-500)}[spk-button].warn{--btn-ic: var(--warn-500)}[spk-button].success{--btn-ic: var(--success-500)}[spk-button].icon{padding:0 .5625rem}[spk-button].icon.small{padding:0 .3125rem}[spk-button].icon,[spk-button].outlined{--btn-c: var(--base-level-70);--btn-bg: var(--base-level-20);--btn-bg-h: var(--base-level-30);transition:color 80ms linear}[spk-button].icon.primary,[spk-button].outlined.primary{--loader-c: var(--primary-500);--btn-bg: var(--primary-level-20);--btn-bg-h: var(--primary-level-30);--btn-bc: var(--primary-level-40)}[spk-button].icon.accent,[spk-button].outlined.accent{--loader-c: var(--accent-500);--btn-bg: var(--accent-level-20);--btn-bg-h: var(--accent-level-30);--btn-bc: var(--accent-level-40)}[spk-button].icon.tertiary,[spk-button].outlined.tertiary{--loader-c: var(--tertiary-500);--btn-bg: var(--tertiary-level-20);--btn-bg-h: var(--tertiary-level-30);--btn-bc: var(--tertiary-level-40)}[spk-button].icon.warn,[spk-button].outlined.warn{--loader-c: var(--warn-500);--btn-bg: var(--warn-level-20);--btn-bg-h: var(--warn-level-30);--btn-bc: var(--warn-level-40)}[spk-button].icon.success,[spk-button].outlined.success{--loader-c: var(--success-500);--btn-bg: var(--success-level-20);--btn-bg-h: var(--success-level-30);--btn-bc: var(--success-level-40)}[spk-button].flat{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));--btn-bg-h: var(--sparkle-light, var(--grey-700)) var(--sparkle-dark, var(--grey-700));border:0}[spk-button].flat:has(spk-icon:only-child){padding:0 .625rem}[spk-button].flat.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].flat.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-500);--btn-bg-h: var(--primary-500)}[spk-button].flat.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-h: var(--accent-500)}[spk-button].flat.tertiary{--btn-c: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-500);--btn-bg-h: var(--tertiary-500)}[spk-button].flat.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-h: var(--warn-500)}[spk-button].flat.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-h: var(--success-500)}[spk-button].raised{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-gradient-60);--btn-bg-h: var(--base-gradient-70);border:0;box-shadow:none}[spk-button].raised:has(spk-icon:only-child){padding:0 .625rem}[spk-button].raised.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].raised.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-gradient-20);--btn-bg-h: var(--primary-gradient-30)}[spk-button].raised.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-gradient-20);--btn-bg-h: var(--accent-gradient-30)}[spk-button].raised.tertiary{--btn-c: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-gradient-20);--btn-bg-h: var(--tertiary-gradient-30)}[spk-button].raised.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-h: var(--warn-gradient-30)}[spk-button].raised.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-gradient-20);--btn-bg-h: var(--success-gradient-30)}spk-progress-bar{--pb-h: .5rem;--pb-b: var(--base-level-40);--pb-bg: var(--base-level-30);--pb-br: var(--shape-2);--pbt-bg: var(--base-level-20);--pbt-br: inherit;display:block;width:100%;height:var(--pb-h);position:relative;overflow:hidden;border-radius:var(--pb-br);background:var(--pb-bg)}spk-progress-bar .progress-bar{position:absolute;top:0;left:0;bottom:0;height:100%;transform-origin:top left;border-radius:var(--pbt-br);background:var(--pbt-bg)}spk-progress-bar.indeterminate .progress-bar{right:0;animation:indeterminate-progress-bar-stripes 2s linear infinite}spk-progress-bar.indeterminate:after{content:"";position:absolute;inset:0;background-color:var(--base-level-30);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary{--pbt-bg: var(--primary-500)}spk-progress-bar.accent{--pbt-bg: var(--accent-500)}spk-progress-bar.tertiary{--pbt-bg: var(--tertiary-500)}spk-progress-bar.warn{--pbt-bg: var(--warn-500)}spk-progress-bar.success{--pbt-bg: var(--success-500)}spk-progress-bar.outlined{--pb-b: 1px solid var(--base-level-40);--pb-bg: var(--base-level-10)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{--pbt-bg: var(--base-level-30)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{--pbt-bg: var(--primary-level-30)}spk-progress-bar.flat.accent{--pbt-bg: var(--accent-level-30)}spk-progress-bar.flat.tertiary{--pbt-bg: var(--tertiary-level-30)}spk-progress-bar.flat.warn{--pbt-bg: var(--warn-level-30)}spk-progress-bar.flat.success{--pbt-bg: var(--success-level-30)}spk-progress-bar.raised{--pbt-bg: var(--base-gradient-30)}spk-progress-bar.raised.primary{--pbt-bg: var(--primary-gradient-30)}spk-progress-bar.raised.accent{--pbt-bg: var(--accent-gradient-30)}spk-progress-bar.raised.tertiary{--pbt-bg: var(--tertiary-gradient-30)}spk-progress-bar.raised.warn{--pbt-bg: var(--warn-gradient-30)}spk-progress-bar.raised.success{--pbt-bg: var(--success-gradient-30)}@keyframes indeterminate-progress-bar-stripes-background{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes indeterminate-progress-bar-stripes{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}spk-checkbox{--box-bw: .0625rem;--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-checkbox>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-checkbox>input[type=checkbox]:focus{outline:none}spk-checkbox .box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:var(--shape-1);border:var(--box-bw) solid var(--box-bc);background:var(--box-bg);font-size:.75rem;color:var(--box-c)}spk-checkbox spk-icon{opacity:0;font-weight:700}spk-checkbox spk-icon.indeterminate-indicator{display:none}spk-checkbox.indeterminate .box spk-icon.indeterminate-indicator{display:block}spk-checkbox.indeterminate .box spk-icon.default-indicator{display:none}spk-checkbox:has(input[type=checkbox]:checked) spk-icon,spk-checkbox.active spk-icon{opacity:1}spk-checkbox.primary{--box-bg: var(--primary-level-30);--box-bc: var(--primary-level-40);--box-c: var(--primary-500)}spk-checkbox.accent{--box-bg: var(--accent-level-30);--box-bc: var(--accent-level-40);--box-c: var(--accent-500)}spk-checkbox.tertiary{--box-bg: var(--tertiary-level-30);--box-bc: var(--tertiary-level-40);--box-c: var(--tertiary-500)}spk-checkbox.warn{--box-bg: var(--warn-level-30);--box-bc: var(--warn-level-40);--box-c: var(--warn-500)}spk-checkbox.success{--box-bg: var(--success-level-30);--box-bc: var(--success-level-40);--box-c: var(--success-500)}spk-checkbox.outlined{--box-bg: var(--base-level-10)}spk-checkbox.outlined.primary,spk-checkbox.outlined.accent,spk-checkbox.outlined.tertiary,spk-checkbox.outlined.warn,spk-checkbox.outlined.success{--box-bg: var(--base-level-10);--box-bc: var(--base-level-40)}spk-checkbox.flat.primary,spk-checkbox.flat.accent,spk-checkbox.flat.tertiary,spk-checkbox.flat.warn,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.tertiary,spk-checkbox.raised.warn,spk-checkbox.raised.success{--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30)}.sparkle-popup-menu spk-option[selected] spk-checkbox spk-icon{opacity:1}spk-checkbox.flat:has(input[type=checkbox]:checked),spk-checkbox.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.flat{--box-bw: 0;--box-bg: var(--grey-500);--box-c: #fff}spk-checkbox.primary.flat:has(input[type=checkbox]:checked),spk-checkbox.primary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.flat{--box-bg: var(--primary-500)}spk-checkbox.accent.flat:has(input[type=checkbox]:checked),spk-checkbox.accent.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.flat{--box-bg: var(--accent-500)}spk-checkbox.tertiary.flat:has(input[type=checkbox]:checked),spk-checkbox.tertiary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.flat{--box-bg: var(--tertiary-500)}spk-checkbox.warn.flat:has(input[type=checkbox]:checked),spk-checkbox.warn.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.flat{--box-bg: var(--warn-500)}spk-checkbox.success.flat:has(input[type=checkbox]:checked),spk-checkbox.success.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.flat{--box-bg: var(--success-500)}spk-checkbox.raised:has(input[type=checkbox]:checked),spk-checkbox.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.raised{--box-bw: 0;--box-bg: var(--base-gradient-20);--box-c: #fff}spk-checkbox.primary.raised:has(input[type=checkbox]:checked),spk-checkbox.primary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.raised{--box-bg: var(--primary-gradient-20)}spk-checkbox.accent.raised:has(input[type=checkbox]:checked),spk-checkbox.accent.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.raised{--box-bg: var(--accent-gradient-20)}spk-checkbox.tertiary.raised:has(input[type=checkbox]:checked),spk-checkbox.tertiary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.raised{--box-bg: var(--tertiary-gradient-20)}spk-checkbox.warn.raised:has(input[type=checkbox]:checked),spk-checkbox.warn.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.raised{--box-bg: var(--warn-gradient-20)}spk-checkbox.success.raised:has(input[type=checkbox]:checked),spk-checkbox.success.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.raised{--box-bg: var(--success-gradient-20)}spk-datepicker{--dp-sel-bg: var(--base-level-60);--dp-sel-bw: 0;--dp-sel-bc: transparent;--dp-sel-c: #fff;--dp-day-c: var(--base-level-60);--dp-day-g: .25rem;--dp-day-f: var(--paragraph-20);width:100%;max-width:18.75rem;display:flex;flex-direction:column}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:.5rem}spk-datepicker header .title{font:var(--paragraph-20)}spk-datepicker header button{appearance:none;background-color:transparent;border:0;cursor:pointer;height:2rem;color:var(--base-level-60)}spk-datepicker header button:focus{outline:none}spk-datepicker section{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--dp-day-g)}spk-datepicker section .days,spk-datepicker section .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker section .days>.days,spk-datepicker section .weekdays>.days{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--dp-day-g);z-index:0}spk-datepicker section .days>div,spk-datepicker section .weekdays>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;cursor:pointer;position:relative;z-index:1;color:var(--dp-day-c);font:var(--dp-day-f);-webkit-user-select:none;user-select:none}spk-datepicker section .days>div.sel,spk-datepicker section .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker section .days>div.out-of-scope,spk-datepicker section .weekdays>div.out-of-scope{opacity:.4}spk-datepicker section .days>div.sel-el,spk-datepicker section .weekdays>div.sel-el{position:relative;top:0;left:0;transition:transform 75ms linear,opacity 75ms linear;background:var(--dp-sel-bg);border-radius:50%;border:var(--dp-sel-bw) solid var(--dp-sel-bc);opacity:0;box-sizing:border-box}spk-datepicker section .weekdays>div{color:var(--base-level-70)}spk-datepicker.primary{--dp-sel-bg: var(--primary-500)}spk-datepicker.accent{--dp-sel-bg: var(--accent-500)}spk-datepicker.tertiary{--dp-sel-bg: var(--tertiary-500)}spk-datepicker.warn{--dp-sel-bg: var(--warn-500)}spk-datepicker.success{--dp-sel-bg: var(--success-500)}spk-datepicker.outlined{--dp-sel-bg: var(--base-level-10);--dp-sel-c: var(--base-level-70);--dp-sel-bw: 2px;--dp-sel-bc: var(--base-level-40)}spk-datepicker.outlined.primary{--dp-sel-bc: var(--primary-500)}spk-datepicker.outlined.accent{--dp-sel-bc: var(--accent-500)}spk-datepicker.outlined.tertiary{--dp-sel-bc: var(--tertiary-500)}spk-datepicker.outlined.warn{--dp-sel-bc: var(--warn-500)}spk-datepicker.outlined.success{--dp-sel-bc: var(--success-500)}spk-datepicker.raised{--dp-sel-bg: var(--base-gradient-20)}spk-datepicker.raised.primary{--dp-sel-bg: var(--primary-gradient-20)}spk-datepicker.raised.accent{--dp-sel-bg: var(--accent-gradient-20)}spk-datepicker.raised.tertiary{--dp-sel-bg: var(--tertiary-gradient-20)}spk-datepicker.raised.warn{--dp-sel-bg: var(--warn-gradient-20)}spk-datepicker.raised.success{--dp-sel-bg: var(--success-gradient-20)}spk-icon{font-size:1.25rem;line-height:1em;width:1em;height:1em;text-align:left;overflow:hidden}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{--menu-mh: 20rem;display:inline-flex;position:relative}spk-menu spk-popover{flex:1 0}spk-menu .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0;max-height:var(--menu-mh)}spk-menu .options [title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0 .5rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-menu .options button{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70)}spk-menu .options button[disabled]{opacity:.3;cursor:initial}spk-menu .options button[disabled]:hover{background-color:transparent}spk-menu .options button [suffix]{order:999;color:var(--base-level-60);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}spk-menu .options button spk-icon{font-size:1rem}spk-menu .options button.active,spk-menu .options button:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-menu .options button.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-menu .options button.focused:hover{background-color:var(--primary-level-30)}spk-divider{--divider-c: var(--base-level-40);--divider-h: .0625rem;display:flex;gap:.5rem;align-items:center;text-align:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-c);height:var(--divider-h);flex:1 0}dialog[spkDialog]{--dialog-p: 1rem;--dialog-g: .5rem;border:1px solid var(--base-level-40);border-radius:var(--shape-2);background-color:var(--base-level-10);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;max-width:initial;max-height:initial;position:relative;z-index:0}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] .content{position:relative;z-index:2}dialog[spkDialog]:focus{outline:none}dialog[spkDialog] .dialog-content{position:relative;z-index:2}dialog[spkDialog] .dialog-backdrop{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] [header],dialog[spkDialog] [content],dialog[spkDialog] [footer]{width:100%}dialog[spkDialog] [header]{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}spk-popover{--po-d: inherit;display:var(--po-d)}spk-popover .trigger{cursor:pointer;display:var(--po-d);position:relative}spk-popover .trigger .trigger-wrapper{display:var(--po-d)}spk-popover .trigger .trigger-wrapper:empty+*{display:inherit}spk-popover .trigger .trigger-wrapper+[spk-button]{display:none}spk-popover .overlay{position:fixed;inset:0;opacity:0;z-index:1}spk-popover .popover{position:absolute;margin:0;min-width:11.25rem;z-index:0;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);font:var(--paragraph-30);color:var(--base-level-60)}@supports (left: anchor(left)) and (top: anchor(bottom)){spk-popover .popover{left:anchor(left);top:anchor(bottom);margin-top:.25rem}}@supports (bottom: anchor(top)){spk-popover.above .popover{bottom:anchor(top);margin-bottom:.25rem;top:auto}}@supports (right: anchor(right)){spk-popover.right .popover{right:anchor(right);margin-right:0;left:auto}}spk-chip{--chip-h: 2rem;--chip-s: 1rem;--chip-c: var(--base-level-70);--chip-ic: var(--base-level-70);--chip-bg: var(--base-level-10);--chip-bc: var(--base-level-40);display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;font:var(--paragraph-30B);color:var(--chip-c);height:var(--chip-h);border-radius:var(--chip-s);border:1px solid var(--chip-bc);background:var(--chip-bg)}spk-chip spk-icon{color:var(--chip-ic);font-size:1rem;font-weight:inherit}spk-chip [avatar]{height:calc(var(--chip-h) - .75rem);width:calc(var(--chip-h) - .75rem);border-radius:50%}spk-chip.small{--chip-h: 1.5rem;--chip-s: .75rem;font:var(--paragraph-40B);padding:0 .5rem;gap:.25rem}spk-chip.small spk-icon{font-size:.75rem}spk-chip[disabled]{opacity:.5}spk-chip[read-only],spk-chip[read-only=true],spk-chip[readonly=true],spk-chip[readonly],spk-chip.readonly{pointer-events:none;-webkit-user-select:none;user-select:none}spk-chip.primary{--chip-ic: var(--primary-500)}spk-chip.accent{--chip-ic: var(--accent-500)}spk-chip.tertiary{--chip-ic: var(--tertiary-500)}spk-chip.warn{--chip-ic: var(--warn-500)}spk-chip.success{--chip-ic: var(--success-500)}spk-chip.simple{border:0;--chip-c: var(--base-level-70)}spk-chip.simple.primary{--chip-c: var(--primary-500)}spk-chip.simple.accent{--chip-c: var(--accent-500)}spk-chip.simple.tertiary{--chip-c: var(--tertiary-500)}spk-chip.simple.warn{--chip-c: var(--warn-500)}spk-chip.simple.success{--chip-c: var(--success-500)}spk-chip.simple,spk-chip.outlined{--chip-c: var(--base-level-70);--chip-bg: var(--base-level-20);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loader-c: var(--primary-500);--chip-bg: var(--primary-level-20);--chip-bc: var(--primary-level-40)}spk-chip.simple.accent,spk-chip.outlined.accent{--loader-c: var(--accent-500);--chip-bg: var(--accent-level-20);--chip-bc: var(--accent-level-40)}spk-chip.simple.tertiary,spk-chip.outlined.tertiary{--loader-c: var(--tertiary-500);--chip-bg: var(--tertiary-level-20);--chip-bc: var(--tertiary-level-40)}spk-chip.simple.warn,spk-chip.outlined.warn{--loader-c: var(--warn-500);--chip-bg: var(--warn-level-20);--chip-bc: var(--warn-level-40)}spk-chip.simple.success,spk-chip.outlined.success{--loader-c: var(--success-500);--chip-bg: var(--success-level-20);--chip-bc: var(--success-level-40)}spk-chip.flat{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));border:0}spk-chip.flat.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-500)}spk-chip.flat.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-500)}spk-chip.flat.tertiary{--chip-c: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-500)}spk-chip.flat.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-500)}spk-chip.raised{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-gradient-60);border:0;box-shadow:none}spk-chip.raised.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-gradient-20)}spk-chip.raised.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-gradient-20)}spk-chip.raised.tertiary{--chip-c: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-gradient-20)}spk-chip.raised.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field{--ff-h: 2.5rem;--ff-s: var(--shape-2);--ff-bc: var(--base-level-40);--ff-prefix-bg: var(--base-level-20);--ff-ic: var(--base-level-60);--ff-bg: var(--base-level-10);display:flex;flex-direction:column;position:relative}spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field.small{--ff-h: 2rem}spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field label spk-icon{font-size:1rem}spk-form-field .prefix{display:none;align-items:center;gap:.25rem;background-color:var(--ff-prefix-bg);padding:0 .75rem;height:100%;min-height:calc(var(--ff-h) - .125rem);transition:background-color 125ms linear}spk-form-field .prefix [prefix]+[textPrefix]{margin-left:.25rem}spk-form-field .prefix-space,spk-form-field .suffix-space{width:0;height:100%}spk-form-field:not(:has(.helpers .error:empty)){--ff-ic: var(--warn-500);--ff-bc: var(--warn-500);--ff-prefix-bg: var(--warn-level-20)}spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);padding:.4375rem .75rem;min-height:var(--ff-h);overflow:hidden;transition:border-color 125ms linear}spk-form-field .input-wrap .input{flex:1 0}spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field .input-wrap:has(textarea){height:auto;min-height:var(--ff-h)}spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-level-60)}spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field .input-wrap:has([suffix]) .suffix-space{width:.5rem}spk-form-field .input-wrap:has([prefix]),spk-form-field .input-wrap:has([textPrefix]){padding:0 .75rem 0 0}spk-form-field .input-wrap:has([prefix]) .prefix,spk-form-field .input-wrap:has([textPrefix]) .prefix{display:flex}spk-form-field .input-wrap:has([prefix]) .prefix-space,spk-form-field .input-wrap:has([textPrefix]) .prefix-space{width:.5rem}spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field .helpers:has(.error:empty):has(.hint:empty){height:0;padding-top:0}spk-form-field .helpers:not(:has(.error:empty)) .hint{opacity:0;visibility:hidden}spk-form-field .helpers [hint]{color:var(--base-level-60R)}spk-form-field .helpers [hint][suffix]{justify-self:flex-end}spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-level-60R);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field .hint:empty{opacity:0}spk-form-field .error{color:var(--warn-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field .error:empty{opacity:0}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-3);height:calc(100vh - 2rem);box-shadow:var(--box-shadow-35)}spk-sidenav .closed-topbar{display:none;min-height:3.75rem;background-color:var(--base-level-10);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-level-40);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.simple.closed{--sidenav-width: 6.25rem}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem;box-shadow:none}spk-sidenav.overlay .sidenav{position:fixed;z-index:0}spk-sidenav.overlay .dragable{position:absolute;top:0;left:0;bottom:0;z-index:9999;width:50px;padding-right:30px;display:flex;align-items:center;justify-content:center;cursor:grab}spk-sidenav.overlay .dragable:active{cursor:grabbing}spk-sidenav.overlay .dragable:after{content:"";display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-level-40)}spk-sidenav.overlay .dropping-surface{position:fixed;inset:0;z-index:100000}spk-sidenav.overlay .main-wrap{z-index:1;padding:0;display:flex;height:100vh;position:relative;flex-direction:column;transform:translate(0);transition:transform .2s linear}spk-sidenav.overlay.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}spk-sidenav.overlay.is-dragging .main-wrap{transition:none}spk-sidenav.overlay.is-dragging>*{cursor:grabbing}spk-sidenav.overlay.is-dragging .dragable{cursor:grabbing}spk-sidenav.overlay.open .main-wrap{transform:translate(var(--sidenav-width))}spk-sidenav.overlay .closed-topbar{display:flex}spk-sidenav.overlay .closed-topbar:empty{display:none}spk-sidenav.overlay main{border:0;box-shadow:none;flex:1 0}spk-list{--list-s: var(--shape-2);--list-active-bg: var(--base-level-20);--list-active-bs: none;width:100%;padding:1.25rem 1rem;gap:.5rem;display:flex;flex-direction:column}spk-list.base-level-20{--list-active-bg: var(--base-level-10);--list-active-bs: var(--box-shadow-20)}spk-list [title]{color:var(--base-level-60R);margin:0 .75rem;font:var(--paragraph-30);line-height:1.25rem}spk-list [action],spk-list [item]{border-radius:var(--list-s);padding:.5rem .75rem;font:var(--paragraph-30);color:var(--base-level-60);display:flex;align-items:center;gap:.5rem;width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent}spk-list [action]:focus,spk-list [item]:focus{outline:none}spk-list [action] [suffix],spk-list [item] [suffix]{margin-left:auto;color:var(--base-level-60R)}spk-list :has(input[type=checkbox]),spk-list :has(input[type=radio]),spk-list [action]{cursor:pointer}spk-list [item]:has(input[type=checkbox]:checked),spk-list [action]:has(input[type=checkbox]:checked),spk-list [item]:has(input[type=radio]:checked),spk-list [action]:has(input[type=radio]:checked),spk-list [action].active,spk-list [action].selected{background-color:var(--list-active-bg);box-shadow:var(--list-active-bs)}spk-list.primary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action].active spk-icon:first-child,spk-list.primary [action].selected spk-icon:first-child{color:var(--primary-500)}spk-list.accent [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action].active spk-icon:first-child,spk-list.accent [action].selected spk-icon:first-child{color:var(--accent-500)}spk-list.tertiary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [action].active spk-icon:first-child,spk-list.tertiary [action].selected spk-icon:first-child{color:var(--tertiary-500)}spk-list.warn [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action].active spk-icon:first-child,spk-list.warn [action].selected spk-icon:first-child{color:var(--warn-500)}spk-list.success [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action].active spk-icon:first-child,spk-list.success [action].selected spk-icon:first-child{color:var(--success-500)}spk-radio{--radio-bw: .0625rem;--radio-bg: var(--base-level-30);--radio-bc: var(--base-level-40);--radio-c: var(--base-level-60);--radiod-o: 0;--radiod-c: var(--base-level-60);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-radio>input[type=radio]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-radio>input[type=radio]:focus{outline:none}spk-radio:has(input[type=radio]:checked),spk-radio.active{--radiod-o: 1}spk-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%;border:var(--radio-bw) solid var(--radio-bc);background:var(--radio-bg);font-size:.75rem;color:var(--radio-c)}spk-radio .radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}spk-radio.primary{--radio-c: var(--primary-500);--radiod-c: var(--primary-500);--radio-bg: var(--primary-level-30);--radio-bc: var(--primary-level-40)}spk-radio.accent{--radio-c: var(--accent-500);--radiod-c: var(--accent-500);--radio-bg: var(--accent-level-30);--radio-bc: var(--accent-level-40)}spk-radio.tertiary{--radio-c: var(--tertiary-500);--radiod-c: var(--tertiary-500);--radio-bg: var(--tertiary-level-30);--radio-bc: var(--tertiary-level-40)}spk-radio.warn{--radio-c: var(--warn-500);--radiod-c: var(--warn-500);--radio-bg: var(--warn-level-30);--radio-bc: var(--warn-level-40)}spk-radio.success{--radio-c: var(--success-500);--radiod-c: var(--success-500);--radio-bg: var(--success-level-30);--radio-bc: var(--success-level-40)}spk-radio.outlined{--radio-bg: var(--base-level-10)}spk-radio.outlined.primary,spk-radio.outlined.accent,spk-radio.outlined.tertiary,spk-radio.outlined.warn,spk-radio.outlined.success{--radio-bc: var(--base-level-40)}spk-radio.flat,spk-radio.raised{--radio-c: #fff;--radio-bc: var(--base-level-40);--radio-bg: var(--base-level-30);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked),spk-radio.flat.active{--radio-bw: 0;--radio-bg: var(--grey-500);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked).primary,spk-radio.flat.active.primary{--radio-bg: var(--primary-500)}spk-radio.flat:has(input[type=radio]:checked).accent,spk-radio.flat.active.accent{--radio-bg: var(--accent-500)}spk-radio.flat:has(input[type=radio]:checked).tertiary,spk-radio.flat.active.tertiary{--radio-bg: var(--tertiary-500)}spk-radio.flat:has(input[type=radio]:checked).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-500)}spk-radio.flat:has(input[type=radio]:checked).success,spk-radio.flat.active.success{--radio-bg: var(--success-500)}spk-radio.raised:has(input[type=radio]:checked),spk-radio.raised.active{--radio-bw: 0;--radio-bg: var(--base-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).primary,spk-radio.raised.active.primary{--radio-bg: var(--primary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).accent,spk-radio.raised.active.accent{--radio-bg: var(--accent-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).tertiary,spk-radio.raised.active.tertiary{--radio-bg: var(--tertiary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).success,spk-radio.raised.active.success{--radio-bg: var(--success-gradient-20)}spk-button-group{--btng-bg: var(--base-level-10);--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bc: var(--base-level-40);--btng-h: 2.5rem;--btng-s: var(--shape-2);--btng-f: var(--paragraph-30);display:inline-flex;border:1px solid var(--btng-bc);border-radius:var(--btng-s);height:var(--btng-h);overflow:hidden}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;white-space:nowrap;background:var(--btng-bg);color:var(--btng-c);font:var(--btng-f);border-left:1px solid var(--btng-bc)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bg: var(--base-level-30)}spk-range-slider{--rs-h: 2.5rem;--rs-f: var(--paragraph-30);--rs-unit-g: .75rem;--rs-unit-c: var(--base-level-60);--rst: var(--base-level-30);--rst-bc: var(--base-level-10);--rst-bg: var(--base-level-60R);--rst-h: .5rem;--rst-s: var(--shape-1);--rs-thumb-c: var(--base-level-40);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--base-level-30);--rs-thumb-value-c: var(--base-level-30R);--rs-thumb-si: 1rem;display:flex;flex-direction:column;width:100%;font:var(--rs-f)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--rs-unit-g)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--rs-thumb-si) / 4);width:var(--rs-thumb-si);height:var(--rs-thumb-si);border-radius:50%;background-color:var(--rs-thumb-c);border:1px solid var(--rs-thumb-bc);box-shadow:var(--box-shadow-10)}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--rst-h)}spk-range-slider .track{position:relative;width:100%;height:var(--rst-h);border-radius:var(--rst-s);background-color:var(--rst);border:1px solid var(--rst-bc);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--rst-bg);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--rs-unit-c)}spk-range-slider input[type=range]:hover~.thumb-wrap .value-indicator,spk-range-slider input[type=range]:focus~.thumb-wrap .value-indicator{opacity:1}spk-range-slider .value-indicator{position:absolute;top:-1.875rem;height:1.5rem;border-radius:var(--shape-2);left:50%;margin:auto;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--rs-thumb-value-bg);color:var(--rs-thumb-value-c);white-space:nowrap;opacity:0;transition:opacity 125ms linear;-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider .value-indicator:after{content:"";border-top:.375rem solid var(--rs-thumb-value-bg);border-left:.375rem solid transparent;border-right:.375rem solid transparent;position:absolute;top:100%;left:50%;margin-left:-.375rem}spk-range-slider input[type=range][readonly]{-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider input[type=range][readonly]~.track .track-filled{transition:width 125ms linear;border-radius:var(--rst-s)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--rst-bg: var(--primary-500);--rst: var(--primary-level-40);--rs-thumb-c: var(--primary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--primary-level-50);--rs-thumb-value-c: var(--primary-level-50R)}spk-range-slider.accent{--rst-bg: var(--accent-500);--rst: var(--accent-level-40);--rs-thumb-c: var(--accent-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--accent-level-50);--rs-thumb-value-c: var(--accent-level-50R)}spk-range-slider.tertiary{--rst-bg: var(--tertiary-500);--rst: var(--tertiary-level-40);--rs-thumb-c: var(--tertiary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--tertiary-level-50);--rs-thumb-value-c: var(--tertiary-level-50R)}spk-range-slider.warn{--rst-bg: var(--warn-500);--rst: var(--warn-level-40);--rs-thumb-c: var(--warn-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--warn-level-50);--rs-thumb-value-c: var(--warn-level-50R)}spk-range-slider.success{--rst-bg: var(--success-500);--rst: var(--success-level-40);--rs-thumb-c: var(--success-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--success-level-50);--rs-thumb-value-c: var(--success-level-50R)}spk-range-slider.outlined{--rst: var(--base-level-10);--rst-bc: var(--base-level-40);--rs-thumb-c: var(--base-level-50);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.tertiary,spk-range-slider.outlined.warn,spk-range-slider.outlined.success{--rst: var(--base-level-10)}spk-range-slider.outlined.primary{--rs-thumb-c: var(--primary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.accent{--rs-thumb-c: var(--accent-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.tertiary{--rs-thumb-c: var(--tertiary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.warn{--rs-thumb-c: var(--warn-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.success{--rs-thumb-c: var(--success-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.flat{--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.tertiary,spk-range-slider.flat.warn,spk-range-slider.flat.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised{--rst-bg: var(--base-gradient-20);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.tertiary,spk-range-slider.raised.warn,spk-range-slider.raised.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary{--rst-bg: var(--primary-gradient-20)}spk-range-slider.raised.accent{--rst-bg: var(--accent-gradient-20)}spk-range-slider.raised.tertiary{--rst-bg: var(--tertiary-gradient-20)}spk-range-slider.raised.warn{--rst-bg: var(--warn-gradient-20)}spk-range-slider.raised.success{--rst-bg: var(--success-gradient-20)}spk-tooltip{--tt-bg: var(--base-level-30);--tt-c: var(--base-level-30R);--tt-d: inline-flex;display:var(--tt-d)}spk-tooltip .trigger{display:inherit}spk-tooltip.primary{--tt-bg: var(--primary-level-50);--tt-c: var(--primary-level-50R)}spk-tooltip.accent{--tt-bg: var(--accent-level-50);--tt-c: var(--accent-level-50R)}spk-tooltip.tertiary{--tt-bg: var(--tertiary-level-50);--tt-c: var(--tertiary-level-50R)}spk-tooltip.warn{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}spk-tooltip.success{--tt-bg: var(--success-level-50);--tt-c: var(--success-level-50R)}spk-tooltip.disabled .tooltip,spk-tooltip.disabled .tooltip:before{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}spk-tooltip .tooltip{position:relative;margin:0;z-index:0;transform:translate(-50%) scale(.2);color:transparent;padding:.5rem .75rem;background-color:var(--tt-bg);max-width:15rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);border:0;opacity:0;overflow:visible;transition:opacity 125ms linear,transform 125ms linear,color 75ms linear 50ms}spk-tooltip .tooltip:popover-open{opacity:1;transform:translate(-50%) scale(1);color:var(--tt-c)}spk-tooltip .tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.375rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;opacity:1}@supports (left: anchor(center)) and (top: anchor(bottom)){spk-tooltip .tooltip{left:anchor(center);bottom:anchor(top);margin-bottom:.625rem;top:auto}}[spk-tooltip],[tt-primary],[tt-accent],[tt-tertiary],[tt-warn],[tt-success]{--tt-bg: var(--base-level-30);--tt-c: var(--base-level-30R);position:relative}[spk-tooltip]:after,[tt-primary]:after,[tt-accent]:after,[tt-tertiary]:after,[tt-warn]:after,[tt-success]:after{content:attr(spk-tooltip);position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--tt-bg);color:var(--tt-c);max-width:12.5rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000}[spk-tooltip]:before,[tt-primary]:before,[tt-accent]:before,[tt-tertiary]:before,[tt-warn]:before,[tt-success]:before{content:"";position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%);border-width:.5rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;z-index:1000}[spk-tooltip]:hover:after,[spk-tooltip]:hover:before,[tt-primary]:hover:after,[tt-primary]:hover:before,[tt-accent]:hover:after,[tt-accent]:hover:before,[tt-tertiary]:hover:after,[tt-tertiary]:hover:before,[tt-warn]:hover:after,[tt-warn]:hover:before,[tt-success]:hover:after,[tt-success]:hover:before{opacity:1;visibility:visible}[tt-primary]{--tt-bg: var(--primary-level-50);--tt-c: var(--primary-level-50R)}[tt-primary]:after{content:attr(tt-primary)}[tt-accent]{--tt-bg: var(--accent-level-50);--tt-c: var(--accent-level-50R)}[tt-accent]:after{content:attr(tt-accent)}[tt-tertiary]{--tt-bg: var(--tertiary-level-50);--tt-c: var(--tertiary-level-50R)}[tt-tertiary]:after{content:attr(tt-tertiary)}[tt-warn]{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}[tt-warn]:after{content:attr(tt-warn)}[tt-success]{--tt-bg: var(--success-level-50);--tt-c: var(--success-level-50R)}[tt-success]:after{content:attr(tt-success)}[spk-tooltip][tt-left]:after,[tt-primary][tt-left]:after,[tt-accent][tt-left]:after,[tt-tertiary][tt-left]:after,[tt-warn][tt-left]:after,[tt-success][tt-left]:after{top:50%;left:auto;right:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][tt-left]:before,[tt-primary][tt-left]:before,[tt-accent][tt-left]:before,[tt-tertiary][tt-left]:before,[tt-warn][tt-left]:before,[tt-success][tt-left]:before{top:50%;left:auto;right:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--tt-bg)}[spk-tooltip][tt-right]:after,[tt-primary][tt-right]:after,[tt-accent][tt-right]:after,[tt-tertiary][tt-right]:after,[tt-warn][tt-right]:after,[tt-success][tt-right]:after{top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][tt-right]:before,[tt-primary][tt-right]:before,[tt-accent][tt-right]:before,[tt-tertiary][tt-right]:before,[tt-warn][tt-right]:before,[tt-success][tt-right]:before{top:50%;left:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--tt-bg)}[spk-tooltip][tt-bottom]:after,[tt-primary][tt-bottom]:after,[tt-accent][tt-bottom]:after,[tt-tertiary][tt-bottom]:after,[tt-warn][tt-bottom]:after,[tt-success][tt-bottom]:after{top:calc(100% + .75rem)}[spk-tooltip][tt-bottom]:before,[tt-primary][tt-bottom]:before,[tt-accent][tt-bottom]:before,[tt-tertiary][tt-bottom]:before,[tt-warn][tt-bottom]:before,[tt-success][tt-bottom]:before{top:calc(100% - .25rem);transform:translate(-50%);border-top-color:transparent;border-bottom-color:var(--tt-bg)}spk-multi-select,spk-select{display:flex}spk-multi-select spk-form-field,spk-select spk-form-field{display:flex;min-width:13.125rem}spk-multi-select spk-popover,spk-select spk-popover{flex:1 0}spk-multi-select spk-popover:has(.sparkle-options:empty) .popover,spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-multi-select .overlay,spk-select .overlay{position:fixed;inset:0;opacity:0;z-index:1}spk-multi-select .deselect-indicator,spk-multi-select .select-open-indicator,spk-select .deselect-indicator,spk-select .select-open-indicator{cursor:pointer;height:1.25rem}spk-multi-select .deselect-indicator:not(:has([open-indicator])),spk-multi-select .select-open-indicator:not(:has([open-indicator])),spk-select .deselect-indicator:not(:has([open-indicator])),spk-select .select-open-indicator:not(:has([open-indicator])){transform:rotate(0);transition:transform 75ms linear;transform-origin:center}spk-multi-select .deselect-indicator:not(:has([open-indicator])).open,spk-multi-select .select-open-indicator:not(:has([open-indicator])).open,spk-select .deselect-indicator:not(:has([open-indicator])).open,spk-select .select-open-indicator:not(:has([open-indicator])).open{transform:rotate(540deg)}spk-multi-select .deselect-indicator>*,spk-multi-select .select-open-indicator>*,spk-select .deselect-indicator>*,spk-select .select-open-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .deselect-indicator>*+.default-indicator,spk-multi-select .select-open-indicator>*+.default-indicator,spk-select .deselect-indicator>*+.default-indicator,spk-select .select-open-indicator>*+.default-indicator{display:none}spk-multi-select .search-indicator>*,spk-select .search-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .search-indicator>*+.default-indicator,spk-select .search-indicator>*+.default-indicator{display:none}spk-multi-select .display-value,spk-select .display-value{display:flex;flex-wrap:wrap;gap:.25rem}spk-multi-select .display-value+input,spk-select .display-value+input{opacity:0;position:absolute;top:-200%;height:0;width:0}spk-multi-select .display-value spk-chip,spk-select .display-value spk-chip{cursor:pointer;-webkit-user-select:none;user-select:none}spk-multi-select .display-value spk-chip spk-icon,spk-select .display-value spk-chip spk-icon{color:inherit;font-size:1rem}spk-multi-select input,spk-select input{width:100%}spk-multi-select .sparkle-options,spk-select .sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;position:relative;z-index:2;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}spk-multi-select .sparkle-options [spk-title],spk-select .sparkle-options [spk-title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-multi-select .sparkle-options spk-option,spk-multi-select .sparkle-options option,spk-select .sparkle-options spk-option,spk-select .sparkle-options option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70);-webkit-user-select:none;user-select:none}spk-multi-select .sparkle-options spk-option spk-checkbox,spk-multi-select .sparkle-options option spk-checkbox,spk-select .sparkle-options spk-option spk-checkbox,spk-select .sparkle-options option spk-checkbox{margin-left:auto}spk-multi-select .sparkle-options spk-option[disabled],spk-multi-select .sparkle-options option[disabled],spk-select .sparkle-options spk-option[disabled],spk-select .sparkle-options option[disabled]{opacity:.3;cursor:initial}spk-multi-select .sparkle-options spk-option[disabled]:hover,spk-multi-select .sparkle-options option[disabled]:hover,spk-select .sparkle-options spk-option[disabled]:hover,spk-select .sparkle-options option[disabled]:hover{background-color:transparent}spk-multi-select .sparkle-options spk-option spk-icon,spk-multi-select .sparkle-options option spk-icon,spk-select .sparkle-options spk-option spk-icon,spk-select .sparkle-options option spk-icon{font-size:1rem}spk-multi-select .sparkle-options spk-option.active,spk-multi-select .sparkle-options spk-option:checked,spk-multi-select .sparkle-options spk-option:hover,spk-multi-select .sparkle-options option.active,spk-multi-select .sparkle-options option:checked,spk-multi-select .sparkle-options option:hover,spk-select .sparkle-options spk-option.active,spk-select .sparkle-options spk-option:checked,spk-select .sparkle-options spk-option:hover,spk-select .sparkle-options option.active,spk-select .sparkle-options option:checked,spk-select .sparkle-options option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-multi-select .sparkle-options spk-option.focused,spk-multi-select .sparkle-options option.focused,spk-select .sparkle-options spk-option.focused,spk-select .sparkle-options option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-multi-select .sparkle-options spk-option.focused:hover,spk-multi-select .sparkle-options option.focused:hover,spk-select .sparkle-options spk-option.focused:hover,spk-select .sparkle-options option.focused:hover{background-color:var(--primary-level-30)}spk-card{--card-bg: var(--base-level-10);--card-ibg: var(--base-level-20);--card-bc: var(--base-level-40);--card-sh: var(--box-shadow-10);--card-p: 1.5rem;--card-shp: .5rem;display:block;padding:var(--card-p);position:relative;z-index:0}spk-card:before,spk-card:after{content:"";position:absolute;inset:0;border-radius:var(--shape-3)}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);z-index:-2}spk-card:after{background-color:var(--card-ibg);inset:var(--card-shp);z-index:-1}spk-stepper{display:flex;flex-wrap:nowrap;width:100%;position:relative;overflow:hidden}spk-stepper [step]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;color:var(--base-level-60R);cursor:pointer;-webkit-user-select:none;user-select:none}spk-stepper [step]:first-child{align-items:flex-start;flex:1 0}spk-stepper [step]:last-child{align-items:flex-end;flex:1 0}spk-stepper [step]:not(.active) spk-radio{z-index:10}spk-stepper [step]:has(~[step].active) spk-radio{--radiod-o: 1}spk-stepper [step]:has(~[step].active) spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step] spk-radio .radio{--radiod-c: var(--base-level-10);width:1rem;height:1rem}spk-stepper [step].active{color:var(--primary-500);outline:none}spk-stepper [step].active spk-radio{z-index:0;--radiod-o: 1}spk-stepper [step].active spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step].active spk-radio:before{content:"";position:absolute;top:.375rem;left:-9999px;z-index:-1;right:0;height:.25rem;background-color:var(--primary-500)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-level-30)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2}[spkSortable] .sortable-placeholder{position:absolute;top:0;z-index:1}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-toggle-card.active .content{max-height:1000px;transition:max-height 1s linear;padding:0 1rem 1rem}spk-toggle-card.active spk-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon{transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;overflow:hidden;max-height:0;transition:max-height .25s linear,padding .25s linear}spk-table{--table-bc: var(--base-level-40);--table-tr-bg: var(--base-level-10);--table-th-bg: var(--base-level-10);--table-th-c: var(--base-level-60R);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-level-60);--table-td-f: var(--paragraph-30);--table-columns: 1fr 1fr 1fr max-content;width:100%;display:grid;grid-template-columns:var(--table-columns);position:relative}spk-table thead{position:relative}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%)}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table tr{background:var(--table-tr-bg)}spk-table th{display:flex;align-items:center;padding:0 0 0 1.25rem;height:3rem;font:var(--table-th-f);line-height:1em;white-space:nowrap;color:var(--table-th-c);border:0;background:var(--table-th-bg)}spk-table th:last-child{padding:0 1.25rem}spk-table td{display:flex;align-items:center;padding:1rem 1.25rem;height:4.875rem;gap:.5rem;white-space:nowrap;color:var(--table-td-c);font:var(--table-td-f);border-top:1px solid var(--table-bc);border-bottom:0}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-tabs{--tabs-bc: var(--base-level-40);--tabs-bg: var(--base-level-10);--tabs-c: var(--base-level-70);--tabs-c-hover: var(--base-level-60);--tabs-c-active: var(--base-level-70);--tabs-f: var(--paragraph-30);--tabs-sel-bg: var(--base-level-70);display:flex;gap:1rem;border-bottom:1px solid var(--base-level-40)}spk-tabs [tab]{display:flex;align-items:center;gap:.5rem;height:3rem;font:var(--tabs-f);background:var(--tabs-bg);border-radius:0;appearance:none;border:0;color:var(--tabs-c);cursor:pointer;position:relative}spk-tabs [tab]:focus{outline:none}spk-tabs [tab]:hover{color:var(--tabs-c-hover)}spk-tabs [tab].active{color:var(--tabs-c-active)}spk-tabs [tab].active:after{display:block}spk-tabs [tab]:after{content:"";display:none;width:100%;height:2px;background:var(--tabs-sel-bg);position:absolute;left:0;bottom:0}spk-tabs.primary{--tabs-sel-bg: var(--primary-500);--tabs-c-active: var(--primary-500)}spk-tabs.accent{--tabs-sel-bg: var(--accent-500);--tabs-c-active: var(--accent-500)}spk-tabs.tertiary{--tabs-sel-bg: var(--tertiary-500);--tabs-c-active: var(--tertiary-500)}spk-tabs.warn{--tabs-sel-bg: var(--warn-500);--tabs-c-active: var(--warn-500)}spk-tabs.success{--tabs-sel-bg: var(--success-500);--tabs-c-active: var(--success-500)}spk-file-upload{display:flex;flex-direction:column;gap:.75rem}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}.sparkle-popup-menu{min-width:initial}.sparkle-popup-menu.right button{justify-content:flex-end}
|
package/chunk-2OFRFEDU.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a,k as b}from"./chunk-T35OO33H.js";import"./chunk-MHN6DOJL.js";import"./chunk-NN4VOZJP.js";import"./chunk-DNHLTHLR.js";import"./chunk-ZHM55NRD.js";import"./chunk-4I2FZHFA.js";import"./chunk-ICX4A35N.js";import"./chunk-3ZII4VBA.js";import"./chunk-APGFOGYB.js";import"./chunk-XG5WW7WW.js";import"./chunk-5P5MCIGV.js";import"./chunk-NUWA7AOR.js";import"./chunk-7CGTOI24.js";export{a as createScheduleForm,b as default};
|
package/chunk-3ZII4VBA.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Ab as oe,Bb as V,Cb as L,Db as se,Eb as _,Fb as re,Gb as ae,Jb as N,Kb as $,Lb as Y,Ma as y,Nb as g,Ob as X,P as G,Pa as J,Sa as h,Ta as F,Ua as Z,V as M,Va as B,X as m,Z as K,_a as E,ab as Q,bb as R,cb as j,db as ee,dc as k,eb as q,fa as p,fb as w,fc as x,ga as d,gb as te,hb as ie,ib as ne,jb as r,kb as a,lb as I,pb as b,qa as W,qb as v,ra as u,rb as f,sa as A,sb as S,tb as l}from"./chunk-NUWA7AOR.js";import{a as T,b as P}from"./chunk-7CGTOI24.js";var D=["*"],ce=[[["","icon",""]],[["","title",""]],"*",[["","content",""]]],pe=["[icon]","[title]","*","[content]"];function de(n,C){n&1&&(r(0,"spk-icon",3),_(1,"info"),a())}function ue(n,C){n&1&&(r(0,"spk-icon",3),_(1,"info"),a())}function he(n,C){n&1&&(r(0,"spk-icon",3),_(1,"check-circle"),a())}function fe(n,C){n&1&&(r(0,"spk-icon",3),_(1,"warning-octagon"),a())}function me(n,C){n&1&&(r(0,"spk-icon",3),_(1,"warning"),a())}function ge(n,C){n&1&&(r(0,"spk-icon",3),_(1,"question"),a())}function ve(n,C){if(n&1){let e=b();r(0,"spk-icon",7),v("click",function(){p(e);let i=f();return d(i.removeAlert())}),_(1,"plus"),a()}}var Se=["spk-button",""];var Ce=["inputWrap"];var _e=[[["label"]],[["","prefix",""]],[["","textPrefix",""]],[["input"]],[["textarea"]],[["","textSuffix",""]],[["","suffix",""]],[["","error",""]],[["","hint",""]]],ye=["label","[prefix]","[textPrefix]","input","textarea","[textSuffix]","[suffix]","[error]","[hint]"],ke=["triggerRef"],De=["popoverRef"],we=[[["","trigger",""]],"*"],be=["[trigger]","*"],Oe=["option"],Ee=["*",[["","menu",""]]],xe=["*","[menu]"],Te=()=>({closeOnButton:!1,closeOnEsc:!0});var Me=["optionsRef"],Fe=["formFieldWrapper"],Ie=[[["label"]],[["input"]],"*",[["","deselect-indicator",""]],[["","search-indicator",""]],[["","open-indicator",""]]],Ve=["label","input","*","[deselect-indicator]","[search-indicator]","[open-indicator]"],Ae=()=>({closeOnButton:!1,closeOnEsc:!1});function Re(n,C){if(n&1){let e=b();r(0,"spk-chip",12),v("click",function(i){let o=p(e).$implicit,s=f(3);return d(s.toggleOption(o,i))}),_(1),r(2,"spk-icon"),_(3,"x-circle"),a()()}if(n&2){let e,t=C.$implicit,i=f(3);q(i.chipClass()),y(),ae(" ",(e=(e=i.displayFn())==null?null:e(t))!==null&&e!==void 0?e:t," ")}}function He(n,C){if(n&1&&ie(0,Re,4,3,"spk-chip",11,te),n&2){let e=f(2);ne(e.inputValue().split(","))}}function Pe(n,C){if(n&1&&(r(0,"div",6),E(1,He,2,0),a()),n&2){let e=f();y(),w(e.inputValue().length>0?1:-1)}}function Be(n,C){if(n&1&&(r(0,"div",6),_(1),a()),n&2){let e=f();y(),re(e._displayValue())}}function je(n,C){if(n&1){let e=b();r(0,"div",13),v("click",function(i){p(e);let o=f();return d(o.deselect(i))}),l(1,3),r(2,"spk-icon",14),_(3,"x-circle"),a()()}}function Le(n,C){n&1&&(r(0,"div",8),l(1,4),r(2,"spk-icon",14),_(3,"magnifying-glass"),a()())}function We(n,C){if(n&1&&(r(0,"div",15),l(1,5),r(2,"spk-icon",14),_(3,"caret-down"),a()()),n&2){let e=f();j("open",e.isOpen())}}var qe=["dragImageElement"],Ue=[[["","sidenav",""]],[["","sidenav-closed-topbar",""]],"*"],Qe=["[sidenav]","[sidenav-closed-topbar]","*"];function Ne(n,C){n&1&&I(0,"div",1,0)}function $e(n,C){if(n&1){let e=b();r(0,"div",7),v("drop",function(i){p(e);let o=f();return d(o.drop(i))})("dragover",function(i){p(e);let o=f();return d(o.dragOver(i))})("dragenter",function(){p(e);let i=f();return d(i.dragEnter())})("dragleave",function(){p(e);let i=f();return d(i.dragLeave())}),a()}}function Ye(n,C){if(n&1){let e=b();r(0,"div",8),v("dragstart",function(i){p(e);let o=f();return d(o.dragStart(i))})("dragend",function(i){p(e);let o=f();return d(o.dragEnd(i))})("drag",function(i){p(e);let o=f();return d(o.drag(i))})("touchstart",function(i){p(e);let o=f();return d(o.touchStart(i))})("touchmove",function(i){p(e);let o=f();return d(o.touchMove(i))})("touchend",function(i){p(e);let o=f();return d(o.touchEnd(i))})("touchcancel",function(i){p(e);let o=f();return d(o.touchCancel(i))}),a()}}var z=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-icon"]],standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})(),vt=(()=>{class n{constructor(){this._el=M(A),this.alertService=u(null),this.type=u("error"),this.id=u(null)}removeAlert(){this.id()&&this.alertService()&&this.alertService()?.removeAlert(this.id())}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-alert"]],hostVars:2,hostBindings:function(t,i){t&2&&q(i.type())},inputs:{alertService:[1,"alertService"],type:[1,"type"],id:[1,"id"]},standalone:!0,features:[g],ngContentSelectors:pe,decls:17,vars:4,consts:[["ref",""],[1,"alert"],[1,"icon"],[1,"state-icon"],[1,"title"],[1,"close-icon"],[1,"content"],[1,"close-icon",3,"click"]],template:function(t,i){if(t&1&&(S(ce),r(0,"div",1)(1,"div",2,0),l(3),a(),r(4,"div",2),E(5,de,2,0,"spk-icon",3)(6,ue,2,0,"spk-icon",3)(7,he,2,0,"spk-icon",3)(8,fe,2,0,"spk-icon",3)(9,me,2,0,"spk-icon",3)(10,ge,2,0,"spk-icon",3),a(),r(11,"div",4),l(12,1),l(13,2),a(),E(14,ve,2,0,"spk-icon",5),r(15,"div",6),l(16,3),a()()),t&2){let o,s=se(2);y(),R("display",s.children.length?"block":"none"),y(4),w((o=i.type())==="primary"?5:o==="accent"?6:o==="success"?7:o==="error"?8:o==="warning"?9:10),y(9),w(i.id()?14:-1)}},dependencies:[z],encapsulation:2,changeDetection:0})}}return n})();var St=(()=>{class n{constructor(){this.alertHistory=h([]),this.alertHistoryIsOpen=h(!1),this.alertHistoryIsHidden=h(!0)}error(e){this.addAlert({type:"error",title:e??"An error occured"})}success(e){this.addAlert({type:"success",title:e})}question(e){this.addAlert({type:"question",title:e})}warning(e){this.addAlert({type:"warning",title:e})}info(e){this.addAlert({type:"primary",title:e})}addAlert(e){let t=crypto.randomUUID();this.alertHistory.update(i=>[P(T({},e),{isOpen:!0,animateIn:!0,animateOut:!1,id:t}),...i]),setTimeout(()=>{this.alertHistory.update(i=>i.map(o=>P(T({},o),{animateIn:o.id===t?!1:o.animateIn})))},40),setTimeout(()=>{this.hideAlert(t)},2500)}removeAlert(e){this.alertHistory.update(t=>t.map(i=>P(T({},i),{animateOut:i.id===e?!1:i.animateOut}))),setTimeout(()=>{this.alertHistory.update(t=>t.filter(i=>i.id!==e))},300)}hideAlert(e){this.alertHistory.update(t=>t.map(i=>P(T({},i),{isOpen:i.id===e?!1:i.isOpen})))}setHidden(e){this.alertHistoryIsHidden.set(e)}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275prov=G({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var Ct=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-button-group"]],standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})(),Xe=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["","spk-button",""]],standalone:!0,features:[g],attrs:Se,ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})(),_t=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-card"]],standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})(),yt=(()=>{class n{#e=M(A);onClick(){this.#e.nativeElement.querySelector("input")&&this.#e.nativeElement.querySelector("input").focus()}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-checkbox"]],hostBindings:function(t,i){t&1&&v("click",function(){return i.onClick()})},standalone:!0,features:[g],ngContentSelectors:D,decls:6,vars:0,consts:[[1,"box"],[1,"inherit","default-indicator"],[1,"inherit","indeterminate-indicator"]],template:function(t,i){t&1&&(S(),r(0,"div",0)(1,"spk-icon",1),_(2,"check"),a(),r(3,"spk-icon",2),_(4,"minus"),a()(),l(5))},dependencies:[z],encapsulation:2,changeDetection:0})}}return n})(),ze=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-chip"]],standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})();var Ge=(()=>{class n{#e=M(A);onClick(){this.#e.nativeElement.querySelector("input")&&this.#e.nativeElement.querySelector("input").focus(),this.#e.nativeElement.querySelector("textarea")&&this.#e.nativeElement.querySelector("textarea").focus()}ngOnInit(){let e=CSS.supports("field-sizing","content"),t=this.#e.nativeElement.querySelector("textarea");if(!e&&t!==null){let c=function(){s.style.height="auto",s.style.height=s.scrollHeight+"px"},O=function(){window.setTimeout(c,0)};var i=c,o=O;let s=this.#e.nativeElement.querySelector("textarea");s.addEventListener("change",c),s.addEventListener("cut",O),s.addEventListener("paste",O),s.addEventListener("drop",O),s.addEventListener("keydown",O),s.focus(),s.select(),c()}}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-form-field"]],hostBindings:function(t,i){t&1&&v("click",function(){return i.onClick()})},standalone:!0,features:[g],ngContentSelectors:ye,decls:16,vars:0,consts:[[1,"input-wrap"],[1,"prefix"],[1,"prefix-space"],[1,"suffix-space"],[1,"helpers"],[1,"error"],[1,"hint"]],template:function(t,i){t&1&&(S(_e),l(0),r(1,"div",0)(2,"div",1),l(3,1),l(4,2),a(),I(5,"div",2),l(6,3),l(7,4),l(8,5),I(9,"div",3),l(10,6),a(),r(11,"div",4)(12,"div",5),l(13,7),a(),r(14,"div",6),l(15,8),a()())},encapsulation:2,changeDetection:0})}}return n})(),kt=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-list"]],standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})(),Ke={width:void 0,height:void 0,closeOnButton:!0,closeOnEsc:!0},le=(()=>{class n{constructor(){this.#e=4,this.SUPPORTS_ANCHOR=CSS.supports("position-anchor","--abc")&&CSS.supports("anchor-name","--abc"),this.above=u(!1),this.right=u(!1),this._above=h(this.above()),this._right=h(this.right()),this.disableOpenByClick=u(!1),this.isOpen=B(!1),this.options=u(),this.closed=W(),this.defaultOptionMerge=k(()=>T(T({},Ke),this.options())),this.triggerRef=F.required("triggerRef"),this.popoverRef=F.required("popoverRef"),this.id=h("--"+crypto.randomUUID()),this.menuStyle=h(null),this.openAbort=null,this.isCalculatingPosition=k(()=>{let e=this.popoverRef()?.nativeElement;return this.isOpen()?(this.openAbort&&this.openAbort.abort(),this.openAbort=new AbortController,e?.showPopover(),document.addEventListener("keydown",i=>{i.key==="Escape"&&!this.defaultOptionMerge().closeOnEsc&&i.preventDefault(),i.key==="Escape"&&this.defaultOptionMerge().closeOnEsc&&this.isOpen.set(!1)},{capture:!0,signal:this.abortController?.signal}),!0):(e.hidePopover(),this.abortController?.abort(),this.openAbort?.abort(),this.closed.emit(),!1)}),this.abortController=null,this.calcPositionEffect=x(()=>{if(!this.isCalculatingPosition())return;this.abortController&&this.abortController.abort(),this.abortController=new AbortController;let t=this.abortController.signal;this.calculateMenuPosition(),this.#s(this.popoverRef()?.nativeElement).addEventListener("scroll",()=>this.calculateMenuPosition(),{signal:t}),document.addEventListener("resize",()=>this.calculateMenuPosition(),{signal:t})},{allowSignalWrites:!0}),this.scrollableStyles=["scroll","auto"]}#e;toggleIsOpen(e){e.preventDefault(),e.stopPropagation(),this.disableOpenByClick()||this.isOpen.set(!this.isOpen())}#s(e){let t=e.parentElement;for(;t;){if(this.scrollableStyles.indexOf(window.getComputedStyle(t).overflowY)>-1&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return document.documentElement}eventClose(e){e.stopPropagation(),e.preventDefault(),this.isOpen.set(!1)}ngOnDestroy(){this.abortController&&this.abortController.abort()}calculateMenuPosition(){let e=this.triggerRef()?.nativeElement.getBoundingClientRect(),t=this.popoverRef()?.nativeElement.getBoundingClientRect(),i=e.left,o=e.bottom,s=i,c=o+this.#e,O=s+t.width>window.innerWidth,U=c+t.height>window.innerHeight;if(this.SUPPORTS_ANCHOR)this._above.set(U),this._right.set(O);else{if(this.above()){let H=e.top-t.height-this.#e;H>=0&&(c=H)}else U&&(c=e.top-t.height-this.#e);if(this.right()){let H=e.right-t.width;H>=0&&(s=H)}else O&&(c=U?e.top+e.height-t.height:e.top,s=e.left-t.width-this.#e);this.menuStyle.set({left:s+"px",top:c+"px"})}}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-popover"]],viewQuery:function(t,i){t&1&&(V(i.triggerRef,ke,5),V(i.popoverRef,De,5)),t&2&&L(2)},hostVars:4,hostBindings:function(t,i){t&2&&j("above",i._above())("right",i._right())},inputs:{above:[1,"above"],right:[1,"right"],disableOpenByClick:[1,"disableOpenByClick"],isOpen:[1,"isOpen"],options:[1,"options"]},outputs:{isOpen:"isOpenChange",closed:"closed"},standalone:!0,features:[g],ngContentSelectors:be,decls:10,vars:6,consts:[["triggerRef",""],["popoverRef",""],[1,"trigger",3,"click"],[1,"trigger-wrapper"],["spk-button","",1,"outlined"],["popover","",1,"popover"],[1,"overlay",3,"click"]],template:function(t,i){if(t&1){let o=b();S(we),r(0,"div",2,0),v("click",function(c){return p(o),d(i.toggleIsOpen(c))}),r(2,"div",3),l(3),a(),r(4,"button",4),_(5,"Open popover"),a()(),r(6,"div",5,1)(8,"div",6),v("click",function(c){return p(o),d(i.isOpen()&&i.eventClose(c))}),a(),l(9,1),a()}t&2&&(R("anchor-name",i.id()),y(6),ee(i.menuStyle()),R("position-anchor",i.id()))},dependencies:[Xe],encapsulation:2,changeDetection:0})}}return n})(),Dt=(()=>{class n{constructor(){this.above=u(!1),this.right=u(!1),this.keepClickedOptionActive=u(!1),this.isOpen=B(!1),this.closed=W(),this.activeOptionIndex=h(-1),this.options=Z("option"),this.optionsEl=k(()=>Array.from(this.options()).map(e=>e.nativeElement).filter(e=>e.disabled!==!0)),this.optionsEffect=x(()=>{if(!this.isOpen())return;let e=this.activeOptionIndex(),t=this.optionsEl();if(e>-1)for(let i=0;i<t.length;i++){if(i===e){t[i].scrollIntoView({block:"center"}),t[i].classList.add("active");continue}t[i].classList.remove("active")}})}onKeyDown(e){if(!this.isOpen())return;e.preventDefault();let t=this.optionsEl(),i=this.activeOptionIndex();e.key==="ArrowDown"?i===-1||i===t.length-1?this.activeOptionIndex.set(0):this.activeOptionIndex.set(i+1):e.key==="ArrowUp"?i===-1||i===0?this.activeOptionIndex.set(t.length-1):this.activeOptionIndex.set(i-1):e.key==="Enter"?i>-1&&(t[i].click(),setTimeout(()=>this.close("active"))):e.key==="Tab"?this.close("closed"):this.activeOptionIndex.set(-1)}close(e="closed",t){(!this.keepClickedOptionActive()||e==="closed")&&this.#e(),this.isOpen.set(!1),this.closed.emit(e==="active")}#e(){this.activeOptionIndex.set(-1);let e=this.optionsEl();for(let t=0;t<e.length;t++)e[t].classList.remove("active")}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-menu"]],contentQueries:function(t,i,o){t&1&&oe(o,i.options,Oe,4),t&2&&L()},hostBindings:function(t,i){t&1&&v("keydown",function(s){return i.onKeyDown(s)})},inputs:{above:[1,"above"],right:[1,"right"],keepClickedOptionActive:[1,"keepClickedOptionActive"],isOpen:[1,"isOpen"]},outputs:{isOpen:"isOpenChange",closed:"closed"},standalone:!0,features:[g],ngContentSelectors:xe,decls:6,vars:6,consts:[["formFieldWrapper",""],[3,"isOpenChange","closed","isOpen","disableOpenByClick","above","right","options"],["trigger","",3,"click"],[1,"options",3,"click"]],template:function(t,i){if(t&1){let o=b();S(Ee),r(0,"spk-popover",1,0),Y("isOpenChange",function(c){return p(o),$(i.isOpen,c)||(i.isOpen=c),d(c)}),v("closed",function(){return p(o),d(i.close("fromPopover"))}),r(2,"div",2),v("click",function(){return p(o),d(i.isOpen.set(!0))}),l(3),a(),r(4,"div",3),v("click",function(){return p(o),d(i.close("active"))}),l(5,1),a()()}t&2&&(N("isOpen",i.isOpen),Q("disableOpenByClick",!0)("above",i.above())("right",i.right())("options",X(5,Te)))},dependencies:[le],encapsulation:2,changeDetection:0})}}return n})(),wt=(()=>{class n{constructor(){this.value=u(void 0)}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-progress-bar"]],inputs:{value:[1,"value"]},standalone:!0,features:[g],decls:1,vars:2,consts:[[1,"progress-bar"]],template:function(t,i){t&1&&I(0,"div",0),t&2&&R("width",i.value(),"%")},encapsulation:2,changeDetection:0})}}return n})(),bt=(()=>{class n{#e=M(A);onClick(){this.#e.nativeElement.querySelector("input")&&this.#e.nativeElement.querySelector("input").focus()}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-radio"]],hostBindings:function(t,i){t&1&&v("click",function(){return i.onClick()})},standalone:!0,features:[g],ngContentSelectors:D,decls:2,vars:0,consts:[[1,"radio"]],template:function(t,i){t&1&&(S(),I(0,"div",0),l(1))},encapsulation:2,changeDetection:0})}}return n})();var Ot=(()=>{class n{constructor(){this.value=u(null)}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-option"]],inputs:{value:[1,"value"]},standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})(),Je=["primary","accent","tertiary","warn","success"],Et=(()=>{class n{constructor(){this.#e=M(J),this.#s=document.getElementsByTagName("body")[0],this.#p=M(A),this.#d=new MutationObserver(e=>{for(let t of e)if(t.type==="childList"&&t.target instanceof HTMLElement){let i=[...Array.from(t.addedNodes),...Array.from(t.removedNodes)];for(let o=0;o<i.length;o++){let s=i[o];(s.nodeName==="OPTION"||s.nodeName==="SPK-OPTION")&&this.#o.set(!this.#o())}}}),this.optionsRef=F("optionsRef"),this.formFieldWrapperRef=F.required("formFieldWrapper"),this.inputWrapRef=F.required("inputWrap"),this.inputValue=B(""),this.readonly=u(!1),this.selectMultiple=u(!1),this.hideClearButton=u(!1),this.displayValue=u(""),this.displayFn=u(e=>`${e}`),this.above=u(!1),this.right=u(!1),this.#l=h(!1),this.#o=h(!1),this.#t=h(null),this.#r=h(null),this.#c=h(-1),this.#a=h(!1),this.#i=h(-1),this.isOpen=h(!1),this.isSearchInput=k(()=>this.#t()?.type==="search"),this.optionsEl=k(()=>this.optionsRef()?.nativeElement),this.#n=k(()=>{this.#o();let e=this.optionsRef()?.nativeElement.querySelectorAll("option"),t=this.optionsRef()?.nativeElement.querySelectorAll("spk-option");return e?.length?Array.from(e):t?.length?Array.from(t):[]}),this.chipClass=k(()=>Array.from(this.#p.nativeElement.classList).filter(e=>Je.includes(e)).join(" ")),this._displayValue=k(()=>this.displayFn()?this.displayFn()(this.inputValue()):this.displayValue()??this.inputValue()),this.selectedOption=k(()=>this.#r()?this.#n().find(e=>(e.getAttribute("value")||e.getAttribute("ng-reflect-value"))===this.#r()):null),this.optionsOpenController=null,this.inputController=null,this.clickController=null,this.inputAbortController=null,this.#f=x(()=>{this.#l();let e=this.#p.nativeElement.querySelector("input");e&&(this.#k(e),e.addEventListener("inputValueChanged",t=>{this.inputValue.set(t.detail.value),this.selectMultiple()&&this.#h()}),this.#t.set(e),e.autocomplete="off",typeof e.value=="string"&&this.inputValue.set(e.value))},{allowSignalWrites:!0}),this.#m=x(()=>{this.inputController&&this.inputController.abort(),this.inputController=new AbortController;let e=this.#t();e&&e.addEventListener("keydown",t=>{(this.selectMultiple()||!this.isSearchInput())&&t.preventDefault(),t.key==="Escape"?this.close():t.key==="ArrowDown"?this.#i()===null||this.#i()<0||this.#i()===this.#n().length-1?this.#i.set(this.#c()):this.#i.set(this.#i()+1):t.key==="ArrowUp"?this.#i()===null||this.#i()<0||this.#i()===0?this.#i.set(this.#n().length-1):this.#i.set(this.#i()-1):t.key==="Enter"?this.#i()>-1&&this.selected(this.getOptionElement(this.#i())):t.key==="Tab"&&this.close(!0)},{signal:this.inputController?.signal})}),this.#g=x(()=>{this.isOpen()&&this.#_()}),this.#v=x(()=>{let e=this.inputValue();this.#t()&&(this.#t().value=e??"",this.#t().dispatchEvent(new Event("input")))},{allowSignalWrites:!0}),this.#u=new MutationObserver(e=>{for(var t of e)t.type=="childList"&&t.target.classList.contains("input")&&this.#l.set(!this.#l())})}#e;#s;#p;#d;#l;#o;#t;#r;#c;#a;#i;#n;#f;#m;#g;#v;ngOnInit(){this.#u.observe(this.inputWrapRef().nativeElement,{attributes:!0,childList:!0,subtree:!0})}getOptionElement(e){return this.#n()[e]}deselect(e,t=!1){e?.stopPropagation(),this.#t()&&(this.#t().value="",this.#t().dispatchEvent(new Event("input"))),this.#i.set(this.#c()),this.#a.set(!1),(t||!this.selectMultiple())&&(this.isOpen.set(!1),this.#t()?.blur())}selected(e){if(!e)return;let t=(e.getAttribute("value")||e.getAttribute("ng-reflect-value"))??"",i=this.#n().indexOf(e);if(e.hasAttribute("deselect"))return this.deselect(null,!0);if(this.#i.set(i),e&&!this.selectMultiple()){this.inputValue.set(t);for(let o=0;o<this.#n().length;o++){let s=this.#n()[o];(s.getAttribute("value")||s.getAttribute("ng-reflect-value"))===t?this.#e.setAttribute(s,"selected","selected"):this.#e.removeAttribute(s,"selected")}}else e&&this.selectMultiple()&&(this.inputValue().includes(t)?(this.#e.removeAttribute(e,"selected"),this.toggleOption(t)):(this.#e.setAttribute(e,"selected","selected"),this.inputValue.set(this.inputValue().length?`${this.inputValue()},${t}`:t)));this.#a.set(!1),this.#r.set(null),this.selectMultiple()?this.#t()?.focus():(this.isOpen.set(!1),this.#t()?.blur())}toggleOption(e,t){t&&(t.preventDefault(),t.stopPropagation()),this.inputValue.set(this.inputValue().startsWith(e+",")?this.inputValue().replace(e+",",""):this.inputValue().includes(","+e)?this.inputValue().replace(","+e,""):this.inputValue().replace(e,""))}close(e=!1){this.#o.set(!this.#o());let t=this.#r();this.isSearchInput()&&t&&setTimeout(()=>this.inputValue.set(t)),this.isOpen.set(!1),this.#a.set(!1),e||this.#t()?.blur(),this.#d.disconnect(),this.#C()}open(e){e.preventDefault(),!this.isOpen()&&(this.isOpen.set(!0),this.#d.observe(this.optionsEl(),{childList:!0,subtree:!0}),this.isSearchInput()&&!this.#a()?(this.#r.set(this.inputValue()),this.inputValue.set(""),this.#t().focus(),this.#t().value="",this.#t().dispatchEvent(new Event("input")),this.#i.set(-1)):(this.isSearchInput()||this.selectMultiple())&&this.#t().focus(),this.#a.set(!0),this.#S(),this.#h(),setTimeout(()=>{this.#c.set(this.#y())}))}#S(){this.clickController&&this.clickController.abort(),this.clickController=new AbortController,this.optionsEl()?.addEventListener("click",e=>{if(!e.target)return;this.#o.set(!this.#o());let t=e.target.closest("option"),i=e.target.closest("spk-option"),o=t||i;this.#n().indexOf(o)>-1&&this.selected(o)},{signal:this.clickController?.signal})}#C(){this.clickController&&this.clickController.abort()}#_(){for(let e=0;e<this.#n().length;e++){let t=this.#n()[e];this.#e.removeClass(t,"focused"),this.#i()===e&&(this.#e.addClass(t,"focused"),t.scrollIntoView({block:"center"}))}}#h(){let e=this.#t();if(!e)return;this.inputValue.set(e.value);let t=e.value.split(",");setTimeout(()=>{let i=this.#n();for(let o=0;o<i.length;o++){let s=i[o].getAttribute("ng-reflect-value");s&&t.includes(s)?this.#e.setAttribute(i[o],"selected","selected"):this.#e.removeAttribute(i[o],"selected")}})}#y(){let e=this.#n();for(let t=0;t<e.length;t++)if(!e[t].hasAttribute("deselect"))return t;return-1}#u;#k(e){return Object.defineProperty(e,"value",{configurable:!0,get(){return Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value").get.call(this)},set(t){Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value").set.call(this,t);let o=new CustomEvent("inputValueChanged",{bubbles:!0,cancelable:!0,detail:{value:t}});return this.dispatchEvent(o),t}}),e}ngOnDestroy(){this.clickController&&this.clickController.abort(),this.inputController&&this.inputController.abort(),this.optionsOpenController&&this.optionsOpenController.abort(),this.#u.disconnect()}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-select"]],viewQuery:function(t,i){t&1&&(V(i.optionsRef,Me,5),V(i.formFieldWrapperRef,Fe,5),V(i.inputWrapRef,Ce,5)),t&2&&L(3)},inputs:{inputValue:[1,"inputValue"],readonly:[1,"readonly"],selectMultiple:[1,"selectMultiple"],hideClearButton:[1,"hideClearButton"],displayValue:[1,"displayValue"],displayFn:[1,"displayFn"],above:[1,"above"],right:[1,"right"]},outputs:{inputValue:"inputValueChange"},standalone:!0,features:[g],ngContentSelectors:Ve,decls:15,vars:8,consts:[["formFieldWrapper",""],["inputWrap",""],["optionsRef",""],[3,"isOpenChange","closed","isOpen","disableOpenByClick","options"],["trigger","",3,"click"],["ngProjectAs","input",5,["input"],1,"input"],[1,"display-value"],["suffix","",1,"deselect-indicator"],["suffix","",1,"search-indicator"],["suffix","",1,"select-open-indicator",3,"open"],[1,"sparkle-options"],[1,"small","simple",3,"class"],[1,"small","simple",3,"click"],["suffix","",1,"deselect-indicator",3,"click"],[1,"default-indicator"],["suffix","",1,"select-open-indicator"]],template:function(t,i){if(t&1){let o=b();S(Ie),r(0,"spk-popover",3,0),Y("isOpenChange",function(c){return p(o),$(i.isOpen,c)||(i.isOpen=c),d(c)}),v("closed",function(){return p(o),d(i.close())}),r(2,"spk-form-field",4),v("click",function(c){return p(o),d(i.open(c))}),l(3,0,["ngProjectAs","label",5,["label"]]),r(4,"div",5,1),E(6,Pe,2,1,"div",6)(7,Be,2,1,"div",6),l(8,1),a(),E(9,je,4,0,"div",7)(10,Le,4,0,"div",8)(11,We,4,2,"div",9),a(),r(12,"div",10,2),l(14,2),a()()}t&2&&(N("isOpen",i.isOpen),Q("disableOpenByClick",!0)("options",X(7,Ae)),y(2),q(i.readonly()?"readonly":""),y(4),w(i.selectMultiple()?6:i._displayValue()&&i.isSearchInput()&&!i.isOpen()||i._displayValue()&&!i.isSearchInput()?7:-1),y(3),w((i.inputValue()&&!i.isOpen()&&i.inputValue().length>0||i.selectedOption())&&!i.hideClearButton()?9:i.isSearchInput()&&!i.selectedOption()?10:11))},dependencies:[Ge,z,ze,le],encapsulation:2,changeDetection:0})}}return n})(),xt=(()=>{class n{constructor(){this.openWidth=280,this.openWidthTreshold=this.openWidth*.9,this.disableDrag=u(!1),this.isOpen=B(!1),this.type=u(""),this.dragImageElement=F.required("dragImageElement"),this.dragIsEnding=h(!1),this.dragIsOnScreen=h(!0),this.isDragging=h(!1),this.dragPositionX=h(0),this.dragActualPositionX=k(()=>{let e=this.dragPositionX(),t=.32;return e>this.openWidthTreshold?this.openWidthTreshold+(e-this.openWidthTreshold)*t:e}),this.draggingStyle=k(()=>this.type()!=="overlay"?null:this.isDragging()?`translateX(${this.dragActualPositionX()}px)`:this.isOpen()?`translateX(${this.openWidth}px)`:"translateX(0px)"),this.draggingEffect=x(()=>{this.isDragging()&&document.body.classList.add("dragging")})}drop(e){e.stopPropagation(),this.#e(e.clientX)}#e(e){this.isDragging.set(!1),e<=0?this.isOpen.set(!1):e>this.openWidthTreshold?this.isOpen.set(!0):e<this.openWidthTreshold&&(!this.isOpen()&&e<this.openWidthTreshold*.6?this.isOpen.set(!0):this.isOpen.set(!1))}dragEnd(e){(e.clientX<0||!this.dragIsOnScreen())&&this.#e(0)}dragEnter(){this.dragIsOnScreen.set(!0)}dragLeave(){this.dragIsOnScreen.set(!1)}dragOver(e){e.preventDefault(),this.#s(e)}dragStart(e){e.stopPropagation(),this.isDragging.set(!0),this.#s(e)}#s(e){e.dataTransfer?.setDragImage(this.dragImageElement().nativeElement,0,0)}drag(e){e.stopPropagation(),setTimeout(()=>{this.isDragging()&&this.dragIsOnScreen()&&this.dragPositionX.set(e.clientX)}),this.#s(e)}touchStart(e){e.stopPropagation(),this.isDragging.set(!0)}touchMove(e){e.stopPropagation(),setTimeout(()=>{this.isDragging()&&this.dragIsOnScreen()&&this.dragPositionX.set(e.touches[0].clientX)})}touchEnd(e){e.stopPropagation(),this.#e(e.changedTouches[0].clientX)}touchCancel(e){e.stopPropagation(),this.isDragging.set(!1)}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-sidenav"]],viewQuery:function(t,i){t&1&&V(i.dragImageElement,qe,5),t&2&&L()},hostVars:10,hostBindings:function(t,i){t&2&&j("open",i.isOpen())("closed",!i.isOpen())("overlay",i.type()==="overlay")("simple",i.type()==="simple")("is-dragging",i.isDragging())},inputs:{disableDrag:[1,"disableDrag"],isOpen:[1,"isOpen"],type:[1,"type"]},outputs:{isOpen:"isOpenChange"},standalone:!0,features:[g],ngContentSelectors:Qe,decls:10,vars:5,consts:[["dragImageElement",""],[1,"drag-image"],[1,"dropping-surface"],[1,"sidenav"],[1,"main-wrap"],["draggable","true",1,"dragable"],[1,"closed-topbar"],[1,"dropping-surface",3,"drop","dragover","dragenter","dragleave"],["draggable","true",1,"dragable",3,"dragstart","dragend","drag","touchstart","touchmove","touchend","touchcancel"]],template:function(t,i){t&1&&(S(Ue),E(0,Ne,2,0,"div",1)(1,$e,1,0,"div",2),r(2,"div",3),l(3),a(),r(4,"div",4),E(5,Ye,1,0,"div",5),r(6,"div",6),l(7,1),a(),r(8,"main"),l(9,2),a()()),t&2&&(w(i.type()==="overlay"?0:-1),y(),w(i.type()==="overlay"&&i.isDragging()?1:-1),y(3),R("transform",i.draggingStyle()),y(),w(i.type()==="overlay"&&!i.disableDrag()?5:-1))},encapsulation:2,changeDetection:0})}}return n})();var Tt=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-stepper"]],standalone:!0,features:[g],ngContentSelectors:D,decls:1,vars:0,template:function(t,i){t&1&&(S(),l(0))},encapsulation:2,changeDetection:0})}}return n})();var Mt=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=m({type:n,selectors:[["spk-toggle"]],standalone:!0,features:[g],ngContentSelectors:D,decls:3,vars:0,consts:[[1,"box"],[1,"knob"]],template:function(t,i){t&1&&(S(),r(0,"div",0),I(1,"div",1),a(),l(2))},encapsulation:2,changeDetection:0})}}return n})(),Ft=(()=>{class n{constructor(){this.filesOver=h(!1),this.filesDropped=W()}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.filesOver.set(!0)}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.filesOver.set(!1)}ondrop(e){e.preventDefault(),e.stopPropagation(),this.filesOver.set(!1);let t=e.dataTransfer?.files;t&&t.length>0&&this.filesDropped.emit(t)}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275dir=K({type:n,selectors:[["","spkDragDrop",""]],hostVars:2,hostBindings:function(t,i){t&1&&v("dragover",function(s){return i.onDragOver(s)})("dragleave",function(s){return i.onDragLeave(s)})("drop",function(s){return i.ondrop(s)}),t&2&&j("filesover",i.filesOver())},outputs:{filesDropped:"filesDropped"},standalone:!0})}}return n})();export{z as a,vt as b,St as c,Ct as d,Xe as e,_t as f,yt as g,ze as h,Ge as i,kt as j,Dt as k,wt as l,bt as m,Ot as n,Et as o,xt as p,Tt as q,Mt as r,Ft as s};
|