@duplicati/ngclient 0.0.102 → 0.0.104
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-2EOGI5U4.js +8 -0
- package/chunk-4Q6ODNBP.js +1 -0
- package/chunk-4ZN3WNN5.js +3 -0
- package/chunk-A6D4U7WJ.js +1 -0
- package/chunk-A7ZTKXJV.js +1 -0
- package/{chunk-ZLTJTLNJ.js → chunk-ADU47UB6.js} +1 -1
- package/chunk-BUACSH3J.js +1 -0
- package/{chunk-AX2OTUX5.js → chunk-CAPSN3YW.js} +1 -1
- package/chunk-D6ZBSPNI.js +1 -0
- package/{chunk-4IMMYDEZ.js → chunk-DHVICIXP.js} +1 -1
- package/chunk-F76OHZKQ.js +1 -0
- package/chunk-HEPECSOH.js +1 -0
- package/chunk-JKUJP6AX.js +1 -0
- package/{chunk-ZJWHMCU4.js → chunk-K75H4GPN.js} +1 -1
- package/chunk-KXHE37LY.js +1 -0
- package/chunk-MIQEG35Y.js +1 -0
- package/chunk-N3QUTR5R.js +1 -0
- package/chunk-NN546V2N.js +1 -0
- package/chunk-ON2SWJPL.js +1 -0
- package/{chunk-4HAKE425.js → chunk-ORNS7N6Q.js} +1 -1
- package/chunk-PE5C74CV.js +1 -0
- package/{chunk-Q4OHMO5N.js → chunk-TFIF6FCF.js} +1 -1
- package/chunk-TRWFWG6W.js +1 -0
- package/chunk-TXZZ7EQH.js +1 -0
- package/{chunk-6OYKPS4F.js → chunk-UKJSH5XP.js} +1 -1
- package/chunk-UO57IKTF.js +1 -0
- package/{chunk-GGDMQHEQ.js → chunk-VJPUDP2T.js} +1 -1
- package/chunk-VWN3PAXR.js +1 -0
- package/chunk-YLYHFDOS.js +1 -0
- package/index.html +2 -2
- package/main-PBNHUSE5.js +1 -0
- package/package.json +1 -1
- package/{styles-7QQPZCZ2.css → styles-CAXGLRRN.css} +1 -1
- package/chunk-2PAPG5UW.js +0 -1
- package/chunk-4YHLU5WJ.js +0 -1
- package/chunk-4YRHMBJK.js +0 -1
- package/chunk-5242ZMFS.js +0 -1
- package/chunk-56OFRQFF.js +0 -1
- package/chunk-5EOQSHY6.js +0 -1
- package/chunk-5XWXETE2.js +0 -1
- package/chunk-66XKA75B.js +0 -1
- package/chunk-CEHXBQ6Q.js +0 -3
- package/chunk-CVF2Q2H6.js +0 -8
- package/chunk-D36FLK4W.js +0 -1
- package/chunk-DNHLTHLR.js +0 -1
- package/chunk-EQ74YCX7.js +0 -1
- package/chunk-FUAUSLOF.js +0 -1
- package/chunk-GON7FNZR.js +0 -1
- package/chunk-LOR4VCVG.js +0 -1
- package/chunk-NTGNZYL7.js +0 -1
- package/chunk-OQNO5JCJ.js +0 -1
- package/chunk-PXG6UWRT.js +0 -1
- package/chunk-RO3W2TTH.js +0 -1
- package/chunk-S2EID4MC.js +0 -1
- package/chunk-XYENMXJU.js +0 -1
- package/main-SGSJMHZH.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-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-contrast-950: var(--light-primary-text);--warn-50: #fffbeb;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fef3c7;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fde68a;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fcd34d;--warn-contrast-300: var(--dark-primary-text);--warn-400: #fbbf24;--warn-contrast-400: var(--light-primary-text);--warn-500: #f59e0b;--warn-contrast-500: var(--light-primary-text);--warn-600: #d97706;--warn-contrast-600: var(--light-primary-text);--warn-700: #b45309;--warn-contrast-700: var(--light-primary-text);--warn-800: #92400e;--warn-contrast-800: var(--light-primary-text);--warn-900: #78350f;--warn-contrast-900: var(--light-primary-text);--warn-950: #451a03;--warn-contrast-950: var(--light-primary-text);--error-50: #fef2f2;--error-contrast-50: var(--dark-primary-text);--error-100: #fee2e2;--error-contrast-100: var(--dark-primary-text);--error-200: #fecaca;--error-contrast-200: var(--dark-primary-text);--error-300: #fca5a5;--error-contrast-300: var(--dark-primary-text);--error-400: #f87171;--error-contrast-400: var(--light-primary-text);--error-500: #ef4444;--error-contrast-500: var(--light-primary-text);--error-600: #dc2626;--error-contrast-600: var(--light-primary-text);--error-700: #b91c1c;--error-contrast-700: var(--light-primary-text);--error-800: #991b1b;--error-contrast-800: var(--light-primary-text);--error-900: #7f1d1d;--error-contrast-900: var(--light-primary-text);--error-950: #450a0a;--error-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-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 / 1.125rem 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%);--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%);--error-level-20: var(--sparkle-light, var(--error-50)) var(--sparkle-dark, var(--error-950));--error-level-30: var(--sparkle-light, var(--error-100)) var(--sparkle-dark, var(--error-900));--error-level-40: var(--sparkle-light, var(--error-200)) var(--sparkle-dark, var(--error-800));--error-level-50: var(--sparkle-light, var(--error-300)) var(--sparkle-dark, var(--error-800));--error-level-50R: var(--sparkle-light, var(--error-800)) var(--sparkle-dark, var(--error-300));--error-level-80: var(--sparkle-light, var(--error-900)) var(--sparkle-dark, var(--error-300));--error-gradient-20: linear-gradient(180deg, var(--error-400) 0%, var(--error-500) 50%);--error-gradient-30: linear-gradient(180deg, var(--error-300) 0%, var(--error-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}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#acacac;background:var(--sparkle-light, #acacac) var(--sparkle-dark, #4f4f4f);border-radius:20px;border:4px solid transparent;border-left-width:2px;border-right-width:3px;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:#888}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-warn{color:var(--warn-500)}.spk-error{color:var(--error-500)}.spk-success{color:var(--success-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(--error-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)}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.warn{--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.error{--alert-state-ic: var(--error-500);--alert-close-ic: var(--error-500);--alert-title-c: var(--error-level-80);--alert-content-c: var(--error-level-80);--alert-bg: var(--error-level-20);--alert-bc: var(--error-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: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).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-level-30);--togglek-bg: var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).error,spk-toggle.active.error{--toggle-bg: var(--error-level-30);--togglek-bg: var(--error-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).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).error,spk-toggle.flat.active.error{--toggle-bg: var(--error-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).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).error,spk-toggle.raised.active.error{--toggle-bg: var(--error-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-ir: var(0deg);--btn-bg: var(--base-level-10);--btn-bg-h: var(--base-level-20);--btn-bc: var(--base-level-40);--btn-bs: none;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);box-shadow:var(--btn-bs);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c);transition:background 75ms linear}[spk-button] spk-icon{color:var(--btn-ic);rotate:var(--btn-ir);transition:rotate 125ms ease-in-out}[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:auto}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.error,[spk-button].loader.outlined.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.warn,[spk-button].loader.flat.error,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.warn,[spk-button].loader.raised.error,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.warn,[spk-button].loader.error,[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].rotated-icon spk-icon{--btn-ir: 180deg}[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;pointer-events:none;-webkit-user-select:none;user-select:none}[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].warn{--btn-ic: var(--warn-500)}[spk-button].error{--btn-ic: var(--error-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.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.error,[spk-button].outlined.error{--loader-c: var(--error-500);--btn-bg: var(--error-level-20);--btn-bg-h: var(--error-level-30);--btn-bc: var(--error-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-400)}[spk-button].flat.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-h: var(--accent-400)}[spk-button].flat.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-h: var(--warn-400)}[spk-button].flat.error{--btn-c: var(--error-contrast-500);--btn-bg: var(--error-500);--btn-bg-h: var(--error-400)}[spk-button].flat.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-h: var(--success-400)}[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}[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.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-h: var(--warn-gradient-30)}[spk-button].raised.error{--btn-c: var(--error-contrast-500);--btn-bg: var(--error-gradient-20);--btn-bg-h: var(--error-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.warn{--pbt-bg: var(--warn-500)}spk-progress-bar.error{--pbt-bg: var(--error-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.warn{--pbt-bg: var(--warn-level-30)}spk-progress-bar.flat.error{--pbt-bg: var(--error-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.warn{--pbt-bg: var(--warn-gradient-30)}spk-progress-bar.raised.error{--pbt-bg: var(--error-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.warn{--box-bg: var(--warn-level-30);--box-bc: var(--warn-level-40);--box-c: var(--warn-500)}spk-checkbox.error{--box-bg: var(--error-level-30);--box-bc: var(--error-level-40);--box-c: var(--error-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.warn,spk-checkbox.outlined.error,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.warn,spk-checkbox.flat.error,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.warn,spk-checkbox.raised.error,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.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.error.flat:has(input[type=checkbox]:checked),spk-checkbox.error.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.flat{--box-bg: var(--error-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.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.error.raised:has(input[type=checkbox]:checked),spk-checkbox.error.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.raised{--box-bg: var(--error-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-daterange-input spk-form-field-popover .input-wrap .input,spk-datepicker-input spk-form-field-popover .input-wrap .input{display:grid;grid-template-columns:1fr auto;align-items:center}spk-daterange-input spk-form-field-popover .masked-value,spk-datepicker-input spk-form-field-popover .masked-value{font:var(--paragraph-30B);color:var(--base-level-60)}spk-daterange-input spk-form-field-popover .masked-value+input+input,spk-daterange-input spk-form-field-popover .masked-value+input,spk-datepicker-input spk-form-field-popover .masked-value+input+input,spk-datepicker-input spk-form-field-popover .masked-value+input{opacity:0;height:0;width:0}spk-daterange-input spk-form-field-popover [suffix]+[suffix].default-indicator,spk-datepicker-input spk-form-field-popover [suffix]+[suffix].default-indicator{display:none}spk-daterange-input spk-datepicker,spk-datepicker-input spk-datepicker{z-index:10000;position:relative;--dp-width: 15rem}spk-daterange-input spk-popover .popover{--dp-width: 18.75rem;min-width:var(--dp-width)}spk-daterange-input spk-form-field-popover.columns-1 spk-popover .popover{--dp-width: 18.75rem }spk-daterange-input spk-form-field-popover.columns-2 spk-popover .popover{--dp-width: 38.5rem }spk-daterange-input spk-form-field-popover.columns-3 spk-popover .popover{--dp-width: 58.25rem }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 0;--dp-day-f: var(--paragraph-20);--dp-width: 18.75rem;width:100%;max-width:var(--dp-width);display:flex;flex-direction:column}spk-datepicker.columns-1{--dp-width: 18.75rem }spk-datepicker.columns-2{--dp-width: 38.5rem }spk-datepicker.columns-3{--dp-width: 58.25rem }spk-datepicker.as-range section .days>div.sel{background:var(--dp-sel-bg);opacity:.5}spk-datepicker.as-range section .days>div.month-start,spk-datepicker.as-range section .days>div.week-start,spk-datepicker.as-range section .days>div.first{border-top-left-radius:50%;border-bottom-left-radius:50%}spk-datepicker.as-range section .days>div.month-end,spk-datepicker.as-range section .days>div.week-end,spk-datepicker.as-range section .days>div.last{border-top-right-radius:50%;border-bottom-right-radius:50%}spk-datepicker.as-range section .days>div.first,spk-datepicker.as-range section .days>div.last{opacity:1}spk-datepicker.as-range .month .days>div.out-of-scope{opacity:0;pointer-events:none}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:0}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 .months-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}spk-datepicker .month{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 7fr;gap:var(--dp-day-g);align-items:flex-start}spk-datepicker .month .days,spk-datepicker .month .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker .month .days>.days,spk-datepicker .month .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 .month .days>div,spk-datepicker .month .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 .month .days>div.sel,spk-datepicker .month .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker .month .days>div.out-of-scope,spk-datepicker .month .weekdays>div.out-of-scope{opacity:.4}spk-datepicker .month .days>div.sel-el,spk-datepicker .month .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 .month .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.warn{--dp-sel-bg: var(--warn-500)}spk-datepicker.error{--dp-sel-bg: var(--error-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.warn{--dp-sel-bc: var(--warn-500)}spk-datepicker.outlined.error{--dp-sel-bc: var(--error-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.warn{--dp-sel-bg: var(--warn-gradient-20)}spk-datepicker.raised.error{--dp-sel-bg: var(--error-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;min-width:1em;min-height:1em;max-width:1em;max-height:1em;text-align:left;overflow:hidden;display:inline-block}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.disabled{opacity:.5;pointer-events:none}spk-menu.stretch{width:100%}spk-menu.stretch [trigger]>*{width:100%}spk-menu.has-search [title]{position:sticky}spk-menu.has-search .form-field-wrap{margin:.5rem .5rem 0}spk-menu.has-search .options{margin:.25rem 0 0}spk-menu [trigger]:has(spk-icon.open-indicator){position:relative}spk-menu [trigger]:has(spk-icon.open-indicator)>:first-child{padding-right:2rem}spk-menu [trigger]:has(spk-icon.open-indicator) .open-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--base-level-60);font-size:1rem;font-weight:inherit;pointer-events:none;transition:transform 75ms ease-in-out}spk-menu [trigger]:has(spk-icon.open-indicator).is-open .open-indicator{transform:translateY(-50%) rotate(-180deg)}spk-menu spk-popover{flex:1 0}spk-menu spk-popover .popover{padding:0}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field{z-index:10;background-color:var(--base-level-10)}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field.hidden{opacity:0;height:0;width:0;min-width:0;min-height:0;margin:0}spk-menu spk-popover:has(:not(.options.searching)) button{order:initial!important}spk-menu spk-popover .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:0;margin:0;max-height:var(--menu-mh);overflow:auto}spk-menu spk-popover .options button:first-child{margin-top:.5rem}spk-menu spk-popover .options.searching button[disabled]{display:none}spk-menu spk-popover .options.searching button[value="0"]{display:none}spk-menu spk-popover .options.searching *:not(button){display:none}spk-menu spk-popover .options:after{content:"";display:block;width:100%;min-height:.25rem}spk-menu spk-popover .options [title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0;-webkit-user-select:none;user-select:none;position:relative;top:0;z-index:10;background-color:var(--base-level-10);border-bottom:1px solid var(--base-level-40)}spk-menu spk-popover .options button{display:flex;justify-content:flex-start;align-items:center;text-align:left;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 spk-popover .options button[disabled]{opacity:.3;cursor:initial}spk-menu spk-popover .options button[disabled]:hover{background-color:transparent}spk-menu spk-popover .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 spk-popover .options button spk-icon{font-size:1rem}spk-menu spk-popover .options button.active,spk-menu spk-popover .options button:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-menu spk-popover .options button.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-menu spk-popover .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;--dialog-bg: var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);background-color:var(--dialog-bg);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;max-width:initial;max-height:96vh;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] [header].sticky{background-color:var(--dialog-bg);border-bottom:1px solid var(--base-level-40);box-shadow:var(--box-shadow-35);position:sticky;top:0}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [content]:not(:has(~[footer])){padding-bottom:var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [footer].sticky{background-color:var(--dialog-bg);border-top:1px solid var(--base-level-40);box-shadow:var(--box-shadow-35);position:sticky;bottom:0}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 (anchor-name: --anchor){spk-popover .popover{inset:unset;left:anchor(left);top:calc(anchor(bottom) + .25rem);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}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);--chip-bs: none;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);box-shadow:var(--chip-bs);background:var(--chip-bg);white-space:nowrap}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.warn{--chip-ic: var(--warn-500)}spk-chip.error{--chip-ic: var(--error-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.warn{--chip-c: var(--warn-500)}spk-chip.simple.error{--chip-c: var(--error-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.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.error,spk-chip.outlined.error{--loader-c: var(--error-500);--chip-bg: var(--error-level-20);--chip-bc: var(--error-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.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.error{--chip-c: var(--error-contrast-500);--chip-bg: var(--error-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.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.error{--chip-c: var(--error-contrast-500);--chip-bg: var(--error-gradient-20)}spk-chip.raised.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field-popover,spk-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-level-40);--ff-prefix-bg: var(--base-level-20);--ff-suffix-bg: transparent;--ff-ic: var(--base-level-60);--ff-bg: var(--base-level-10);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: none;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}spk-form-field-popover[read-only],spk-form-field-popover[read-only=true],spk-form-field-popover[readonly=true],spk-form-field-popover[readonly],spk-form-field-popover.readonly,spk-form-field-popover[disabled],spk-form-field-popover[disabled=true],spk-form-field-popover.disabled,spk-form-field-popover:has(input[disabled]),spk-form-field-popover:has(textarea[disabled]),spk-form-field-popover:has(textarea[disabled=true]),spk-form-field-popover:has(input[disabled=true]),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-popover.small,spk-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}spk-form-field-popover.small .prefix,spk-form-field-popover.small .suffix,spk-form-field.small .prefix,spk-form-field.small .suffix{line-height:1rem}spk-form-field-popover.small .prefix>spk-icon,spk-form-field-popover.small .suffix>spk-icon,spk-form-field.small .prefix>spk-icon,spk-form-field.small .suffix>spk-icon{font-size:1rem}spk-form-field-popover.auto-width,spk-form-field.auto-width{width:initial}spk-form-field-popover.auto-width .input-wrap,spk-form-field-popover.auto-width input,spk-form-field.auto-width .input-wrap,spk-form-field.auto-width input{width:initial}spk-form-field-popover.center .input-wrap input[type=number],spk-form-field-popover.center .input-wrap input,spk-form-field.center .input-wrap input[type=number],spk-form-field.center .input-wrap input{text-align:center}spk-form-field-popover label,spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field-popover label spk-icon,spk-form-field label spk-icon{font-size:1rem}spk-form-field-popover .suffix,spk-form-field-popover .prefix,spk-form-field .suffix,spk-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);transition:background-color 125ms linear;background-color:var(--ff-prefix-bg);line-height:1.25rem}spk-form-field-popover .suffix:not(:empty),spk-form-field-popover .prefix:not(:empty),spk-form-field .suffix:not(:empty),spk-form-field .prefix:not(:empty){display:flex}spk-form-field-popover .suffix,spk-form-field .suffix{background-color:var(--ff-suffix-bg)}spk-form-field-popover .suffix:has([textsuffix]),spk-form-field .suffix:has([textsuffix]){padding-left:0}spk-form-field-popover:not(:has(.helpers .error:empty)),spk-form-field:not(:has(.helpers .error:empty)){--ff-ic: var(--error-500);--ff-bc: var(--error-500);--ff-prefix-bg: var(--error-level-20)}spk-form-field-popover.autosize .input-wrap,spk-form-field.autosize .input-wrap{height:auto}spk-form-field-popover.autosize .input-wrap textarea,spk-form-field-popover.autosize .input-wrap input,spk-form-field.autosize .input-wrap textarea,spk-form-field.autosize .input-wrap input{field-sizing:content}spk-form-field-popover .input-wrap,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);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear;min-width:var(--ff-mw);width:100%}spk-form-field-popover .input-wrap spk-popover,spk-form-field-popover .input-wrap .input,spk-form-field .input-wrap spk-popover,spk-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}spk-form-field-popover .input-wrap textarea,spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field-popover .input-wrap:has(textarea),spk-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}spk-form-field-popover .input-wrap spk-icon,spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field-popover .input-wrap spk-chip spk-icon,spk-form-field .input-wrap spk-chip spk-icon{color:var(--chip-ic)}spk-form-field-popover .input-wrap spk-spinner,spk-form-field .input-wrap spk-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}spk-form-field-popover .input-wrap textarea,spk-form-field-popover .input-wrap input,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);margin:var(--ff-input-space);width:100%}spk-form-field-popover .input-wrap textarea::placeholder,spk-form-field-popover .input-wrap input::placeholder,spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field-popover .input-wrap textarea:focus,spk-form-field-popover .input-wrap input:focus,spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field-popover .input-wrap textarea[type=number],spk-form-field-popover .input-wrap input[type=number],spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,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-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}spk-form-field-popover .helpers,spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field-popover .helpers:has(.error:empty):has(.hint:empty),spk-form-field .helpers:has(.error:empty):has(.hint:empty){height:0;padding-top:0}spk-form-field-popover .helpers:not(:has(.error:empty)) .hint,spk-form-field .helpers:not(:has(.error:empty)) .hint{opacity:0;visibility:hidden}spk-form-field-popover .helpers [hint],spk-form-field .helpers [hint]{color:var(--base-level-60R)}spk-form-field-popover .helpers [hint][suffix],spk-form-field .helpers [hint][suffix]{justify-self:flex-end}spk-form-field-popover .hint,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-popover .hint:empty,spk-form-field .hint:empty{opacity:0}spk-form-field-popover .error,spk-form-field .error{color:var(--error-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field-popover .error:empty,spk-form-field .error:empty{opacity:0}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--error-500)}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--warn-500)}spk-form-field-popover.success,spk-form-field.success{--ff-ic: var(--success-500)}spk-color-picker{position:relative;display:block;width:18.75rem;height:18.75rem}spk-color-picker canvas{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}spk-color-picker.hsl canvas{border-radius:100%;overflow:hidden}spk-color-picker.saturation:not(.vertical),spk-color-picker.hue:not(.vertical){height:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) canvas,spk-color-picker.hue:not(.vertical) canvas{border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) .marker,spk-color-picker.hue:not(.vertical) .marker{top:50%!important}spk-color-picker.saturation.vertical,spk-color-picker.hue.vertical{width:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation.vertical canvas,spk-color-picker.hue.vertical canvas{border-radius:var(--shape-2)}spk-color-picker.saturation.vertical .marker,spk-color-picker.hue.vertical .marker{left:50%!important}spk-color-picker canvas{width:calc(100% + 1px);height:calc(100% + 1px);transform:translate(-1px,-1px);border:2px solid var(--base-level-10);outline:1px solid var(--base-level-40)}spk-color-picker .marker{position:absolute;inset:0;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #fff;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}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{border-radius:0}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-color: var(--base-level-60);--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-30B);color:var(--list-color);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;text-decoration:none}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{--list-color: var(--base-level-70);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.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.error [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error [action].active spk-icon:first-child,spk-list.error [action].selected spk-icon:first-child{color:var(--error-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.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.error{--radio-c: var(--error-500);--radiod-c: var(--error-500);--radio-bg: var(--error-level-30);--radio-bc: var(--error-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.warn,spk-radio.outlined.error,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).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-500)}spk-radio.flat:has(input[type=radio]:checked).error,spk-radio.flat.active.error{--radio-bg: var(--error-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).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).error,spk-radio.raised.active.error{--radio-bg: var(--error-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);transform:translate(-50%)}spk-range-slider .thumb.always-show .value-indicator{opacity:1}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.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.error{--rst-bg: var(--error-500);--rst: var(--error-level-40);--rs-thumb-c: var(--error-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--error-level-50);--rs-thumb-value-c: var(--error-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.warn,spk-range-slider.outlined.error,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.warn{--rs-thumb-c: var(--warn-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.error{--rs-thumb-c: var(--error-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.warn,spk-range-slider.flat.error,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.warn,spk-range-slider.raised.error,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.warn{--rst-bg: var(--warn-gradient-20)}spk-range-slider.raised.error{--rst-bg: var(--error-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.warn{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}spk-tooltip.error{--tt-bg: var(--error-level-50);--tt-c: var(--error-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;hyphens:auto;text-wrap:pretty;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-warn],[tt-error],[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-warn]:after,[tt-error]: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-warn]:before,[tt-error]: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-warn]:hover:after,[tt-warn]:hover:before,[tt-error]:hover:after,[tt-error]: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-warn]{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}[tt-warn]:after{content:attr(tt-warn)}[tt-error]{--tt-bg: var(--error-level-50);--tt-c: var(--error-level-50R)}[tt-error]:after{content:attr(tt-error)}[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-warn][tt-left]:after,[tt-error][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-warn][tt-left]:before,[tt-error][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-warn][tt-right]:after,[tt-error][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-warn][tt-right]:before,[tt-error][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-warn][tt-bottom]:after,[tt-error][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-warn][tt-bottom]:before,[tt-error][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-select{--miw: 13.125rem;display:flex}spk-select spk-form-field{display:flex;--ff-mw: var(--miw)}spk-select spk-popover{flex:1 0}spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-select .input{display:flex;flex-wrap:wrap}spk-select .input textarea,spk-select .input input{opacity:0;width:0;height:0;position:absolute}spk-select .selected-value{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:var(--base-level-60)}spk-select .selected-value input{margin:0}spk-select .selected-value.is-selected{color:var(--base-level-70)}spk-select .input{position:relative}spk-select .input.show-search-text input{opacity:1;height:initial;min-width:min-content;field-sizing:content;font:var(--paragraph-30);position:relative}spk-select .input.show-search-text textarea{opacity:1;height:initial;margin:.25rem 0 0}.sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.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}.sparkle-options .option[disabled]{opacity:.3;cursor:initial}.sparkle-options .option[disabled]:hover{background-color:transparent}.sparkle-options .option spk-icon{font-size:1rem}.sparkle-options .option.active,.sparkle-options .option:checked,.sparkle-options .option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}.sparkle-options .option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}.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}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);inset:0;z-index:-2}spk-card:after{background-color:var(--card-ibg);border-radius:var(--shape-2);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)}spk-spinner{--spinner-c: var(--base-level-60);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}spk-spinner:before{content:"";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}spk-spinner.primary{--spinner-c: var(--primary-500)}spk-spinner.accent{--spinner-c: var(--accent-500)}spk-spinner.warn{--spinner-c: var(--warn-500)}spk-spinner.error{--spinner-c: var(--error-500)}spk-spinner.success{--spinner-c: var(--success-500)}[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 .content:empty{padding:0 1rem}spk-toggle-card.active spk-icon.toggle-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.toggle-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-th-bg: var(--base-level-10);--table-tr-bg: var(--base-level-10);--table-td-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-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem;width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}spk-table.type-a tbody>th,spk-table.type-a tbody>td,spk-table.type-a thead>th,spk-table.type-a thead>td{padding-right:0}spk-table.type-a tbody>th:first-child,spk-table.type-a tbody>td:first-child,spk-table.type-a thead>th:first-child,spk-table.type-a thead>td:first-child{padding:0}spk-table.type-a.scrolled-x.can-scroll-x [spkStickyColumns=""],spk-table.type-a.scrolled-x.can-scroll-x th.sticky,spk-table.type-a.scrolled-x.can-scroll-x td.sticky{border-right-width:.0625rem}spk-table.type-a:not(.scrolled-x-end).can-scroll-x [spkStickyColumns=end],spk-table.type-a:not(.scrolled-x-end).can-scroll-x th.sticky-end,spk-table.type-a:not(.scrolled-x-end).can-scroll-x td.sticky-end{border-left-width:.0625rem}spk-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-level-20);--table-sticky-bw: .125rem}spk-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}spk-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}spk-table.type-b [spkStickyColumns=end]{border-left-width:.125rem}spk-table.type-b.scrolled-x [spkStickyColumns=""]{border-right-width:.125rem}spk-table.type-b.scrolled-x-end [spkStickyColumns=end]{border-left-width:.0625rem}spk-table.type-b td.sticky,spk-table.type-b th.sticky{border-left-width:0;border-right-width:.0625rem}spk-table.type-b td.sticky+*,spk-table.type-b th.sticky+*{border-left-width:0}spk-table.resizing{-webkit-user-select:none;user-select:none}spk-table:has([spkTableResize]) td{overflow:auto}spk-table.no-resize .spk-resizer{display:none}spk-table.no-resize td{overflow:initial}spk-table thead{position:relative}spk-table thead:has(tr.sticky){position:sticky;top:0;z-index:2}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}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 tr.sticky{position:sticky;top:0;z-index:1}spk-table tr.sticky-end{position:sticky;bottom:0;z-index:3}spk-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}spk-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}spk-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);z-index:100}spk-table th:has(.spk-resizer){position:relative}spk-table th .spk-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}spk-table th .spk-resizer:before,spk-table th .spk-resizer:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-level-40)}spk-table th .spk-resizer:hover:before,spk-table th .spk-resizer:hover:after{background-color:var(--primary-500)}spk-table th .spk-resizer:before{left:.1875rem}spk-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw);background:var(--table-td-bg)}spk-table td+td.sticky-end:last-child{padding:var(--table-td-p)}spk-table th.sticky,spk-table th.sticky-end,spk-table td.sticky,spk-table td.sticky-end{position:sticky;overflow:hidden;right:auto;left:0;z-index:1;padding:var(--table-td-p);background-color:var(--base-level-10)}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child,spk-table td.sticky:first-child,spk-table td.sticky-end:first-child{padding:var(--table-th-p)}spk-table th.sticky-end,spk-table td.sticky-end{right:0;left:auto}spk-table th.sticky,spk-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child{padding:var(--table-th-p)}spk-table [spkStickyColumns]{display:grid;grid-template-columns:subgrid;position:sticky;left:0;z-index:1000;border:0;border-color:var(--table-bc);border-style:solid}spk-table [spkStickyColumns=end]{left:auto;right:0}spk-table thead>[spkStickyColumns]{border-width:var(--table-th-bw)}spk-table tbody>[spkStickyColumns]{border-width:var(--table-td-bw)}spk-table .span-all{grid-column:1/-1;white-space:initial;align-items:flex-start;padding:0;border-left-width: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.warn{--tabs-sel-bg: var(--warn-500);--tabs-c-active: var(--warn-500)}spk-tabs.error{--tabs-sel-bg: var(--error-500);--tabs-c-active: var(--error-500)}spk-tabs.success{--tabs-sel-bg: var(--success-500);--tabs-c-active: var(--success-500)}spk-file-upload{--fu-bg-active: rgba(0, 0, 0, .1);display:flex;flex-direction:column;gap:.75rem;position:relative}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-file-upload .files-text,spk-file-upload .placeholder{color:var(--base-level-60);font:var(--paragraph-30B)}spk-file-upload input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:100}spk-file-upload .bg-overlay{opacity:0;position:absolute;inset:.0625rem;background-color:var(--fu-bg-active);transition:opacity 125ms linear;z-index:0;border-radius:var(--ff-s)}spk-file-upload .bg-overlay.files-over{opacity:1}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}.markdown-output h1{margin:2.5rem 0 1.5rem}.markdown-output h2{margin:0 0 1.25rem}.markdown-output h3{margin:0 0 1rem}.markdown-output h4,.markdown-output h5,.markdown-output h6,.markdown-output p{margin:0 0 .75rem}.markdown-output code{padding:.25rem .5rem;border-radius:var(--shape-2);background-color:var(--base-level-60);color:var(--base-level-10);display:inline-block;font-size:85%}.markdown-output h1 code{padding:0;text-decoration:underline;background-color:transparent;color:var(--base-level-70);font-size:100%}ol.line-numbers-ol{list-style:none;counter-reset:my-counter}ol.line-numbers-ol li{counter-increment:my-counter;padding-left:.25rem}ol.line-numbers-ol li::marker{content:counter(my-counter) " "}
|
|
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-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-contrast-950: var(--light-primary-text);--warn-50: #fffbeb;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fef3c7;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fde68a;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fcd34d;--warn-contrast-300: var(--dark-primary-text);--warn-400: #fbbf24;--warn-contrast-400: var(--light-primary-text);--warn-500: #f59e0b;--warn-contrast-500: var(--light-primary-text);--warn-600: #d97706;--warn-contrast-600: var(--light-primary-text);--warn-700: #b45309;--warn-contrast-700: var(--light-primary-text);--warn-800: #92400e;--warn-contrast-800: var(--light-primary-text);--warn-900: #78350f;--warn-contrast-900: var(--light-primary-text);--warn-950: #451a03;--warn-contrast-950: var(--light-primary-text);--error-50: #fef2f2;--error-contrast-50: var(--dark-primary-text);--error-100: #fee2e2;--error-contrast-100: var(--dark-primary-text);--error-200: #fecaca;--error-contrast-200: var(--dark-primary-text);--error-300: #fca5a5;--error-contrast-300: var(--dark-primary-text);--error-400: #f87171;--error-contrast-400: var(--light-primary-text);--error-500: #ef4444;--error-contrast-500: var(--light-primary-text);--error-600: #dc2626;--error-contrast-600: var(--light-primary-text);--error-700: #b91c1c;--error-contrast-700: var(--light-primary-text);--error-800: #991b1b;--error-contrast-800: var(--light-primary-text);--error-900: #7f1d1d;--error-contrast-900: var(--light-primary-text);--error-950: #450a0a;--error-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-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 / 1.125rem 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%);--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%);--error-level-20: var(--sparkle-light, var(--error-50)) var(--sparkle-dark, var(--error-950));--error-level-30: var(--sparkle-light, var(--error-100)) var(--sparkle-dark, var(--error-900));--error-level-40: var(--sparkle-light, var(--error-200)) var(--sparkle-dark, var(--error-800));--error-level-50: var(--sparkle-light, var(--error-300)) var(--sparkle-dark, var(--error-800));--error-level-50R: var(--sparkle-light, var(--error-800)) var(--sparkle-dark, var(--error-300));--error-level-80: var(--sparkle-light, var(--error-900)) var(--sparkle-dark, var(--error-300));--error-gradient-20: linear-gradient(180deg, var(--error-400) 0%, var(--error-500) 50%);--error-gradient-30: linear-gradient(180deg, var(--error-300) 0%, var(--error-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}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#acacac;background:var(--sparkle-light, #acacac) var(--sparkle-dark, #4f4f4f);border-radius:20px;border:4px solid transparent;border-left-width:2px;border-right-width:3px;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:#888}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-warn{color:var(--warn-500)}.spk-error{color:var(--error-500)}.spk-success{color:var(--success-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(--error-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)}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.warn{--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.error{--alert-state-ic: var(--error-500);--alert-close-ic: var(--error-500);--alert-title-c: var(--error-level-80);--alert-content-c: var(--error-level-80);--alert-bg: var(--error-level-20);--alert-bc: var(--error-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: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).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-level-30);--togglek-bg: var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).error,spk-toggle.active.error{--toggle-bg: var(--error-level-30);--togglek-bg: var(--error-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).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).error,spk-toggle.flat.active.error{--toggle-bg: var(--error-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).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).error,spk-toggle.raised.active.error{--toggle-bg: var(--error-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-ir: var(0deg);--btn-bg: var(--base-level-10);--btn-bg-h: var(--base-level-20);--btn-bc: var(--base-level-40);--btn-bs: none;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);box-shadow:var(--btn-bs);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c);transition:background 75ms linear}[spk-button] spk-icon{color:var(--btn-ic);rotate:var(--btn-ir);transition:rotate 125ms ease-in-out}[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:auto}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.error,[spk-button].loader.outlined.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.warn,[spk-button].loader.flat.error,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.warn,[spk-button].loader.raised.error,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.warn,[spk-button].loader.error,[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].rotated-icon spk-icon{--btn-ir: 180deg}[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;pointer-events:none;-webkit-user-select:none;user-select:none}[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].warn{--btn-ic: var(--warn-500)}[spk-button].error{--btn-ic: var(--error-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.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.error,[spk-button].outlined.error{--loader-c: var(--error-500);--btn-bg: var(--error-level-20);--btn-bg-h: var(--error-level-30);--btn-bc: var(--error-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-400)}[spk-button].flat.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-h: var(--accent-400)}[spk-button].flat.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-h: var(--warn-400)}[spk-button].flat.error{--btn-c: var(--error-contrast-500);--btn-bg: var(--error-500);--btn-bg-h: var(--error-400)}[spk-button].flat.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-h: var(--success-400)}[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}[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.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-h: var(--warn-gradient-30)}[spk-button].raised.error{--btn-c: var(--error-contrast-500);--btn-bg: var(--error-gradient-20);--btn-bg-h: var(--error-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.warn{--pbt-bg: var(--warn-500)}spk-progress-bar.error{--pbt-bg: var(--error-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.warn{--pbt-bg: var(--warn-level-30)}spk-progress-bar.flat.error{--pbt-bg: var(--error-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.warn{--pbt-bg: var(--warn-gradient-30)}spk-progress-bar.raised.error{--pbt-bg: var(--error-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.warn{--box-bg: var(--warn-level-30);--box-bc: var(--warn-level-40);--box-c: var(--warn-500)}spk-checkbox.error{--box-bg: var(--error-level-30);--box-bc: var(--error-level-40);--box-c: var(--error-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.warn,spk-checkbox.outlined.error,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.warn,spk-checkbox.flat.error,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.warn,spk-checkbox.raised.error,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.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.error.flat:has(input[type=checkbox]:checked),spk-checkbox.error.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.flat{--box-bg: var(--error-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.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.error.raised:has(input[type=checkbox]:checked),spk-checkbox.error.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.raised{--box-bg: var(--error-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-daterange-input spk-form-field-popover .input-wrap .input,spk-datepicker-input spk-form-field-popover .input-wrap .input{display:grid;grid-template-columns:1fr auto;align-items:center}spk-daterange-input spk-form-field-popover .masked-value,spk-datepicker-input spk-form-field-popover .masked-value{font:var(--paragraph-30B);color:var(--base-level-60)}spk-daterange-input spk-form-field-popover .masked-value+input+input,spk-daterange-input spk-form-field-popover .masked-value+input,spk-datepicker-input spk-form-field-popover .masked-value+input+input,spk-datepicker-input spk-form-field-popover .masked-value+input{opacity:0;height:0;width:0}spk-daterange-input spk-form-field-popover [suffix]+[suffix].default-indicator,spk-datepicker-input spk-form-field-popover [suffix]+[suffix].default-indicator{display:none}spk-daterange-input spk-datepicker,spk-datepicker-input spk-datepicker{z-index:10000;position:relative;--dp-width: 15rem}spk-daterange-input spk-popover .popover{--dp-width: 18.75rem;min-width:var(--dp-width)}spk-daterange-input spk-form-field-popover.columns-1 spk-popover .popover{--dp-width: 18.75rem }spk-daterange-input spk-form-field-popover.columns-2 spk-popover .popover{--dp-width: 38.5rem }spk-daterange-input spk-form-field-popover.columns-3 spk-popover .popover{--dp-width: 58.25rem }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 0;--dp-day-f: var(--paragraph-20);--dp-width: 18.75rem;width:100%;max-width:var(--dp-width);display:flex;flex-direction:column}spk-datepicker.columns-1{--dp-width: 18.75rem }spk-datepicker.columns-2{--dp-width: 38.5rem }spk-datepicker.columns-3{--dp-width: 58.25rem }spk-datepicker.as-range section .days>div.sel{background:var(--dp-sel-bg);opacity:.5}spk-datepicker.as-range section .days>div.month-start,spk-datepicker.as-range section .days>div.week-start,spk-datepicker.as-range section .days>div.first{border-top-left-radius:50%;border-bottom-left-radius:50%}spk-datepicker.as-range section .days>div.month-end,spk-datepicker.as-range section .days>div.week-end,spk-datepicker.as-range section .days>div.last{border-top-right-radius:50%;border-bottom-right-radius:50%}spk-datepicker.as-range section .days>div.first,spk-datepicker.as-range section .days>div.last{opacity:1}spk-datepicker.as-range .month .days>div.out-of-scope{opacity:0;pointer-events:none}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:0}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 .months-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}spk-datepicker .month{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 7fr;gap:var(--dp-day-g);align-items:flex-start}spk-datepicker .month .days,spk-datepicker .month .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker .month .days>.days,spk-datepicker .month .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 .month .days>div,spk-datepicker .month .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 .month .days>div.sel,spk-datepicker .month .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker .month .days>div.out-of-scope,spk-datepicker .month .weekdays>div.out-of-scope{opacity:.4}spk-datepicker .month .days>div.sel-el,spk-datepicker .month .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 .month .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.warn{--dp-sel-bg: var(--warn-500)}spk-datepicker.error{--dp-sel-bg: var(--error-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.warn{--dp-sel-bc: var(--warn-500)}spk-datepicker.outlined.error{--dp-sel-bc: var(--error-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.warn{--dp-sel-bg: var(--warn-gradient-20)}spk-datepicker.raised.error{--dp-sel-bg: var(--error-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;min-width:1em;min-height:1em;max-width:1em;max-height:1em;text-align:left;overflow:hidden;display:inline-block}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.disabled{opacity:.5;pointer-events:none}spk-menu.stretch{width:100%}spk-menu.stretch [trigger]>*{width:100%}spk-menu.has-search [title]{position:sticky}spk-menu.has-search .form-field-wrap{margin:.5rem .5rem 0}spk-menu.has-search .options{margin:.25rem 0 0}spk-menu [trigger]:has(spk-icon.open-indicator){position:relative}spk-menu [trigger]:has(spk-icon.open-indicator)>:first-child{padding-right:2rem}spk-menu [trigger]:has(spk-icon.open-indicator) .open-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--base-level-60);font-size:1rem;font-weight:inherit;pointer-events:none;transition:transform 75ms ease-in-out}spk-menu [trigger]:has(spk-icon.open-indicator).is-open .open-indicator{transform:translateY(-50%) rotate(-180deg)}spk-menu spk-popover{flex:1 0}spk-menu spk-popover .popover{padding:0}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field{z-index:10;background-color:var(--base-level-10)}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field.hidden{opacity:0;height:0;width:0;min-width:0;min-height:0;margin:0}spk-menu spk-popover:has(:not(.options.searching)) button{order:initial!important}spk-menu spk-popover .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:0;margin:0;max-height:var(--menu-mh);overflow:auto}spk-menu spk-popover .options button:first-child{margin-top:.5rem}spk-menu spk-popover .options.searching button[disabled]{display:none}spk-menu spk-popover .options.searching button[value="0"]{display:none}spk-menu spk-popover .options.searching *:not(button){display:none}spk-menu spk-popover .options:after{content:"";display:block;width:100%;min-height:.25rem}spk-menu spk-popover .options [title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0;-webkit-user-select:none;user-select:none;position:relative;top:0;z-index:10;background-color:var(--base-level-10);border-bottom:1px solid var(--base-level-40)}spk-menu spk-popover .options button{display:flex;justify-content:flex-start;align-items:center;text-align:left;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 spk-popover .options button[disabled]{opacity:.3;cursor:initial}spk-menu spk-popover .options button[disabled]:hover{background-color:transparent}spk-menu spk-popover .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 spk-popover .options button spk-icon{font-size:1rem}spk-menu spk-popover .options button.active,spk-menu spk-popover .options button:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-menu spk-popover .options button.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-menu spk-popover .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;--dialog-bg: var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);background-color:var(--dialog-bg);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;max-width:initial;max-height:96vh;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] [header].sticky{background-color:var(--dialog-bg);border-bottom:1px solid var(--base-level-40);box-shadow:var(--box-shadow-35);position:sticky;top:0}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [content]:not(:has(~[footer])){padding-bottom:var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [footer].sticky{background-color:var(--dialog-bg);border-top:1px solid var(--base-level-40);box-shadow:var(--box-shadow-35);position:sticky;bottom:0}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 (anchor-name: --anchor){spk-popover .popover{inset:unset;left:anchor(left);top:calc(anchor(bottom) + .25rem);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}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);--chip-bs: none;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);box-shadow:var(--chip-bs);background:var(--chip-bg);white-space:nowrap}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.warn{--chip-ic: var(--warn-500)}spk-chip.error{--chip-ic: var(--error-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.warn{--chip-c: var(--warn-500)}spk-chip.simple.error{--chip-c: var(--error-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.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.error,spk-chip.outlined.error{--loader-c: var(--error-500);--chip-bg: var(--error-level-20);--chip-bc: var(--error-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.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.error{--chip-c: var(--error-contrast-500);--chip-bg: var(--error-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.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.error{--chip-c: var(--error-contrast-500);--chip-bg: var(--error-gradient-20)}spk-chip.raised.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field-popover,spk-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-level-40);--ff-prefix-bg: var(--base-level-20);--ff-suffix-bg: transparent;--ff-ic: var(--base-level-60);--ff-bg: var(--base-level-10);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: none;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}spk-form-field-popover[read-only],spk-form-field-popover[read-only=true],spk-form-field-popover[readonly=true],spk-form-field-popover[readonly],spk-form-field-popover.readonly,spk-form-field-popover[disabled],spk-form-field-popover[disabled=true],spk-form-field-popover.disabled,spk-form-field-popover:has(input[disabled]),spk-form-field-popover:has(textarea[disabled]),spk-form-field-popover:has(textarea[disabled=true]),spk-form-field-popover:has(input[disabled=true]),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-popover.small,spk-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}spk-form-field-popover.small .prefix,spk-form-field-popover.small .suffix,spk-form-field.small .prefix,spk-form-field.small .suffix{line-height:1rem}spk-form-field-popover.small .prefix>spk-icon,spk-form-field-popover.small .suffix>spk-icon,spk-form-field.small .prefix>spk-icon,spk-form-field.small .suffix>spk-icon{font-size:1rem}spk-form-field-popover.auto-width,spk-form-field.auto-width{width:initial}spk-form-field-popover.auto-width .input-wrap,spk-form-field-popover.auto-width input,spk-form-field.auto-width .input-wrap,spk-form-field.auto-width input{width:initial}spk-form-field-popover.center .input-wrap input[type=number],spk-form-field-popover.center .input-wrap input,spk-form-field.center .input-wrap input[type=number],spk-form-field.center .input-wrap input{text-align:center}spk-form-field-popover label,spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field-popover label spk-icon,spk-form-field label spk-icon{font-size:1rem}spk-form-field-popover .suffix,spk-form-field-popover .prefix,spk-form-field .suffix,spk-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);transition:background-color 125ms linear;background-color:var(--ff-prefix-bg);line-height:1.25rem}spk-form-field-popover .suffix:not(:empty),spk-form-field-popover .prefix:not(:empty),spk-form-field .suffix:not(:empty),spk-form-field .prefix:not(:empty){display:flex}spk-form-field-popover .suffix,spk-form-field .suffix{background-color:var(--ff-suffix-bg)}spk-form-field-popover .suffix:has([textsuffix]),spk-form-field .suffix:has([textsuffix]){padding-left:0}spk-form-field-popover:has(input.ng-touched.ng-invalid),spk-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-500);--ff-bc: var(--error-500);--ff-prefix-bg: var(--error-level-20)}spk-form-field-popover.autosize .input-wrap,spk-form-field.autosize .input-wrap{height:auto}spk-form-field-popover.autosize .input-wrap textarea,spk-form-field-popover.autosize .input-wrap input,spk-form-field.autosize .input-wrap textarea,spk-form-field.autosize .input-wrap input{field-sizing:content}spk-form-field-popover .input-wrap,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);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear;min-width:var(--ff-mw);width:100%}spk-form-field-popover .input-wrap spk-popover,spk-form-field-popover .input-wrap .input,spk-form-field .input-wrap spk-popover,spk-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}spk-form-field-popover .input-wrap textarea,spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field-popover .input-wrap:has(textarea),spk-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}spk-form-field-popover .input-wrap spk-icon,spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field-popover .input-wrap spk-chip spk-icon,spk-form-field .input-wrap spk-chip spk-icon{color:var(--chip-ic)}spk-form-field-popover .input-wrap spk-spinner,spk-form-field .input-wrap spk-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}spk-form-field-popover .input-wrap textarea,spk-form-field-popover .input-wrap input,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);margin:var(--ff-input-space);width:100%}spk-form-field-popover .input-wrap textarea::placeholder,spk-form-field-popover .input-wrap input::placeholder,spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field-popover .input-wrap textarea:focus,spk-form-field-popover .input-wrap input:focus,spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field-popover .input-wrap textarea[type=number],spk-form-field-popover .input-wrap input[type=number],spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,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-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}spk-form-field-popover .helpers,spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field-popover .helpers [hint],spk-form-field .helpers [hint]{color:var(--base-level-60R)}spk-form-field-popover .helpers [hint][suffix],spk-form-field .helpers [hint][suffix]{justify-self:flex-end}spk-form-field-popover:not(:has(input.ng-touched.ng-invalid)):has(.hint:empty) .helpers,spk-form-field:not(:has(input.ng-touched.ng-invalid)):has(.hint:empty) .helpers{height:0;padding-top:0}spk-form-field-popover:not(:has(input.ng-touched.ng-invalid)) .error,spk-form-field:not(:has(input.ng-touched.ng-invalid)) .error{display:none}spk-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,spk-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}spk-form-field-popover .error,spk-form-field .error{color:var(--error-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field-popover .hint,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-popover .hint:empty,spk-form-field .hint:empty{opacity:0}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--error-500)}spk-form-field-popover.warning,spk-form-field.warning{--ff-ic: var(--warn-500)}spk-form-field-popover.success,spk-form-field.success{--ff-ic: var(--success-500)}spk-color-picker{position:relative;display:block;width:18.75rem;height:18.75rem}spk-color-picker canvas{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}spk-color-picker.hsl canvas{border-radius:100%;overflow:hidden}spk-color-picker.saturation:not(.vertical),spk-color-picker.hue:not(.vertical){height:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) canvas,spk-color-picker.hue:not(.vertical) canvas{border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) .marker,spk-color-picker.hue:not(.vertical) .marker{top:50%!important}spk-color-picker.saturation.vertical,spk-color-picker.hue.vertical{width:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation.vertical canvas,spk-color-picker.hue.vertical canvas{border-radius:var(--shape-2)}spk-color-picker.saturation.vertical .marker,spk-color-picker.hue.vertical .marker{left:50%!important}spk-color-picker canvas{width:calc(100% + 1px);height:calc(100% + 1px);transform:translate(-1px,-1px);border:2px solid var(--base-level-10);outline:1px solid var(--base-level-40)}spk-color-picker .marker{position:absolute;inset:0;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #fff;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}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{border-radius:0}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-color: var(--base-level-60);--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-30B);color:var(--list-color);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;text-decoration:none}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{--list-color: var(--base-level-70);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.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.error [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error [action].active spk-icon:first-child,spk-list.error [action].selected spk-icon:first-child{color:var(--error-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.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.error{--radio-c: var(--error-500);--radiod-c: var(--error-500);--radio-bg: var(--error-level-30);--radio-bc: var(--error-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.warn,spk-radio.outlined.error,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).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-500)}spk-radio.flat:has(input[type=radio]:checked).error,spk-radio.flat.active.error{--radio-bg: var(--error-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).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).error,spk-radio.raised.active.error{--radio-bg: var(--error-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);transform:translate(-50%)}spk-range-slider .thumb.always-show .value-indicator{opacity:1}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.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.error{--rst-bg: var(--error-500);--rst: var(--error-level-40);--rs-thumb-c: var(--error-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--error-level-50);--rs-thumb-value-c: var(--error-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.warn,spk-range-slider.outlined.error,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.warn{--rs-thumb-c: var(--warn-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.error{--rs-thumb-c: var(--error-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.warn,spk-range-slider.flat.error,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.warn,spk-range-slider.raised.error,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.warn{--rst-bg: var(--warn-gradient-20)}spk-range-slider.raised.error{--rst-bg: var(--error-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.warn{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}spk-tooltip.error{--tt-bg: var(--error-level-50);--tt-c: var(--error-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;hyphens:auto;text-wrap:pretty;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-warn],[tt-error],[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-warn]:after,[tt-error]: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-warn]:before,[tt-error]: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-warn]:hover:after,[tt-warn]:hover:before,[tt-error]:hover:after,[tt-error]: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-warn]{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}[tt-warn]:after{content:attr(tt-warn)}[tt-error]{--tt-bg: var(--error-level-50);--tt-c: var(--error-level-50R)}[tt-error]:after{content:attr(tt-error)}[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-warn][tt-left]:after,[tt-error][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-warn][tt-left]:before,[tt-error][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-warn][tt-right]:after,[tt-error][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-warn][tt-right]:before,[tt-error][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-warn][tt-bottom]:after,[tt-error][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-warn][tt-bottom]:before,[tt-error][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-select{--miw: 13.125rem;display:flex}spk-select spk-form-field{display:flex;--ff-mw: var(--miw)}spk-select spk-popover{flex:1 0}spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-select .input{display:flex;flex-wrap:wrap}spk-select .input textarea,spk-select .input input{opacity:0;width:0;height:0;position:absolute}spk-select .selected-value{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:var(--base-level-60)}spk-select .selected-value input{margin:0}spk-select .selected-value.is-selected{color:var(--base-level-70)}spk-select .input{position:relative}spk-select .input.show-search-text input{opacity:1;height:initial;min-width:min-content;field-sizing:content;font:var(--paragraph-30);position:relative}spk-select .input.show-search-text textarea{opacity:1;height:initial;margin:.25rem 0 0}.sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.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}.sparkle-options .option[disabled]{opacity:.3;cursor:initial}.sparkle-options .option[disabled]:hover{background-color:transparent}.sparkle-options .option spk-icon{font-size:1rem}.sparkle-options .option.active,.sparkle-options .option:checked,.sparkle-options .option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}.sparkle-options .option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}.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}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);inset:0;z-index:-2}spk-card:after{background-color:var(--card-ibg);border-radius:var(--shape-2);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)}spk-spinner{--spinner-c: var(--base-level-60);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}spk-spinner:before{content:"";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}spk-spinner.primary{--spinner-c: var(--primary-500)}spk-spinner.accent{--spinner-c: var(--accent-500)}spk-spinner.warn{--spinner-c: var(--warn-500)}spk-spinner.error{--spinner-c: var(--error-500)}spk-spinner.success{--spinner-c: var(--success-500)}[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 .content:empty{padding:0 1rem}spk-toggle-card.active spk-icon.toggle-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.toggle-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-th-bg: var(--base-level-10);--table-tr-bg: var(--base-level-10);--table-td-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-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem;width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}spk-table.type-a tbody>th,spk-table.type-a tbody>td,spk-table.type-a thead>th,spk-table.type-a thead>td{padding-right:0}spk-table.type-a tbody>th:first-child,spk-table.type-a tbody>td:first-child,spk-table.type-a thead>th:first-child,spk-table.type-a thead>td:first-child{padding:0}spk-table.type-a.scrolled-x.can-scroll-x [spkStickyColumns=""],spk-table.type-a.scrolled-x.can-scroll-x th.sticky,spk-table.type-a.scrolled-x.can-scroll-x td.sticky{border-right-width:.0625rem}spk-table.type-a:not(.scrolled-x-end).can-scroll-x [spkStickyColumns=end],spk-table.type-a:not(.scrolled-x-end).can-scroll-x th.sticky-end,spk-table.type-a:not(.scrolled-x-end).can-scroll-x td.sticky-end{border-left-width:.0625rem}spk-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-level-20);--table-sticky-bw: .125rem}spk-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}spk-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}spk-table.type-b [spkStickyColumns=end]{border-left-width:.125rem}spk-table.type-b.scrolled-x [spkStickyColumns=""]{border-right-width:.125rem}spk-table.type-b.scrolled-x-end [spkStickyColumns=end]{border-left-width:.0625rem}spk-table.type-b td.sticky,spk-table.type-b th.sticky{border-left-width:0;border-right-width:.0625rem}spk-table.type-b td.sticky+*,spk-table.type-b th.sticky+*{border-left-width:0}spk-table.resizing{-webkit-user-select:none;user-select:none}spk-table:has([spkTableResize]) td{overflow:auto}spk-table.no-resize .spk-resizer{display:none}spk-table.no-resize td{overflow:initial}spk-table thead{position:relative}spk-table thead:has(tr.sticky){position:sticky;top:0;z-index:2}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}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 tr.sticky{position:sticky;top:0;z-index:1}spk-table tr.sticky-end{position:sticky;bottom:0;z-index:3}spk-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}spk-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}spk-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);z-index:100}spk-table th:has(.spk-resizer){position:relative}spk-table th .spk-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}spk-table th .spk-resizer:before,spk-table th .spk-resizer:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-level-40)}spk-table th .spk-resizer:hover:before,spk-table th .spk-resizer:hover:after{background-color:var(--primary-500)}spk-table th .spk-resizer:before{left:.1875rem}spk-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw);background:var(--table-td-bg)}spk-table td+td.sticky-end:last-child{padding:var(--table-td-p)}spk-table th.sticky,spk-table th.sticky-end,spk-table td.sticky,spk-table td.sticky-end{position:sticky;overflow:hidden;right:auto;left:0;z-index:1;padding:var(--table-td-p);background-color:var(--base-level-10)}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child,spk-table td.sticky:first-child,spk-table td.sticky-end:first-child{padding:var(--table-th-p)}spk-table th.sticky-end,spk-table td.sticky-end{right:0;left:auto}spk-table th.sticky,spk-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child{padding:var(--table-th-p)}spk-table [spkStickyColumns]{display:grid;grid-template-columns:subgrid;position:sticky;left:0;z-index:1000;border:0;border-color:var(--table-bc);border-style:solid}spk-table [spkStickyColumns=end]{left:auto;right:0}spk-table thead>[spkStickyColumns]{border-width:var(--table-th-bw)}spk-table tbody>[spkStickyColumns]{border-width:var(--table-td-bw)}spk-table .span-all{grid-column:1/-1;white-space:initial;align-items:flex-start;padding:0;border-left-width: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.warn{--tabs-sel-bg: var(--warn-500);--tabs-c-active: var(--warn-500)}spk-tabs.error{--tabs-sel-bg: var(--error-500);--tabs-c-active: var(--error-500)}spk-tabs.success{--tabs-sel-bg: var(--success-500);--tabs-c-active: var(--success-500)}spk-file-upload{--fu-bg-active: rgba(0, 0, 0, .1);display:flex;flex-direction:column;gap:.75rem;position:relative}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-file-upload .files-text,spk-file-upload .placeholder{color:var(--base-level-60);font:var(--paragraph-30B)}spk-file-upload input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:100}spk-file-upload .bg-overlay{opacity:0;position:absolute;inset:.0625rem;background-color:var(--fu-bg-active);transition:opacity 125ms linear;z-index:0;border-radius:var(--ff-s)}spk-file-upload .bg-overlay.files-over{opacity:1}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}.cmd-output h1,.markdown-output h1{margin:2.5rem 0 1.5rem}.cmd-output h2,.markdown-output h2{margin:0 0 1.25rem}.cmd-output h3,.markdown-output h3{margin:0 0 1rem}.cmd-output h4,.cmd-output h5,.cmd-output h6,.cmd-output p,.markdown-output h4,.markdown-output h5,.markdown-output h6,.markdown-output p{margin:0 0 .75rem}.cmd-output code,.markdown-output code{padding:.25rem .5rem;border-radius:var(--shape-2);background-color:var(--base-level-60);color:var(--base-level-10);display:inline-block;font-size:85%}.cmd-output h1 code,.markdown-output h1 code{padding:0;text-decoration:underline;background-color:transparent;color:var(--base-level-70);font-size:100%}ol.line-numbers-ol{list-style:none;counter-reset:my-counter}ol.line-numbers-ol li{counter-increment:my-counter;padding-left:.25rem}ol.line-numbers-ol li::marker{content:counter(my-counter) " "}
|
package/chunk-2PAPG5UW.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as k}from"./chunk-6OYKPS4F.js";import"./chunk-5242ZMFS.js";import"./chunk-ZVBVR6H4.js";import"./chunk-OQNO5JCJ.js";import"./chunk-KEHATBLP.js";import"./chunk-RHW5QVAY.js";import"./chunk-QTTYDT3P.js";import"./chunk-C4IFBLYB.js";import"./chunk-PX25CWH6.js";import{e as S}from"./chunk-7WCKE7GY.js";import"./chunk-BIHIR35J.js";import{a as T,g as M,h as f}from"./chunk-6WLXFV43.js";import"./chunk-DYCJPQSE.js";import"./chunk-TKVTCBLW.js";import"./chunk-FQMZSQUI.js";import"./chunk-2IDHF5MN.js";import"./chunk-OD5LGCQE.js";import{Eb as s,Fb as l,Gb as i,Oa as c,_a as D,jc as d,lb as r,ub as e,vb as n,wb as _}from"./chunk-GM25ACCR.js";import"./chunk-7CGTOI24.js";var E=()=>["/backup/new"],F=()=>["/backup/import"],u=class C{static \u0275fac=function(t){return new(t||C)};static \u0275cmp=D({type:C,selectors:[["app-add-backup"]],decls:23,vars:4,consts:()=>{let a;a=$localize`Add a new backup`;let t;t=$localize`New backup`;let p;p=$localize`Configure a new backup. Choose your destination, source data and schedule.`;let A;A=$localize` Add a new backup ${"\uFFFD#13\uFFFD"}:START_TAG_SPK_ICON:plus${"\uFFFD/#13\uFFFD"}:CLOSE_TAG_SPK_ICON:`;let g;g=$localize`Import from file`;let P;P=$localize`Import backup configuration from a file. During import you can adjust the setings.`;let m;return m=$localize` Import from file ${"\uFFFD#22\uFFFD"}:START_TAG_SPK_ICON:upload-simple${"\uFFFD/#22\uFFFD"}:CLOSE_TAG_SPK_ICON:`,[a,t,p,A,g,P,m,[1,"backup-types"],[1,"type-a"],["src","assets/images/new-backup.png"],["spk-button","",1,"raised","primary",3,"routerLink"]]},template:function(t,p){t&1&&(_(0,"app-status-bar"),e(1,"section")(2,"h2"),i(3,0),n(),e(4,"div",7)(5,"spk-card",8),_(6,"img",9),e(7,"h3"),i(8,1),n(),e(9,"p"),i(10,2),n(),e(11,"button",10),s(12,3),_(13,"spk-icon"),l(),n()(),e(14,"spk-card",8),_(15,"img",9),e(16,"h3"),i(17,4),n(),e(18,"p"),i(19,5),n(),e(20,"button",10),s(21,6),_(22,"spk-icon"),l(),n()()()()),t&2&&(c(11),r("routerLink",d(2,E)),c(9),r("routerLink",d(3,F)))},dependencies:[k,M,f,T,S],styles:["[_nghost-%COMP%]{display:block}section[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:column;gap:2rem;padding:2rem 0}div.backup-types[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:700px}spk-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:3rem}spk-card[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:300px}spk-card[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{text-wrap:balance;text-align:center;width:75%}"],changeDetection:0})};export{u as default};
|
package/chunk-4YHLU5WJ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./chunk-7CGTOI24.js";var t=[{path:"",redirectTo:"select-files",pathMatch:"full"},{path:"destination",loadComponent:()=>import("./chunk-AX2OTUX5.js")},{path:"encryption",loadComponent:()=>import("./chunk-5EOQSHY6.js")},{path:"select-files",loadComponent:()=>import("./chunk-PXG6UWRT.js")},{path:"options",loadComponent:()=>import("./chunk-GON7FNZR.js")}],o=t;export{o as default};
|
package/chunk-4YRHMBJK.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as Ke}from"./chunk-YRQ33MKD.js";import{a as he,b as se}from"./chunk-NYZVIDDD.js";import{a as pe}from"./chunk-U34D3G4S.js";import{a as be}from"./chunk-6OYKPS4F.js";import"./chunk-5242ZMFS.js";import{a as le}from"./chunk-ZVBVR6H4.js";import"./chunk-OQNO5JCJ.js";import{a as Be}from"./chunk-KEHATBLP.js";import"./chunk-RHW5QVAY.js";import"./chunk-QTTYDT3P.js";import"./chunk-C4IFBLYB.js";import"./chunk-PX25CWH6.js";import{b as Ie,e as ke}from"./chunk-7WCKE7GY.js";import"./chunk-BIHIR35J.js";import{a as z,g as _e,j as ve,k as ye,p as re,x as xe}from"./chunk-6WLXFV43.js";import{b as ae}from"./chunk-DYCJPQSE.js";import"./chunk-TKVTCBLW.js";import"./chunk-FQMZSQUI.js";import{j as w,k as oe}from"./chunk-2IDHF5MN.js";import"./chunk-OD5LGCQE.js";import{$b as S,Ab as K,Eb as N,Fb as M,Gb as _,Hb as s,Ib as d,Jb as U,Kb as y,Lb as m,Oa as o,X as R,Zb as F,_a as b,_b as x,bc as Re,ca as D,da as $,db as C,fc as De,gc as $e,hc as X,lb as h,nb as f,nc as u,oc as g,pa as ie,pc as T,qb as E,r as B,rb as I,sa as G,sb as k,tb as v,ub as i,vb as t,wb as c,xb as A,yb as P,yc as fe}from"./chunk-GM25ACCR.js";import{a as te}from"./chunk-7CGTOI24.js";function we(n,a){n&1&&c(0,"spk-progress-bar",31)}function ze(n,a){n&1&&c(0,"div",34)}function Ve(n,a){n&1&&c(0,"div",35)}function We(n,a){n&1&&c(0,"div",36)}function je(n,a){if(n&1&&F(0),n&2){let e=m().$implicit;S(" (",e.data==null?null:e.data.WarningsActualLength," warnings) ")}}function qe(n,a){if(n&1&&(i(0,"details",45)(1,"summary"),N(2,15),c(3,"spk-icon"),i(4,"div",46),c(5,"spk-icon",39),t(),M(),t(),i(6,"div",47)(7,"p"),_(8,16),u(9,"date"),t(),i(10,"p"),_(11,17),u(12,"date"),t(),i(13,"p"),_(14,18),u(15,"durationFormat"),t(),i(16,"p"),_(17,19),t(),c(18,"spk-divider"),i(19,"p"),_(20,20),t(),i(21,"p"),_(22,21),t()()(),i(23,"details",45)(24,"summary")(25,"spk-icon"),F(26,"file-archive"),t(),F(27," Compression phase "),i(28,"div",46)(29,"spk-icon",39),F(30,"caret-down"),t()()(),i(31,"div",47)(32,"p"),_(33,22),u(34,"date"),t(),i(35,"p"),_(36,23),u(37,"date"),t(),i(38,"p"),_(39,24),u(40,"durationFormat"),t(),c(41,"spk-divider"),i(42,"p"),_(43,25),u(44,"bytes"),t(),i(45,"p"),_(46,26),u(47,"bytes"),t(),i(48,"p"),_(49,27),u(50,"bytes"),t(),c(51,"spk-divider"),i(52,"p"),_(53,28),t(),i(54,"p"),_(55,29),t()()()),n&2){let e=m(2).$implicit;o(9),s(T(9,17,e.data==null||e.data.TestResults==null?null:e.data.TestResults.BeginTime,"medium")),d(8),o(3),s(T(12,20,e.data==null||e.data.TestResults==null?null:e.data.TestResults.EndTime,"medium")),d(11),o(3),s(g(15,23,e.data==null||e.data.TestResults==null?null:e.data.TestResults.Duration)),d(14),o(2),s(e.data==null||e.data.TestResults==null?null:e.data.TestResults.VerificationsActualLength),d(17),o(3),s(e.data==null||e.data.TestResults==null?null:e.data.TestResults.WarningsActualLength),d(20),o(2),s(e.data==null||e.data.TestResults==null?null:e.data.TestResults.ErrorsActualLength),d(22),o(12),s(T(34,25,e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.BeginTime,"medium")),d(33),o(3),s(T(37,28,e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.EndTime,"medium")),d(36),o(3),s(g(40,31,e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.Duration)),d(39),o(4),s(e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.DeletedFileCount)(g(44,33,e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.DeletedFileSize)),d(43),o(3),s(e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.DownloadedFileCount)(g(47,35,e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.DownloadedFileSize)),d(46),o(3),s(e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.UploadedFileCount)(g(50,37,e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.UploadedFileSize)),d(49),o(3),s(e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.WarningsActualLength),d(53),o(2),s(e.data==null||e.data.CompactResults==null?null:e.data.CompactResults.ErrorsActualLength),d(55)}}function Je(n,a){if(n&1&&(i(0,"code"),F(1),u(2,"json"),t()),n&2){let e=a.$implicit;o(),x(g(2,1,e))}}function He(n,a){if(n&1&&(i(0,"details",45)(1,"summary"),N(2,30),c(3,"spk-icon"),i(4,"div",46),c(5,"spk-icon",39),t(),M(),t(),i(6,"div",47),k(7,Je,3,3,"code",null,I),t()()),n&2){let e=m(2).$implicit;o(5),s(e.data.VerificationsActualLength),d(2),o(2),v(e.data.Verifications)}}function Qe(n,a){if(n&1&&(i(0,"code"),F(1),u(2,"json"),t()),n&2){let e=a.$implicit;o(),x(g(2,1,e))}}function Ye(n,a){n&1&&(i(0,"p"),F(1,"No errors"),t())}function Ze(n,a){if(n&1&&(i(0,"code"),F(1),u(2,"json"),t()),n&2){let e=a.$implicit;o(),x(g(2,1,e))}}function en(n,a){if(n&1&&(i(0,"section",40)(1,"app-toggle-card",41),A(2,42),i(3,"h3"),_(4,0),t(),P(),A(5,43),i(6,"p"),_(7,1),u(8,"date"),t(),i(9,"p"),_(10,2),u(11,"date"),t(),i(12,"p"),_(13,3),u(14,"durationFormat"),t(),P(),t(),i(15,"app-toggle-card",41),A(16,42),i(17,"h3"),_(18,4),t(),P(),A(19,43),i(20,"p"),_(21,5),u(22,"bytes"),t(),i(23,"p"),_(24,6),u(25,"bytes"),t(),i(26,"p"),_(27,7),u(28,"bytes"),t(),i(29,"p"),_(30,8),u(31,"bytes"),t(),i(32,"p"),_(33,9),t(),i(34,"p"),_(35,10),t(),i(36,"p"),_(37,11),t(),P(),t(),i(38,"div",44),c(39,"spk-divider"),C(40,qe,56,39)(41,He,9,1,"details",45),i(42,"details",45)(43,"summary"),N(44,12),c(45,"spk-icon"),i(46,"div",46),c(47,"spk-icon",39),t(),M(),t(),i(48,"div",47),k(49,Qe,3,3,"code",null,I),t()(),i(51,"details",45)(52,"summary"),N(53,13),c(54,"spk-icon"),i(55,"div",46),c(56,"spk-icon",39),t(),M(),t(),i(57,"div",47),C(58,Ye,2,0,"p"),k(59,Ze,3,3,"code",null,I),t()(),c(61,"spk-divider"),i(62,"details")(63,"summary"),N(64,14),c(65,"spk-icon"),i(66,"div",46),c(67,"spk-icon",39),t(),M(),t(),i(68,"code")(69,"button",48),F(70,"Copy"),t(),F(71),u(72,"json"),t()()()()),n&2){let e=m().$implicit;o(),h("disallowToggle",!0),o(7),s(T(8,22,e.data==null?null:e.data.BeginTime,"medium")),d(7),o(3),s(T(11,25,e.data==null?null:e.data.EndTime,"medium")),d(10),o(3),s(g(14,28,e.data==null?null:e.data.Duration)),d(13),o(),h("disallowToggle",!0),o(7),s(e.data==null?null:e.data.ExaminedFiles)(g(22,30,e.data==null?null:e.data.SizeOfExaminedFiles)),d(21),o(3),s(e.data==null?null:e.data.OpenedFiles)(g(25,32,e.data==null?null:e.data.SizeOfOpenedFiles)),d(24),o(3),s(e.data==null?null:e.data.AddedFiles)(g(28,34,e.data==null?null:e.data.SizeOfAddedFiles)),d(27),o(3),s(e.data==null?null:e.data.ModifiedFiles)(g(31,36,e.data==null?null:e.data.SizeOfModifiedFiles)),d(30),o(2),s(e.data==null?null:e.data.DeletedFiles),d(33),o(2),s(e.data==null?null:e.data.TooLargeFiles),d(35),o(2),s(e.data==null?null:e.data.FilesWithError),d(37),o(3),E((e.data==null?null:e.data.MainOperation)==="Backup"?40:-1),o(),E((e.data==null?null:e.data.MainOperation)==="Test"?41:-1),o(6),s(e.data==null?null:e.data.WarningsActualLength),d(44),o(2),v(e.data==null?null:e.data.Warnings),o(7),s(e.data==null?null:e.data.ErrorsActualLength),d(53),o(2),E((e.data==null||e.data.Errors==null?null:e.data.Errors.length)===0?58:-1),o(),v(e.data==null?null:e.data.Errors),o(12),S(" ",g(72,38,e.data)," ")}}function nn(n,a){if(n&1){let e=K();i(0,"article",32)(1,"header",33),y("click",function(){let r=D(e).$implicit,L=m();return $(L.toggleOpenEntry(r.id))}),C(2,ze,1,0,"div",34)(3,Ve,1,0,"div",35)(4,We,1,0,"div",36),i(5,"h3"),F(6),u(7,"date"),t(),i(8,"p"),F(9),C(10,je,1,1),t(),c(11,"div",37),i(12,"div",38)(13,"spk-icon",39),F(14,"caret-down"),t()()(),C(15,en,73,40,"section",40),t()}if(n&2){let e=a.$implicit,l=m();o(2),E(e.data!=null&&e.data.ErrorsActualLength&&(e.data==null?null:e.data.ErrorsActualLength)>0?2:e.data!=null&&e.data.WarningsActualLength&&(e.data==null?null:e.data.WarningsActualLength)>0?3:4),o(4),x(T(7,7,e.timestamp,"medium")),o(3),S(" ",e.data==null?null:e.data.MainOperation," "),o(),E(e.data!=null&&e.data.WarningsActualLength&&(e.data==null?null:e.data.WarningsActualLength)>0?10:-1),o(3),f("open",e.id===l.openEntry()),o(2),E(e.id===l.openEntry()?15:-1)}}var de=class n{#e=R(ae);backupId=ie.required();openEntry=G(null);pagination=G({offset:0,pagesize:100});resource=se({request:()=>te({id:this.backupId()},this.pagination()),loader:({request:a})=>this.#e.getApiV1BackupByIdLog({id:a.id,pagesize:100}).pipe(B(e=>e.map(l=>({id:l.ID,operationId:l.OperationID,timestamp:l.Timestamp*1e3,type:l.Type,data:JSON.parse(l.Message),exception:JSON.stringify(l.Exception)==="{}"?null:l.Exception}))))});toggleOpenEntry(a){if(this.openEntry()===a){this.openEntry.set(null);return}this.openEntry.set(a)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=b({type:n,selectors:[["app-general-log"]],inputs:{backupId:[1,"backupId"]},decls:3,vars:1,consts:()=>{let a;a=$localize`Time`;let e;e=$localize`Start: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let l;l=$localize`End: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let r;r=$localize`Duration: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let L;L=$localize`Source files`;let V;V=$localize`Evaluated: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:)`;let W;W=$localize`Opened: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:)`;let j;j=$localize`Added: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:)`;let q;q=$localize`Modified: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:)`;let J;J=$localize`Deleted: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let H;H=$localize`Too large: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Q;Q=$localize`Files with error: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let O;O=$localize`${"\uFFFD#45\uFFFD"}:START_TAG_SPK_ICON:warning-circle${"[\uFFFD/#45\uFFFD|\uFFFD/#47\uFFFD]"}:CLOSE_TAG_SPK_ICON: Warnings ${"\uFFFD0\uFFFD"}:INTERPOLATION: ${"\uFFFD#46\uFFFD"}:START_TAG_DIV:${"\uFFFD#47\uFFFD"}:START_TAG_SPK_ICON_1:caret-down${"[\uFFFD/#45\uFFFD|\uFFFD/#47\uFFFD]"}:CLOSE_TAG_SPK_ICON:${"\uFFFD/#46\uFFFD"}:CLOSE_TAG_DIV:`,O=U(O);let Y;Y=$localize`${"\uFFFD#54\uFFFD"}:START_TAG_SPK_ICON:warning${"[\uFFFD/#54\uFFFD|\uFFFD/#56\uFFFD]"}:CLOSE_TAG_SPK_ICON: Errors ${"\uFFFD0\uFFFD"}:INTERPOLATION: ${"\uFFFD#55\uFFFD"}:START_TAG_DIV:${"\uFFFD#56\uFFFD"}:START_TAG_SPK_ICON_1:caret-down${"[\uFFFD/#54\uFFFD|\uFFFD/#56\uFFFD]"}:CLOSE_TAG_SPK_ICON:${"\uFFFD/#55\uFFFD"}:CLOSE_TAG_DIV:`,Y=U(Y);let Z;Z=$localize`${"\uFFFD#65\uFFFD"}:START_TAG_SPK_ICON:notepad${"[\uFFFD/#65\uFFFD|\uFFFD/#67\uFFFD]"}:CLOSE_TAG_SPK_ICON: Complete log ${"\uFFFD#66\uFFFD"}:START_TAG_DIV:${"\uFFFD#67\uFFFD"}:START_TAG_SPK_ICON_1:caret-down${"[\uFFFD/#65\uFFFD|\uFFFD/#67\uFFFD]"}:CLOSE_TAG_SPK_ICON:${"\uFFFD/#66\uFFFD"}:CLOSE_TAG_DIV:`,Z=U(Z);let ee;ee=$localize`${"\uFFFD#3\uFFFD"}:START_TAG_SPK_ICON:circle-half-tilt${"[\uFFFD/#3\uFFFD|\uFFFD/#5\uFFFD]"}:CLOSE_TAG_SPK_ICON: Test phase ${"\uFFFD#4\uFFFD"}:START_TAG_DIV:${"\uFFFD#5\uFFFD"}:START_TAG_SPK_ICON_1:caret-down${"[\uFFFD/#3\uFFFD|\uFFFD/#5\uFFFD]"}:CLOSE_TAG_SPK_ICON:${"\uFFFD/#4\uFFFD"}:CLOSE_TAG_DIV:`,ee=U(ee);let Fe;Fe=$localize`Start: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let ge;ge=$localize`End: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Ee;Ee=$localize`Duration: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let me;me=$localize`Verifications: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Ce;Ce=$localize`Warnings: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Oe;Oe=$localize`Errors: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Le;Le=$localize`Start: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Te;Te=$localize`End: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Ae;Ae=$localize`Duration: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Pe;Pe=$localize` Deleted files: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:) `;let Se;Se=$localize` Downloaded files: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:) `;let Ge;Ge=$localize` Uploaded files: ${"\uFFFD0\uFFFD"}:INTERPOLATION: (${"\uFFFD1\uFFFD"}:INTERPOLATION_1:) `;let Ne;Ne=$localize`Warnings: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let Me;Me=$localize`Errors: ${"\uFFFD0\uFFFD"}:INTERPOLATION:`;let ne;return ne=$localize`${"\uFFFD#3\uFFFD"}:START_TAG_SPK_ICON:warning-circle${"[\uFFFD/#3\uFFFD|\uFFFD/#5\uFFFD]"}:CLOSE_TAG_SPK_ICON: Verifications ${"\uFFFD0\uFFFD"}:INTERPOLATION: ${"\uFFFD#4\uFFFD"}:START_TAG_DIV:${"\uFFFD#5\uFFFD"}:START_TAG_SPK_ICON_1:caret-down${"[\uFFFD/#3\uFFFD|\uFFFD/#5\uFFFD]"}:CLOSE_TAG_SPK_ICON:${"\uFFFD/#4\uFFFD"}:CLOSE_TAG_DIV:`,ne=U(ne),[a,e,l,r,L,V,W,j,q,J,H,Q,O,Y,Z,ee,Fe,ge,Ee,me,Ce,Oe,Le,Te,Ae,Pe,Se,Ge,Ne,Me,ne,[1,"indeterminate","primary"],[1,"log-entry"],[3,"click"],[1,"status","error"],[1,"status","warn"],[1,"status"],[1,"spacer"],[1,"action"],[1,"toggle-indicator"],[1,"log-content"],[3,"disallowToggle"],["title",""],["content",""],[1,"extra-info"],["name","details"],[1,"actions"],[1,"content"],["spk-button","",1,"small"]]},template:function(e,l){e&1&&(C(0,we,1,0,"spk-progress-bar",31),k(1,nn,16,10,"article",32,I)),e&2&&(E(l.resource.isLoading()?0:-1),o(),v(l.resource.value()))},dependencies:[Ke,ye,re,_e,z,le,w,pe,oe],styles:["[_nghost-%COMP%]{display:block}.log-entry[_ngcontent-%COMP%]{display:flex;flex-direction:column;cursor:pointer}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid var(--base-level-40);background-color:var(--base-level-10);cursor:pointer}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%]:hover{background-color:var(--base-level-20)}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font:var(--paragraph-30);margin:0}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font:var(--paragraph-30);color:var(--base-level-60)}.toggle-indicator[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;height:1.25rem;transition:transform 125ms linear}.toggle-indicator.open[_ngcontent-%COMP%]{transform:rotate(180deg)}details[_ngcontent-%COMP%]{display:flex;flex-direction:column}details[_ngcontent-%COMP%] summary[_ngcontent-%COMP%]{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--shape-2);background-color:var(--base-level-20)}details[_ngcontent-%COMP%] summary[_ngcontent-%COMP%]:focus{outline:none}details[_ngcontent-%COMP%] summary[_ngcontent-%COMP%]:hover{background-color:var(--base-level-30)}details[_ngcontent-%COMP%] summary[_ngcontent-%COMP%]::marker{font-size:0}details[_ngcontent-%COMP%] summary[_ngcontent-%COMP%] .actions[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;flex:1 0;gap:.5rem;-webkit-user-select:none;user-select:none}details[_ngcontent-%COMP%] summary[_ngcontent-%COMP%] .actions[_ngcontent-%COMP%] spk-icon[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;height:2rem;transition:transform 125ms linear}details[open][_ngcontent-%COMP%] summary[_ngcontent-%COMP%] .actions[_ngcontent-%COMP%] spk-icon[_ngcontent-%COMP%]{transform:rotate(180deg)}details[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{padding:.75rem 1rem 0;display:flex;flex-direction:column;gap:.75rem}details[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0}details[_ngcontent-%COMP%] code[_ngcontent-%COMP%]{margin-top:.75rem;position:relative}details[_ngcontent-%COMP%] code[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{position:absolute;top:.75rem;right:.75rem}.extra-info[_ngcontent-%COMP%]{grid-column:1/-1;display:flex;flex-direction:column;gap:1rem}.extra-info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.extra-info[_ngcontent-%COMP%] code[_ngcontent-%COMP%]{white-space:pre-wrap;padding:1rem;display:block;border-radius:var(--shape-2);background-color:var(--base-level-20)}.log-content[_ngcontent-%COMP%]{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status[_ngcontent-%COMP%]{display:block;width:1rem;height:1rem;background-color:var(--success-500);border-radius:50%}.status.error[_ngcontent-%COMP%]{background-color:var(--error-500)}.status.warn[_ngcontent-%COMP%]{background-color:var(--warn-500)}"],changeDetection:0})};function tn(n,a){n&1&&c(0,"spk-progress-bar",0)}function on(n,a){if(n&1&&(i(0,"section",5)(1,"code"),F(2),u(3,"json"),t()()),n&2){let e=m().$implicit;o(2),x(g(3,1,e.data))}}function an(n,a){if(n&1){let e=K();i(0,"article",1)(1,"header",2),y("click",function(){let r=D(e).$implicit,L=m();return $(L.toggleOpenEntry(r.id))}),i(2,"h3"),F(3),u(4,"date"),t(),i(5,"div",3)(6,"spk-icon",4),F(7,"caret-down"),t()()(),C(8,on,4,3,"section",5),t()}if(n&2){let e=a.$implicit,l=m();o(3),Re("",T(4,6,e.timestamp,"medium"),": ",e.operation," ",e.path,""),o(3),f("open",e.id===l.openEntry()),o(2),E(e.id===l.openEntry()?8:-1)}}var ue=class n{#e=R(ae);backupId=ie.required();openEntry=G(null);pagination=G({offset:0,pagesize:100});resource=se({request:()=>te({id:this.backupId()},this.pagination()),loader:({request:a})=>this.#e.getApiV1BackupByIdRemotelog({id:a.id,pagesize:100}).pipe(B(e=>e.map((l,r)=>({id:l.ID,operationId:l.OperationID,timestamp:l.Timestamp*1e3,operation:l.Operation,path:l.Path,data:typeof l.Data=="string"?JSON.parse(l.Data):null}))))});toggleOpenEntry(a){if(this.openEntry()===a){this.openEntry.set(null);return}this.openEntry.set(a)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=b({type:n,selectors:[["app-remote-log"]],inputs:{backupId:[1,"backupId"]},decls:3,vars:1,consts:[[1,"indeterminate","primary"],[1,"log-entry"],[3,"click"],[1,"actions"],[1,"toggle-indicator"],[1,"log-content"]],template:function(e,l){e&1&&(C(0,tn,1,0,"spk-progress-bar",0),k(1,an,9,9,"article",1,I)),e&2&&(E(l.resource.isLoading()?0:-1),o(),v(l.resource.value()))},dependencies:[oe,re,z,w],styles:["[_nghost-%COMP%]{display:block}.log-entry[_ngcontent-%COMP%]{display:flex;flex-direction:column}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid var(--base-level-40);background-color:var(--base-level-10);cursor:pointer}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%]:hover{background-color:var(--base-level-20)}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font:var(--paragraph-30);margin:0;-webkit-user-select:none;user-select:none}.log-entry[_ngcontent-%COMP%] header[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font:var(--paragraph-30);color:var(--base-level-60)}.toggle-indicator[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;height:1.25rem;transition:transform 125ms linear}.toggle-indicator.open[_ngcontent-%COMP%]{transform:rotate(180deg)}.log-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:1rem}code[_ngcontent-%COMP%]{white-space:pre-wrap;padding:1rem;display:block;border-radius:var(--shape-2);background-color:var(--base-level-20)}"],changeDetection:0})};function ln(n,a){if(n&1&&(F(0," - "),A(1),_(2,6),P(),F(3),u(4,"durationFormat")),n&2){m(2);let e=X(6);o(3),S(" ",g(4,1,e.Backup==null||e.Backup.Metadata==null?null:e.Backup.Metadata.LastBackupDuration)," ")}}function _n(n,a){n&1&&(A(0),_(1,7),P())}function rn(n,a){if(n&1&&(F(0),u(1,"bytes")),n&2){m(2);let e=X(6);S(" ",g(1,1,e.Backup==null||e.Backup.Metadata==null?null:e.Backup.Metadata.SourceFilesSize)," ")}}function pn(n,a){n&1&&(A(0),_(1,8),P())}function sn(n,a){if(n&1&&(F(0),u(1,"bytes")),n&2){m(2);let e=X(6);S(" ",g(1,1,e.Backup==null||e.Backup.Metadata==null?null:e.Backup.Metadata.TargetFilesSize)," ")}}function dn(n,a){n&1&&(A(0),_(1,9),P())}function un(n,a){if(n&1&&(i(0,"spk-chip",19),_(1,10),t()),n&2){m(2);let e=X(6);o(),s(e.Backup==null||e.Backup.Metadata==null?null:e.Backup.Metadata.BackupListCount),d(1)}}function cn(n,a){n&1&&(i(0,"spk-chip",20),_(1,11),t())}function Fn(n,a){if(n&1&&(i(0,"div",14)(1,"div",18)(2,"h3"),F(3),i(4,"spk-icon"),F(5,"database"),t()(),i(6,"p")(7,"span"),_(8,3),t(),F(9),u(10,"date"),C(11,ln,5,3)(12,_n,2,0,"ng-container"),t(),i(13,"p")(14,"span"),_(15,4),t(),C(16,rn,2,3)(17,pn,2,0,"ng-container"),t(),i(18,"p")(19,"span"),_(20,5),t(),C(21,sn,2,3)(22,dn,2,0,"ng-container"),t()(),C(23,un,2,1,"spk-chip",19)(24,cn,2,0,"spk-chip",20),t()),n&2){let e,l=m(),r=X(6);o(3),S(" ",(e=r.Backup==null?null:r.Backup.Name)!==null&&e!==void 0?e:l.MISSING_BACKUP_NAME," "),o(6),S(" ",T(10,6,r.Backup==null||r.Backup.Metadata==null?null:r.Backup.Metadata.LastBackupDate,"short")," "),o(2),E(!(r.Backup==null||r.Backup.Metadata==null)&&r.Backup.Metadata.LastBackupDuration?11:12),o(5),E(!(r.Backup==null||r.Backup.Metadata==null)&&r.Backup.Metadata.SourceFilesSize?16:17),o(5),E(!(r.Backup==null||r.Backup.Metadata==null)&&r.Backup.Metadata.TargetFilesSize?21:22),o(2),E(!(r.Backup==null||r.Backup.Metadata==null)&&r.Backup.Metadata.BackupListCount?23:24)}}function gn(n,a){if(n&1&&c(0,"app-general-log",17),n&2){let e=m();h("backupId",e.backupId())}}function En(n,a){if(n&1&&c(0,"app-remote-log",17),n&2){let e=m();h("backupId",e.backupId())}}var ce=class n{#e=R(Ie);#n=R(Be);MISSING_BACKUP_NAME=$localize`Backup name missing`;activeTab=G("general");backupId=he(this.#e.params.pipe(B(a=>a.id)));backup=fe(()=>{let a=this.backupId();return a?this.#n.getBackupById(a):null});static \u0275fac=function(e){return new(e||n)};static \u0275cmp=b({type:n,selectors:[["app-log"]],decls:15,vars:8,consts:()=>{let a;a=$localize`${"\uFFFD#5\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#5\uFFFD"}:CLOSE_TAG_SPK_ICON: Back `;let e;e=$localize`General`;let l;l=$localize` Destination `;let r;r=$localize`Last successful backup:`;let L;L=$localize`Source:`;let V;V=$localize`Destination:`;let W;W=$localize`took`;let j;j=$localize`N/A`;let q;q=$localize`N/A`;let J;J=$localize`N/A`;let H;H=$localize`${"\uFFFD0\uFFFD"}:INTERPOLATION: Version`;let Q;return Q=$localize`No version yet`,[a,e,l,r,L,V,W,j,q,J,H,Q,[1,"back"],["type","button","spk-button","","routerLink","/",1,"small"],[1,"backup"],[1,"primary"],["tab","",3,"click"],[3,"backupId"],[1,"text"],[1,"simple","success"],[1,"simple"]]},template:function(e,l){if(e&1){let r=K();c(0,"app-status-bar"),i(1,"section")(2,"div",12)(3,"button",13),N(4,0),c(5,"spk-icon"),M(),t()(),De(6),C(7,Fn,25,9,"div",14),i(8,"spk-tabs",15)(9,"button",16),y("click",function(){return D(r),$(l.activeTab.set("general"))}),_(10,1),t(),i(11,"button",16),y("click",function(){return D(r),$(l.activeTab.set("destination"))}),_(12,2),t()(),C(13,gn,1,1,"app-general-log",17)(14,En,1,1,"app-remote-log",17),t()}if(e&2){o(6);let r=$e(l.backup());o(),E(r?7:-1),o(2),f("active",l.activeTab()==="general"),o(2),f("active",l.activeTab()==="destination"),o(2),E(l.activeTab()==="general"?13:-1),o(),E(l.activeTab()==="destination"?14:-1)}},dependencies:[xe,de,ue,ke,le,pe,w,be,z,_e,ve],styles:["[_nghost-%COMP%]{display:block}section[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:1rem 1.5rem;gap:1rem}spk-tabs[_ngcontent-%COMP%]{margin-bottom:1rem}.backup[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:2rem;gap:1rem;border:1px solid var(--base-level-40);border-radius:var(--shape-3);box-shadow:var(--shadow-1)}.backup[_ngcontent-%COMP%] .text[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:40%}.backup[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}.backup[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] spk-icon[_ngcontent-%COMP%]{color:var(--base-level-60)}.backup[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font:var(--paragraph-30);color:var(--base-level-60)}.backup[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] p[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:var(--base-level-70)}"],changeDetection:0})};export{ce as default};
|
package/chunk-5242ZMFS.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as m}from"./chunk-ZVBVR6H4.js";import{a as B}from"./chunk-OQNO5JCJ.js";import{a as z}from"./chunk-KEHATBLP.js";import{b as P,c as h}from"./chunk-DYCJPQSE.js";import{E as f,M as k,R as d,X as o,n as g,r as u,sa as n,yc as S,zc as s}from"./chunk-GM25ACCR.js";import{a as l,b as a}from"./chunk-7CGTOI24.js";var $={Backup_Begin:$localize`Starting backup …`,Backup_PreBackupVerify:$localize`Verifying backend data …`,Backup_PostBackupTest:$localize`Verifying remote data …`,Backup_PreviousBackupFinalize:$localize`Completing previous backup …`,Backup_ProcessingFiles:$localize`Processing files to backup …`,Backup_Finalize:$localize`Completing backup …`,Backup_WaitForUpload:$localize`Waiting for upload to finish …`,Backup_Delete:$localize`Deleting unwanted files …`,Backup_Compact:$localize`Compacting remote data …`,Backup_VerificationUpload:$localize`Uploading verification file …`,Backup_PostBackupVerify:$localize`Verifying backend data …`,Backup_Complete:$localize`Backup complete!`,Restore_Begin:$localize`Starting restore …`,Restore_RecreateDatabase:$localize`Rebuilding local database …`,Restore_PreRestoreVerify:$localize`Verifying remote data …`,Restore_CreateFileList:$localize`Building list of files to restore …`,Restore_CreateTargetFolders:$localize`Creating target folders …`,Restore_ScanForExistingFiles:$localize`Scanning existing files …`,Restore_ScanForLocalBlocks:$localize`Scanning for local blocks …`,Restore_PatchWithLocalBlocks:$localize`Patching files with local blocks …`,Restore_DownloadingRemoteFiles:$localize`Downloading files …`,Restore_PostRestoreVerify:$localize`Verifying restored files …`,Restore_Complete:$localize`Restore complete!`,Recreate_Running:$localize`Recreating database …`,Vacuum_Running:$localize`Vacuuming database …`,Repair_Running:$localize`Repairing database …`,Verify_Running:$localize`Verifying files …`,BugReport_Running:$localize`Creating bug report …`,Delete_Listing:$localize`Listing remote files …`,Delete_Deleting:$localize`Deleting remote files …`,"PurgeFiles_Begin,":$localize`Listing remote files for purge …`,"PurgeFiles_Process,":$localize`Purging files …`,"PurgeFiles_Compact,":$localize`Compacting remote data …`,"PurgeFiles_Complete,":$localize`Purging files complete!`,Error:$localize`Error!`},_=class r{#i=o(m);#a=o(h);#r=o(P);#t=o(z);#e=o(B);#o=n(!1);#l=n(null);statusData=this.#l.asReadonly();lastState=null;serverState=S(()=>{let e=this.#e.serverState();return e?(e.ProposedSchedule=e.ProposedSchedule?.map(i=>a(l({},i),{backup:i.Item1?this.#t.getBackupById(i.Item1):null})),this.lastState=e,e):this.lastState});serverStateEffect=s(()=>{this.#e.serverState()?.ActiveTask||this.#t.getBackups(!0)});isFetching=this.#o.asReadonly();connectionStatus=this.#e.connectionStatus;setConnectionMethod(e){this.#e.setConnectionMethod(e)}pollingInterval;#p=s(()=>{let e=this.#e.serverState();e?.ActiveTask&&this.pollingInterval===void 0?this.pollingInterval=setInterval(()=>{this.#n()},1e3):e?.ActiveTask||this.stopPollingProgress()});stopPollingProgress(){clearInterval(this.pollingInterval)}#n(){this.#o.set(!0),this.#a.getApiV1Progressstate().pipe(k(e=>{let i=e.TaskID??null;return i===null?g(e):this.#r.getApiV1TaskByTaskid({taskid:i}).pipe(u(t=>a(l({},e),{task:t??null})))}),f(()=>this.#o.set(!1))).subscribe({next:e=>{let i=e.TaskID??null,t=e.BackupID??null;i!==null&&t!==null&&(e.backup=this.#t.getBackupById(t)),this.#l.set(a(l({},e),{progress:this.#s(e),statusText:this.#c(e),actionText:e.backup?.Backup?.Name??$localize`Running task`}))},error:e=>{e.status===404&&this.stopPollingProgress()}})}#s(e){let i=-1;if(e.task&&e)if(e.Phase==="Backup_ProcessingFiles"||e.Phase==="Restore_DownloadingRemoteFiles")if(e.StillCounting)i=0;else{let t=e.CurrentFilecomplete?0:e.CurrentFileoffset,c=e.TotalFileCount-e.ProcessedFileCount,p=e.TotalFileSize-e.ProcessedFileSize-t;i=(e.ProcessedFileSize+t)/e.TotalFileSize,e.ProcessedFileCount===0?i=0:i>=.9&&(i=.9)}else e.Phase==="Backup_Finalize"||e.Phase==="Backup_WaitForUpload"?i=.9:e.Phase==="Backup_Delete"||e.Phase==="Backup_Compact"?i=.95:e.Phase==="Backup_VerificationUpload"||e.Phase==="Backup_PostBackupVerify"?i=.98:e.Phase==="Backup_Complete"||e.Phase==="Backup_WaitForUpload"?i=1:e.OverallProgress>0&&(i=e.OverallProgress);return i}#c(e){let i="Running \u2026";if(e.task&&e&&(i=e.Phase?$[e.Phase]:"Running \u2026",e.Phase==="Backup_ProcessingFiles"||e.Phase==="Restore_DownloadingRemoteFiles"))if(e.StillCounting)i=`Counting (${e.TotalFileCount} files found, ${this.#i.transform(e.TotalFileSize)})`;else{let t=e.CurrentFilecomplete?0:e.CurrentFileoffset,c=e.TotalFileCount-e.ProcessedFileCount,p=e.TotalFileSize-e.ProcessedFileSize-t,R=e.BackendSpeed<0?"":` at ${this.#i.transform(e.BackendSpeed)}/s`;i=`${e.Phase==="Restore_DownloadingRemoteFiles"?"Restoring: ":""}${c} files (${this.#i.transform(p)}) to go ${R}`}return i}static \u0275fac=function(i){return new(i||r)};static \u0275prov=d({token:r,factory:r.\u0275fac,providedIn:"root"})};export{_ as a};
|
package/chunk-56OFRQFF.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as R,b as oe}from"./chunk-DNHLTHLR.js";import{a as te}from"./chunk-NYZVIDDD.js";import{a as j}from"./chunk-KEHATBLP.js";import"./chunk-RHW5QVAY.js";import{b as V,c as q,d as S,e as H,f as Q,i as W,n as J,q as Y,r as Z,t as ee}from"./chunk-QTTYDT3P.js";import"./chunk-PX25CWH6.js";import{b,d as w,e as B}from"./chunk-7WCKE7GY.js";import"./chunk-BIHIR35J.js";import{a as G,f as L,g as K,l as U,z}from"./chunk-6WLXFV43.js";import{b as v}from"./chunk-DYCJPQSE.js";import{c as h}from"./chunk-TKVTCBLW.js";import"./chunk-2IDHF5MN.js";import{E,Eb as l,Fb as c,Gb as f,Kb as P,M,Oa as s,X as _,Zb as k,_a as I,ac as y,db as x,jc as X,lb as C,nb as g,qb as D,sa as T,ub as r,vb as n,wb as a,yc as O}from"./chunk-GM25ACCR.js";import"./chunk-7CGTOI24.js";var ne=()=>["/"];function ie(d,e){d&1&&(r(0,"spk-form-field")(1,"label",17),f(2,6),n(),a(3,"input",18),n(),r(4,"spk-form-field")(5,"label",19),f(6,7),n(),a(7,"input",20),n())}var u=new Z,N=class d{#t=_(v);#e=_(b);#o=_(w);#n=_(h);#i=_(j);isExporting=T(!1);exportType=T("file");exportedCmd=T(null);exportForm=u.group({exportPasswords:u.control(!0),encryption:u.control(!1,[S.required,oe()]),password:u.control("",[R(e=>e?.value.encryption,[S.required])]),repeatPassword:u.control("",[R(e=>e?.value.encryption,[S.required])])});exportFormSignal=te(this.exportForm.valueChanges);encryptionFieldSignal=O(()=>this.exportFormSignal()?.encryption??!1);activeBackup=O(()=>this.#i.backups().find(e=>e.Backup?.ID===this.#e.snapshot.params.id));submit(){this.isExporting.set(!0),this.exportType()==="file"?this.#t.postApiV1AuthIssuetokenByOperation({operation:"export"}).pipe(M(e=>{let i=o=>{let t=Object.entries(o);return t?"?"+t.map(([F,m])=>`${F}=${m}`).join("&"):""};return this.#n.get(`/api/v1/backup/${this.#e.snapshot.params.id}/export${i({exportPasswords:this.exportFormSignal()?.exportPasswords??void 0,passphrase:this.exportFormSignal()?.password??void 0,token:e.Token})}`,{responseType:"blob"})}),E(()=>this.isExporting.set(!1))).subscribe({next:e=>{let o=this.activeBackup()?.Backup?.Name??"Backup",t=this.exportFormSignal()?.encryption?"aes":"json";this.downloadFile(e,`${o}.${t}`),this.#o.navigate(["/"])},error:e=>{}}):this.#t.getApiV1BackupByIdExportCmdline({id:this.#e.snapshot.params.id,exportPasswords:this.exportFormSignal()?.exportPasswords??void 0,passphrase:this.exportFormSignal()?.password??void 0}).pipe(E(()=>this.isExporting.set(!1))).subscribe({next:e=>{this.exportedCmd.set(e.Command??null)},error:e=>{}})}downloadFile(e,i){let o=window.URL.createObjectURL(e),t=document.createElement("a");t.href=o,t.download=i,t.click(),window.URL.revokeObjectURL(o)}static \u0275fac=function(i){return new(i||d)};static \u0275cmp=I({type:d,selectors:[["app-export"]],decls:27,vars:12,consts:()=>{let e;e=$localize`${"\uFFFD#6\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#6\uFFFD"}:CLOSE_TAG_SPK_ICON: Back `;let i;i=$localize`${"\uFFFD#9\uFFFD"}:START_TAG_SPK_ICON:export${"\uFFFD/#9\uFFFD"}:CLOSE_TAG_SPK_ICON: Export `;let o;o=$localize`${"\uFFFD#16\uFFFD"}:START_TAG_SPK_ICON:terminal-window${"\uFFFD/#16\uFFFD"}:CLOSE_TAG_SPK_ICON: As command line `;let t;t=$localize`${"\uFFFD#19\uFFFD"}:START_TAG_SPK_ICON:file${"\uFFFD/#19\uFFFD"}:CLOSE_TAG_SPK_ICON: To file `;let F;F=$localize` Export passwords ${"\uFFFD#22\uFFFD\uFFFD/#22\uFFFD"}:TAG_INPUT:`;let m;m=$localize` Encrypt file ${"\uFFFD#25\uFFFD\uFFFD/#25\uFFFD"}:TAG_INPUT:`;let A;A=$localize`Password`;let $;return $=$localize`Repeat password`,[e,i,o,t,F,m,A,$,[1,"actions"],["spk-button","",1,"outlined",3,"routerLink"],["spk-button","",1,"raised","primary",3,"click"],["autocomplete","off",3,"formGroup"],["type","button",3,"click"],[1,"raised","primary"],["type","checkbox","formControlName","exportPasswords"],[1,"primary","raised"],["type","checkbox","formControlName","encryption"],["for","password"],["type","password","id","password","formControlName","password"],["for","repeatPassword"],["type","password","id","repeatPassword","formControlName","repeatPassword"]]},template:function(i,o){if(i&1&&(r(0,"header")(1,"h3"),k(2," Export backup configuration "),r(3,"div",8)(4,"button",9),l(5,0),a(6,"spk-icon"),c(),n(),r(7,"button",10),P("click",function(){return o.submit()}),l(8,1),a(9,"spk-icon"),c(),n()()(),r(10,"p"),k(11),n()(),r(12,"form",11)(13,"spk-button-group")(14,"button",12),P("click",function(){return o.exportType.set("cmd")}),l(15,2),a(16,"spk-icon"),c(),n(),r(17,"button",12),P("click",function(){return o.exportType.set("file")}),l(18,3),a(19,"spk-icon"),c(),n()(),r(20,"spk-toggle",13),l(21,4),a(22,"input",14),c(),n(),r(23,"spk-toggle",15),l(24,5),a(25,"input",16),c(),n(),x(26,ie,8,0),n()),i&2){let t;s(4),C("routerLink",X(11,ne)),s(3),g("loading",o.isExporting()),s(4),y("#",(t=o.activeBackup())==null||t.Backup==null?null:t.Backup.ID,": ",(t=o.activeBackup())==null||t.Backup==null?null:t.Backup.Name,""),s(),C("formGroup",o.exportForm),s(2),g("active",o.exportType()==="cmd"),s(3),g("active",o.exportType()==="file"),s(9),D(o.encryptionFieldSignal()?26:-1)}},dependencies:[ee,W,q,V,H,Q,J,Y,B,L,z,G,U,K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem;padding:3rem}h3[_ngcontent-%COMP%]{font:var(--title-30);display:flex;align-items:center;justify-content:space-between}.actions[_ngcontent-%COMP%]{display:flex;gap:.5rem}form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem;max-width:31.25rem}"],changeDetection:0})};export{N as default};
|
package/chunk-5EOQSHY6.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as a,d as b}from"./chunk-ZJWHMCU4.js";import"./chunk-4B4SNBSE.js";import"./chunk-YRQ33MKD.js";import"./chunk-NYZVIDDD.js";import"./chunk-OELZQ6RK.js";import"./chunk-5242ZMFS.js";import"./chunk-ZVBVR6H4.js";import"./chunk-OQNO5JCJ.js";import"./chunk-KEHATBLP.js";import"./chunk-RHW5QVAY.js";import"./chunk-QTTYDT3P.js";import"./chunk-C4IFBLYB.js";import"./chunk-PX25CWH6.js";import"./chunk-7WCKE7GY.js";import"./chunk-BIHIR35J.js";import"./chunk-6WLXFV43.js";import"./chunk-DYCJPQSE.js";import"./chunk-TKVTCBLW.js";import"./chunk-2IDHF5MN.js";import"./chunk-GM25ACCR.js";import"./chunk-7CGTOI24.js";export{a as createEncryptionForm,b as default};
|