@duplicati/ngclient 0.0.114 → 0.0.115

package/main-U4R24N47.js

@@ -0,0 +1 @@
+import{b as ye,c as be}from"./chunk-XYMSYNUD.js";import{a as L}from"./chunk-F2GEUOGZ.js";import{a as ue}from"./chunk-GXRQHMLN.js";import{a as I}from"./chunk-XYLMZK7X.js";import"./chunk-IINSQSHJ.js";import"./chunk-FJVMA6GA.js";import{a as x}from"./chunk-RHW5QVAY.js";import{a as le}from"./chunk-HFIC4JNY.js";import{a as v,b as de,c as E}from"./chunk-BJGA55H2.js";import{a as C}from"./chunk-XP7PWMT2.js";import{c as se,d as ie,g as ae,h as pe}from"./chunk-C6XTRC7P.js";import{a as re}from"./chunk-MAVZY7BL.js";import{c as me}from"./chunk-P4ZFQZCA.js";import{a as Z,b as ee,d as te,e as oe,f as ne,i as ce}from"./chunk-S5EF63OY.js";import{a as fe}from"./chunk-JFNFY6VY.js";import{pa as Q,ua as Y}from"./chunk-7L2WUS2V.js";import{a as ge}from"./chunk-45NW2WR4.js";import{b as he}from"./chunk-DOP6RFEG.js";import{A as N,B as F,Ec as z,F as w,Fb as _,Fc as q,L as G,N as T,P as J,Pc as X,T as k,W as B,Z as s,f as W,gb as K,i as j,ka as $,n as D,o as U,r as R,va as d}from"./chunk-L72ALLHJ.js";import"./chunk-7CGTOI24.js";var M=class t{#o=s(C);#s=s(v);ngOnInit(){this.#s.fetchConfig(),this.#o.clearAllNotCurrentVersion()}static \u0275fac=function(o){return new(o||t)};static \u0275cmp=K({type:t,selectors:[["app-root"]],decls:1,vars:0,template:function(o,n){o&1&&_(0,"router-outlet")},dependencies:[se],encapsulation:2})};var ve={production:!0,baseUrl:"/api",machineServerUrl:"${WS_URL}",defaultTimeout:3e4};var h=new B("ENVIRONMENT");var A=class t{#o=s(ce);isLoaded=d(!1);webmodules=d(null);preload(e=!1){let o=this.#o.getApiV1Webmodules().pipe(J(n=>this.webmodules.set(n)),w(()=>this.isLoaded.set(!0)));if(e)return o;o.subscribe()}static \u0275fac=function(o){return new(o||t)};static \u0275prov=k({token:t,factory:t.\u0275fac,providedIn:"root"})};var Ie=()=>{let t=s(E);return t.token()?!0:t.checkProxyAuthed().pipe(T(e=>e?D(!0):t.refreshToken().pipe(R(()=>!0))))},Me=()=>{let t=s(v),e=s(I),o=s($),n=t.relayIsEnabled()?"longpoll":"websocket",i=[o.get(L).preload(!0),o.get(L).preloadFilterGroups(!0),o.get(A).preload(!0)];return t.configLoaded===null?N(i).pipe(R(()=>n)):t.configLoaded?.pipe(T(()=>N(i)))},Se=[{path:"",children:[{path:"login",canActivate:[],loadComponent:()=>import("./chunk-Q52UOSQY.js")},{path:"logout",loadComponent:()=>import("./chunk-TCJ2X76T.js")},{path:"",canActivate:[Ie],children:[{path:"",canActivate:[Me],loadComponent:()=>import("./chunk-UBBFB6RT.js"),children:[{path:"",loadComponent:()=>import("./chunk-RZ6B5C2M.js")},{path:"add-backup",loadComponent:()=>import("./chunk-7T6RGHZV.js")},{path:"backup/:id/export",loadComponent:()=>import("./chunk-PHPGQ5OC.js")},{path:"backup/import",loadComponent:()=>import("./chunk-Z75HLGYD.js")},{path:"backup-draft/:id",loadComponent:()=>import("./chunk-BMGMPYWQ.js"),loadChildren:()=>import("./chunk-EBDDRAQ5.js")},{path:"backup/:id",loadComponent:()=>import("./chunk-BMGMPYWQ.js"),loadChildren:()=>import("./chunk-EBDDRAQ5.js")},{path:"backup/:id/log",loadComponent:()=>import("./chunk-URYEQA3U.js")},{path:"backup/:id/database",loadComponent:()=>import("./chunk-Y7YR7HTF.js")},{path:"backup/:id/commandline",loadComponent:()=>import("./chunk-JXQXCHPY.js")},{path:"backup/:id/commandline/:runId",loadComponent:()=>import("./chunk-NMMRBG2U.js")},{path:"restore",children:[{path:"",loadComponent:()=>import("./chunk-K7WOLKTB.js")},{path:"from-config",loadComponent:()=>import("./chunk-GKYC6XK5.js")}]},{path:"restore-from-files",loadComponent:()=>import("./chunk-36NW32TN.js"),loadChildren:()=>import("./chunk-LRF5G4S6.js")},{path:"restore-draft/:id",loadComponent:()=>import("./chunk-36NW32TN.js"),loadChildren:()=>import("./chunk-LRF5G4S6.js")},{path:"restore/:id",loadComponent:()=>import("./chunk-36NW32TN.js"),loadChildren:()=>import("./chunk-LRF5G4S6.js")},{path:"settings",loadComponent:()=>import("./chunk-3MWN54TU.js")},{path:"about",loadComponent:()=>import("./chunk-RU2M6EPT.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-B2RFNJKM.js")},{path:"changelog",loadComponent:()=>import("./chunk-IK7CPFZB.js")},{path:"libraries",loadComponent:()=>import("./chunk-JC5OEIB3.js")},{path:"system-info",loadComponent:()=>import("./chunk-O4S6BJVY.js")},{path:"server-settings",loadComponent:()=>import("./chunk-TRCPJYNH.js")},{path:"logs",loadChildren:()=>import("./chunk-XMYCIQBS.js")},{path:"crashlogs",loadComponent:()=>import("./chunk-YCAQITZE.js")}]}]}]}]}];var P=null,Re=(t,e)=>{let o=s(E),n=s(ie),i=s(C),l=s(h),r=i.getItem("locale"),u=s(me),a=ye(r),p=t.url==="/api/v1/auth/login",m=t.url==="/api/v1/auth/refresh",S=t.url==="/api/v1/progressstate",g=t.url==="/api/v1/remoteoperation/test",y=t.url.startsWith("/api/v2/"),b=o.token(),H=t,V=t.headers.has("custom-proxy-check")||b===de;if(b&&t.url.startsWith(l.baseUrl)&&!V){let c=t.headers.set("Authorization",`Bearer ${b}`);r&&r!=="en-US"&&(c=c.set("X-Ui-Language",a)),H=t.clone({headers:c})}return e(H).pipe(R(c=>{if(c.type===4&&c.status===200&&y){let f=c.body;if(f?.Success===!1)throw{status:200,message:f?.Error??"Unknown error",error:{Error:f?.Error??"Unknown error"},body:f}}return c}),F(c=>{let f=c.error?.Error||`Error Code: ${c.status}, Message: ${c.message}`;return!V&&(S&&c.status===404||g||u.error(f),m&&c.status===401&&(o.logout(),n.navigate(["/logout"])),!p&&!m&&c.status===401)?(P??=o.refreshToken().pipe(G()),P.pipe(T(()=>e(t.clone({headers:t.headers.set("Authorization",`Bearer ${o.token()}`)}))),w(()=>P=null))):U(()=>({error:c,message:f}))}))};var Ae="1.0.0",Te=`portal-proxy-client-${x()}`,Oe=1,O=class t{#o=1e3;#s=s(h);#t=d("disconnected");#l=d(this.#o);#i=d(!1);#n=d(!1);#a=d(null);isConnectedToMachineServer=this.#n.asReadonly();wsState=this.#t.asReadonly();#p=[];#r={};#e=null;#m=new TextDecoder("utf-8");#c=null;#d=X(()=>{let e=this.#i(),o=this.#l(),n=this.#a();if(!n||!e||!o||o<this.#o){this.#c&&window.clearInterval(this.#c);return}this.#c=window.setInterval(()=>{this.connectToMachineServer(n)},o)});utf8Atob(e){let o=Uint8Array.from(atob(e),i=>i.charCodeAt(0)),n=this.#m.decode(o);return n?JSON.parse(n):null}connectToMachineServer(e,o){let n=o?.reconnect??!1,i=this.wsState();(i==="disconnected"||i==="error"||n)&&(this.#e?.close(),this.#e=null),!this.#e&&(this.#e=new WebSocket(this.#s.machineServerUrl),this.#t.set("connecting"),this.#e.onopen=()=>{this.#t.set("connect"),this.#n.set(!0),this.#i.set(!1),this.#a.set(null)},this.#e.onclose=()=>{this.#t.set("disconnected"),this.#n.set(!1),this.#a.set(e),this.#i.set(!0)},this.#e.onerror=()=>{this.#t.set("error")},this.#e.onmessage=l=>{let r=JSON.parse(l.data);if(this.wsState()==="connect"){if(r.type!=="welcome"){this.disconnectFromMachineServer(`Unexpected message type, expected 'welcome' but got '${r.type}'`);return}let a={token:e,publicKey:"",clientVersion:Ae,protocolVersion:Oe},p=this.createResponse(r,"authportal",a);this.#t.set("welcome"),this.#e?.send(p)}else if(this.wsState()==="welcome"){if(r.type!=="authportal"){this.disconnectFromMachineServer(`Unexpected message type, expected 'authportal' but got '${r.type}'`);return}var u=JSON.parse(r.payload??"");if(u.accepted===!1){this.disconnectFromMachineServer("Authentication failed");return}for(this.#t.set("authenticated"),this.#n.set(!0);this.#p.length>0;){let a=this.#p.pop();a&&this.#r[a.messageId]&&this.activateCommand(a)}}else if(this.wsState()==="authenticated"){if(r.type!=="command"){console.warn(`Unexpected message type, expected 'command' but got '${r.type}'`);return}let a=this.#r[r.messageId];if(a){if(r.errorMessage){a.reject(r.errorMessage);return}else{let p=JSON.parse(r.payload??"");p.body=p?.body==null?null:this.utf8Atob(p.body),a.resolve(p)}delete this.#r[r.messageId],window.clearTimeout(a.timer)}}})}disconnectFromMachineServer(e=null){e&&console.error(e),this.#e?.close(),this.#e=null,this.#t.set("disconnected"),this.#n.set(!1)}createResponse(e,o,n){let i={from:Te,to:e.from,type:o,messageId:e.messageId,payload:JSON.stringify(n)};return JSON.stringify(i)}sendCommand(e,o,n,i,l,r,u=5e3){return(this.wsState()==="disconnected"||this.wsState()==="error")&&this.connectToMachineServer(e),new Promise((a,p)=>{let m=x(),g={from:Te,to:o,type:"command",messageId:m,payload:JSON.stringify({method:n,path:i,body:l,headers:r})},y={resolve:a,reject:p,timer:window.setTimeout(()=>{let b=this.#r[m];b&&(delete this.#r[m],b.reject("Timeout"))},u)};this.#r[m]=y,this.#n()?this.activateCommand(g):this.#p.push(g)})}activateCommand(e){this.#e?.send(JSON.stringify(e))}static \u0275fac=function(o){return new(o||t)};static \u0275prov=k({token:t,factory:t.\u0275fac,providedIn:"root"})};function Ne(t){if(typeof t!="string")return null;let o=new TextEncoder().encode(t);return window.btoa(String.fromCharCode(...o))}function we(t,e,o){let n=t.relayconfigState.config();if(n===null)return o(e);let i=Ne(e.body),l={};e.headers.keys().forEach(p=>{l[p]=e.headers.get(p)??""});let r=e.headers.get("timeout"),u=r!==null?parseInt(r):t.defaultTimeout;e.url.startsWith("/api/v1/serverstate")&&e.url.includes("longpoll=true")&&(u=1e3*99);let a=t.relayWebsocket.sendCommand(n.accessToken,n.clientId,e.method,e.url,i,l,u);return new W(p=>{a.then(m=>{let S=new Z;l!=null&&Object.keys(l).forEach(y=>{S.set(y,l[y])});let g=new ee({body:m.body,status:m.code,statusText:"OK",headers:S});p.next(g),p.complete()})})}var ke=(t,e)=>{let o={relayconfigState:s(v),defaultTimeout:s(h).defaultTimeout,relayWebsocket:s(O)},n=o.relayconfigState.config();if(o.relayconfigState.configLoaded!==null&&n===null){let i=new j;return o.relayconfigState.configLoaded.subscribe(l=>{l&&we(o,t,e).subscribe(i)}),i}return we(o,t,e)};var Ee={providers:[z(),ae(Se,pe()),te(ne(),oe([ke,Re])),C,{provide:h,useValue:ve},{provide:q,useValue:be()},ue,I,he,Y,le,Q,fe,ge]};re(M,Ee);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.114",
+  "version": "0.0.115",
   "name": "@duplicati/ngclient",
   "license": "MIT",
   "contributors": [

package/{styles-UL5PH77J.css → styles-NHBDA2ZX.css}

@@ -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:8px;height:12px;background:transparent}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#acacac;background:var(--sparkle-light, #acacac) var(--sparkle-dark, #4f4f4f);border-radius:50px;border:3px solid transparent;border-left-width:1px;border-right-width:2px;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 spk-popover .options [title]{position:sticky;border-bottom:1px solid var(--base-level-40)}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)}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);background:transparent;border-radius:var(--shape-2);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;z-index:0}dialog[spkDialog].type-b{background:var(--base-level-30);padding:.5rem;outline:1px solid var(--base-level-40);outline-offset:-1px;overflow:hidden}dialog[spkDialog].type-b::backdrop{background:rgb(from var(--base-level-10) r g b/30%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[spkDialog].type-b .content{border:1px solid rgb(from var(--base-level-40) r g b/70%)}dialog[spkDialog] .content{border-radius:var(--shape-2);background-color:var(--dialog-bg);z-index:2;max-width:initial;max-height:calc(96vh - 1rem);position:relative;overflow:auto}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}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,spk-form-field.autosize{width:min-content}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:has(input[type=range][disabled]){--rst-bg: var(--base-ld-6R);opacity:.6}spk-range-slider:has(input[type=range][disabled]) *{pointer-events: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-card.type-b{--card-bg: var(--base-level-20);--card-ibg: var(--base-level-10);--card-sh: none;--card-shp: .25rem}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)}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) " "}
+: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:8px;height:12px;background:transparent}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#acacac;background:var(--sparkle-light, #acacac) var(--sparkle-dark, #4f4f4f);border-radius:50px;border:3px solid transparent;border-left-width:1px;border-right-width:2px;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 spk-popover .options [title]{position:sticky;border-bottom:1px solid var(--base-level-40)}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)}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);background:transparent;border-radius:var(--shape-2);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;z-index:0}dialog[spkDialog].type-b{background:var(--base-level-30);padding:.5rem;outline:1px solid var(--base-level-40);outline-offset:-1px;overflow:hidden}dialog[spkDialog].type-b::backdrop{background:rgb(from var(--base-level-10) r g b/30%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[spkDialog].type-b .content{border:1px solid rgb(from var(--base-level-40) r g b/70%)}dialog[spkDialog] .content{border-radius:var(--shape-2);background-color:var(--dialog-bg);z-index:2;max-width:initial;max-height:calc(96vh - 1rem);position:relative;overflow:auto}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}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,spk-form-field.autosize{width:min-content}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-p: 0 .75rem;--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.small{--btng-h: 2rem;--btng-p: 0 .5rem}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:var(--btng-p);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:has(input[type=range][disabled]){--rst-bg: var(--base-ld-6R);opacity:.6}spk-range-slider:has(input[type=range][disabled]) *{pointer-events: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-card.type-b{--card-bg: var(--base-level-20);--card-ibg: var(--base-level-10);--card-sh: none;--card-shp: .25rem}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)}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-3IIFLG6J.js

@@ -1 +0,0 @@
-import{a}from"./chunk-L76NC2T6.js";import"./chunk-CKPICCFH.js";import"./chunk-EF7JWRDC.js";import"./chunk-W2F756OF.js";import"./chunk-7CGTOI24.js";export{a as RelativeTimePipe};

package/chunk-554T66WI.js

@@ -1 +0,0 @@
-import{a as _e}from"./chunk-7LU4D3GR.js";import{c as re,e as pe,h as ue,j as Se,s as y}from"./chunk-T2OUHRUV.js";import{a as Q}from"./chunk-F4EEOSGJ.js";import{a as Y,b as ee,e as te,g as ne,i as h,l as ie,p as oe,q as ae,s as se,t as le}from"./chunk-NMXJMVL5.js";import{h as A}from"./chunk-JSGFZ2GA.js";import{a as ce}from"./chunk-L76NC2T6.js";import{j as J}from"./chunk-CKPICCFH.js";import{$b as T,Ac as U,Cb as V,F as E,Gb as P,Hb as N,Ib as p,Lb as j,Mb as u,Nb as O,Qa as _,Y as d,ab as C,bc as I,cc as B,da as w,ea as z,ec as M,fb as L,fc as D,gc as R,nb as g,ob as X,pb as S,pc as G,qa as k,qc as q,rc as Z,sb as v,tb as H,ua as r,ub as K,vb as W,wb as s,xb as l,yb as f}from"./chunk-W2F756OF.js";function Oe(a,n){if(a&1){let t=V();s(0,"spk-radio",10),u("click",function(){let i=w(t).$implicit,o=O();return z(o.pauseOption.set(i.value))}),T(1),l()}if(a&2){let t=n.$implicit,e=O();S("active",e.pauseOption()===t.value),_(),I(" ",t.label," ")}}var Ae=[{label:$localize`5 minuts`,value:"5m"},{label:$localize`10 minuts`,value:"10m"},{label:$localize`15 minuts`,value:"15m"},{label:$localize`30 minuts`,value:"30m"},{label:$localize`1 hour`,value:"1h"},{label:$localize`4 hours`,value:"4h"},{label:$localize`8 hours`,value:"8h"},{label:$localize`24 hours`,value:"24h"},{label:$localize`Until resumed`,value:void 0}],b=class a{#e=d(A);pauseOptions=r(Ae);closed=k();isSubmitting=r(!1);pauseTransfers=r(!1);pauseOption=r(void 0);submit(){this.isSubmitting.set(!0);let n=this.pauseTransfers()||null,t=this.pauseOption();this.#e.postApiV1ServerstatePause({duration:t,pauseTransfers:n}).pipe(E(()=>this.isSubmitting.set(!1))).subscribe({next:e=>{this.closed.emit()}})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=C({type:a,selectors:[["app-pause-dialog"]],outputs:{closed:"closed"},decls:17,vars:4,consts:()=>{let n;n=$localize`Pause settings`;let t;t=$localize` Also pause transfers `;let e;e=$localize`If you pause transfers they could time out and cause retries or failures.`;let i;i=$localize`Cancel`;let o;return o=$localize` Update settings `,[n,t,e,i,o,["header",""],["content",""],[1,"radios"],[1,"primary","raised",3,"active"],[1,"check-wrap"],[1,"primary","raised",3,"click"],["type","warning"],["footer",""],["spk-button","",3,"click"],["spk-button","",1,"raised","primary",3,"click"]]},template:function(t,e){t&1&&(s(0,"header",5)(1,"h3"),p(2,0),l()(),s(3,"div",6)(4,"div",7),K(5,Oe,2,3,"spk-radio",8,H),l(),s(7,"div",9)(8,"spk-checkbox",10),u("click",function(){return e.pauseTransfers.set(!e.pauseTransfers())}),p(9,1),l(),s(10,"spk-alert",11),p(11,2),l()()(),s(12,"footer",12)(13,"button",13),u("click",function(){return e.closed.emit()}),p(14,3),l(),s(15,"button",14),u("click",function(){return e.submit()}),p(16,4),l()()),t&2&&(_(5),W(e.pauseOptions()),_(3),S("active",e.pauseTransfers()),_(7),S("loader",e.isSubmitting()))},dependencies:[y,ae,h,ee],styles:["[_nghost-%COMP%]{--dialog-p: 1.5rem;display:block}h3[_ngcontent-%COMP%]{font:var(--title-30)}.radios[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem}.check-wrap[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem;padding:2rem 0 0}"],changeDetection:0})};var fe=["Byte/s","KByte/s","MByte/s","GByte/s","TByte/s","PByte/s"],$={Byte:"B",KByte:"KB",MByte:"MB",GByte:"GB",TByte:"TB",PByte:"PB"},me=Object.entries($).reduce((a,[n,t])=>(a[t]=n,a),{}),F=class a{#e=d(A);closed=k();isSubmitting=r(!1);sizeOptions=r(fe);maxUploadActive=r(!1);maxDownloadActive=r(!1);maxUpload=r(0);maxDownload=r(0);maxUploadUnit=r("MByte/s");maxDownloadUnit=r("MByte/s");ngOnInit(){this.init()}init(){this.#e.getApiV1Serversettings().subscribe({next:n=>{let t=n?.["max-upload-speed"]?.split(/(\d+)/),e=n?.["max-download-speed"]?.split(/(\d+)/),i=t[1]??"",o=e[1]??"",c=t[2]??"MB",m=e[2]??"MB",Ee=i===""?10:parseInt(i),Ce=o===""?10:parseInt(o);this.maxUploadUnit.set(me[c]+"/s"),this.maxDownloadUnit.set(me[m]+"/s"),this.maxUploadActive.set(i!==""),this.maxDownloadActive.set(o!==""),this.maxUpload.set(Ee),this.maxDownload.set(Ce)}})}blockDecimalKeys(n){if([".",","].includes(n.key))return n.preventDefault()}cleanupInputAfterPasting(n){n.preventDefault();let t=n.clipboardData?.getData("text/plain");if(!t)return;let e=t.replaceAll(/[\.,]/g,"");n.target.value=e}submit(){this.isSubmitting.set(!0);let n=this.maxUploadActive()?`${this.maxUpload()}${$[this.maxUploadUnit().replace("/s","")]}`:"",t=this.maxDownloadActive()?`${this.maxDownload()}${$[this.maxDownloadUnit().replace("/s","")]}`:"";this.#e.patchApiV1Serversettings({requestBody:{"max-upload-speed":n,"max-download-speed":t}}).pipe(E(()=>this.isSubmitting.set(!1))).subscribe({next:e=>{this.closed.emit(!0)}})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=C({type:a,selectors:[["app-throttle-settings-dialog"]],outputs:{closed:"closed"},decls:26,vars:16,consts:()=>{let n;n=$localize`Throttle network speed`;let t;t=$localize` Max upload speed `;let e;e=$localize` Max download speed `;let i;i=$localize` Note that speeds are entered in bytes, and line speeds are typically reported in bits. Use a factor of 8 to convert, such that an 8 mbit/s line is equivalent to 1 MByte/s. `;let o;o=$localize`Cancel`;let c;return c=$localize` Update settings `,[n,t,e,i,o,c,["header",""],["content",""],[1,"column"],[1,"field-row"],[1,"primary","raised",3,"click"],["type","number",3,"paste","keydown","ngModelChange","ngModel","disabled"],[3,"isClearable","options"],["type","text",3,"ngModelChange","ngModel"],["footer",""],["spk-button","",3,"click"],["spk-button","",1,"raised","primary",3,"click"]]},template:function(t,e){t&1&&(s(0,"header",6)(1,"h3"),p(2,0),l()(),s(3,"div",7)(4,"div",8)(5,"div",9)(6,"spk-checkbox",10),u("click",function(){return e.maxUploadActive.set(!e.maxUploadActive())}),p(7,1),l(),s(8,"spk-form-field")(9,"input",11),u("paste",function(o){return e.cleanupInputAfterPasting(o)})("keydown",function(o){return e.blockDecimalKeys(o)}),R("ngModelChange",function(o){return D(e.maxUpload,o)||(e.maxUpload=o),o}),l()(),s(10,"spk-select",12)(11,"input",13),R("ngModelChange",function(o){return D(e.maxUploadUnit,o)||(e.maxUploadUnit=o),o}),l()()(),s(12,"div",9)(13,"spk-checkbox",10),u("click",function(){return e.maxDownloadActive.set(!e.maxDownloadActive())}),p(14,2),l(),s(15,"spk-form-field")(16,"input",11),u("paste",function(o){return e.cleanupInputAfterPasting(o)})("keydown",function(o){return e.blockDecimalKeys(o)}),R("ngModelChange",function(o){return D(e.maxDownload,o)||(e.maxDownload=o),o}),l()(),s(17,"spk-select",12)(18,"input",13),R("ngModelChange",function(o){return D(e.maxDownloadUnit,o)||(e.maxDownloadUnit=o),o}),l()()(),s(19,"p"),p(20,3),l()()(),s(21,"footer",14)(22,"button",15),u("click",function(){return e.closed.emit(!1)}),p(23,4),l(),s(24,"button",16),u("click",function(){return e.submit()}),p(25,5),l()()),t&2&&(_(6),S("active",e.maxUploadActive()),_(3),M("ngModel",e.maxUpload),g("disabled",!e.maxUploadActive()),_(),g("isClearable",!1)("options",e.sizeOptions()),_(),M("ngModel",e.maxUploadUnit),_(2),S("active",e.maxDownloadActive()),_(3),M("ngModel",e.maxDownload),g("disabled",!e.maxDownloadActive()),_(),g("isClearable",!1)("options",e.sizeOptions()),_(),M("ngModel",e.maxDownloadUnit),_(6),S("loader",e.isSubmitting()))},dependencies:[y,re,Se,pe,ue,ie,h,le],styles:["[_nghost-%COMP%]{display:block}h3[_ngcontent-%COMP%]{font:var(--title-30)}.column[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1rem}.field-row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem;width:100%}"],changeDetection:0})};function Pe(a,n){if(a&1&&(s(0,"div"),T(1),l(),f(2,"spk-progress-bar",9)),a&2){let t=O();_(),B("",t.statusData().actionText," - ",t.statusData().statusText,""),_(),g("value",t.statusData().progress*100)}}function Ne(a,n){if(a&1&&(s(0,"div",5),T(1),s(2,"spk-icon"),T(3,"clock"),l(),T(4),G(5,"relativeTime"),G(6,"date"),l()),a&2){let t,e=O();_(),I(" ",(t=e.nextBackup().backup)==null||t.Backup==null?null:t.Backup.Name," - "),_(3),B(" ",q(5,3,e.nextBackup().time)," at ",Z(6,5,e.nextBackup().time,"shortTime")," ")}}function Me(a,n){a&1&&(s(0,"div",5),p(1,1),l())}function De(a,n){a&1&&(s(0,"div",6),P(1,2),f(2,"spk-spinner"),N(),l()),a&2&&(_(2),X("--spinner-size","12px")("--spinner-thickness","2px"))}function Re(a,n){a&1&&(P(0,0,1),f(1,"spk-icon"),N())}function Fe(a,n){a&1&&(P(0,0,2),f(1,"spk-icon"),N())}var ge=new Date,x=class a{#e=d(A);#t=d(_e);#n=d(te);#i=d(Q);minsAgo=ge.setMinutes(ge.getMinutes()-1);statusData=this.#t.statusData;serverState=this.#t.serverState;isRunning=U(()=>this.serverState()?.ProgramState==="Running");isResuming=r(!1);nextBackup=U(()=>({backup:this.serverState()?.ProposedSchedule?.[0]?.backup,time:this.serverState()?.ProposedSchedule?.[0]?.Item2}));openThrottleSettingsDialog(){this.#n.open(F,{maxWidth:"550px",width:"100%"})}openPauseDialog(){this.#n.open(b,{maxWidth:"550px",width:"100%"})}pauseResume(){if(this.isRunning()){this.openPauseDialog();return}this.isResuming.set(!0),this.#e.postApiV1ServerstateResume().pipe(E(()=>this.isResuming.set(!1))).subscribe()}ngAfterViewInit(){let n=this.#i.relayIsEnabled()?"longpoll":"websocket";this.#t.setConnectionMethod(n)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=C({type:a,selectors:[["app-status-bar"]],decls:14,vars:4,consts:()=>{let n;n=$localize`${"\uFFFD*9:1\uFFFD"}:START_BLOCK_IF:${"[\uFFFD#1:1\uFFFD|\uFFFD#1:2\uFFFD]"}:START_TAG_SPK_ICON:pause${"[\uFFFD/#1:1\uFFFD|\uFFFD/#1:2\uFFFD]"}:CLOSE_TAG_SPK_ICON: Pause ${"\uFFFD/*9:1\uFFFD"}:CLOSE_BLOCK_IF:${"\uFFFD*10:2\uFFFD"}:START_BLOCK_ELSE:${"[\uFFFD#1:1\uFFFD|\uFFFD#1:2\uFFFD]"}:START_TAG_SPK_ICON:play${"[\uFFFD/#1:1\uFFFD|\uFFFD/#1:2\uFFFD]"}:CLOSE_TAG_SPK_ICON: Start ${"\uFFFD/*10:2\uFFFD"}:CLOSE_BLOCK_ELSE:`,n=j(n);let t;t=$localize`No scheduled tasks`;let e;return e=$localize` Loading ${"\uFFFD#2\uFFFD"}:START_TAG_SPK_SPINNER:${"\uFFFD/#2\uFFFD"}:CLOSE_TAG_SPK_SPINNER:`,[n,t,e,[1,"current-backup"],[1,"current-backup-progress"],[1,"label"],[1,"label","label-loading"],[1,"current-backup-actions"],["spk-button","",3,"click"],[1,"raised","primary",3,"value"]]},template:function(t,e){if(t&1&&(s(0,"div",3)(1,"div",4),L(2,Pe,3,3)(3,Ne,7,8,"div",5)(4,Me,2,0,"div",5)(5,De,3,4,"div",6),l(),s(6,"div",7)(7,"button",8),u("click",function(){return e.pauseResume()}),P(8,0),L(9,Re,2,0)(10,Fe,2,0),N(),l(),s(11,"button",8),u("click",function(){return e.openThrottleSettingsDialog()}),s(12,"spk-icon"),T(13,"speedometer"),l()()()()),t&2){let i;_(2),v((i=e.serverState())!=null&&i.ActiveTask&&(!((i=e.statusData())==null||i.task==null)&&i.task.Status)&&((i=e.statusData())==null||i.task==null?null:i.task.Status)!=="Completed"?2:e.nextBackup().backup||e.nextBackup().time?3:(i=e.serverState())!=null&&i.ActiveTask?5:4),_(5),S("loader",e.isResuming()),_(2),v(e.isRunning()?9:10)}},dependencies:[oe,ce,J,Y,ne,se],styles:["[_nghost-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:1rem;min-height:3.875rem;border-bottom:1px solid var(--base-level-40)}.current-backup[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.current-backup-progress[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.25rem;min-width:18.75rem}.current-backup-progress[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.25rem}.current-backup-actions[_ngcontent-%COMP%]{display:flex;gap:.5rem}.label-loading[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:.25rem}"],changeDetection:0})};export{x as a};

package/chunk-66Q4TXVX.js

@@ -1 +0,0 @@
-import{a as Ke}from"./chunk-SPHWZHBB.js";import{a as he,b as se}from"./chunk-HTNYQE2B.js";import{a as pe}from"./chunk-3W6M5IZL.js";import{a as be}from"./chunk-554T66WI.js";import"./chunk-7LU4D3GR.js";import"./chunk-EXJKKQZX.js";import{a as Be}from"./chunk-OTLEEXAA.js";import"./chunk-RHW5QVAY.js";import{a as le}from"./chunk-O2YN63YI.js";import"./chunk-T2OUHRUV.js";import"./chunk-F4EEOSGJ.js";import"./chunk-I3C2AEHI.js";import{b as Ie,e as ke}from"./chunk-QVIZK4WW.js";import"./chunk-WMTA6PZM.js";import{a as z,g as _e,j as ve,k as ye,p as re,x as xe}from"./chunk-NMXJMVL5.js";import{h as ae}from"./chunk-JSGFZ2GA.js";import"./chunk-L76NC2T6.js";import{j as w,k as oe}from"./chunk-CKPICCFH.js";import"./chunk-EF7JWRDC.js";import{$b as F,Ab as P,Ac as fe,Cb as K,Gb as N,Hb as M,Ib as _,Jb as s,Kb as d,Lb as U,Mb as y,Nb as m,Qa as o,Y as R,ab as b,ac as x,bc as S,da as D,dc as Re,ea as $,fb as C,hc as De,ic as $e,jc as X,nb as h,pb as f,pc as u,qc as g,r as B,ra as ie,rc as T,sb as E,tb as I,ua as G,ub as k,vb as v,wb as i,xb as t,yb as c,zb as A}from"./chunk-W2F756OF.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};