@duplicati/ngclient 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/assets/spk.woff2 +0 -0
  2. package/chunk-24YPS3CV.js +1 -0
  3. package/chunk-2JO4W5FR.js +1 -0
  4. package/chunk-2YS2DW25.js +1 -0
  5. package/{chunk-FCHQLLN2.js → chunk-3IE7QZ4D.js} +1 -1
  6. package/{chunk-ARZ3SWC2.js → chunk-4WKXZKTC.js} +1 -1
  7. package/chunk-5522ZDTF.js +1 -0
  8. package/chunk-55X7NAJI.js +1 -0
  9. package/{chunk-5ZK3D2RS.js → chunk-65UFWL3O.js} +1 -1
  10. package/chunk-67RPUUUD.js +1 -0
  11. package/chunk-74JHDVI6.js +1 -0
  12. package/chunk-7FNERKST.js +1 -0
  13. package/{chunk-EUZXGGH4.js → chunk-7SHJPVM2.js} +1 -1
  14. package/chunk-7TRDO7JO.js +1 -0
  15. package/{chunk-J3H4BCHI.js → chunk-7WQR24NO.js} +1 -1
  16. package/{chunk-6M3MNJ52.js → chunk-AC2LD55W.js} +1 -1
  17. package/chunk-AQETBV7M.js +1 -0
  18. package/{chunk-KL64745B.js → chunk-ARPRGK23.js} +1 -1
  19. package/{chunk-LTYC3AYW.js → chunk-AYGRA5MA.js} +1 -1
  20. package/{chunk-P7FSPM3M.js → chunk-AZAFLOEO.js} +1 -1
  21. package/{chunk-66TOS62R.js → chunk-BDFM44OC.js} +15 -15
  22. package/{chunk-4TN5W4QO.js → chunk-BNGZWBKC.js} +1 -1
  23. package/chunk-BV3HBNH3.js +1 -0
  24. package/{chunk-DGBBEZNN.js → chunk-BWR2LHUK.js} +1 -1
  25. package/chunk-CVLCJRED.js +1 -0
  26. package/chunk-F7AUCVVD.js +1 -0
  27. package/{chunk-K7H3KYW7.js → chunk-FBAABDBH.js} +1 -1
  28. package/chunk-FSY6N6QG.js +1 -0
  29. package/{chunk-N35HGIXN.js → chunk-GH3U5NF5.js} +1 -1
  30. package/chunk-HHNBFONH.js +1 -0
  31. package/chunk-IBZEQWFY.js +1 -0
  32. package/chunk-JEGJAUF7.js +1 -0
  33. package/{chunk-ZVU4LS6E.js → chunk-JIBWXS4Q.js} +1 -1
  34. package/{chunk-5XX7BU4I.js → chunk-JQGZUGRK.js} +2 -2
  35. package/chunk-K5R45UNO.js +1 -0
  36. package/{chunk-MXEBWT5C.js → chunk-KWEPVNDD.js} +1 -1
  37. package/{chunk-4237W7DB.js → chunk-LM6FM44S.js} +1 -1
  38. package/{chunk-27GCJTV5.js → chunk-MN2U4RJK.js} +1 -1
  39. package/{chunk-OQEYKIKK.js → chunk-NIFWUYP5.js} +1 -1
  40. package/{chunk-7TWD5GBS.js → chunk-NN3K5WJK.js} +1 -1
  41. package/chunk-NUXXITWB.js +1 -0
  42. package/{chunk-3NZI2UZ4.js → chunk-OAL3AILX.js} +1 -1
  43. package/{chunk-OVIL3KMN.js → chunk-QJZQNKYK.js} +1 -1
  44. package/chunk-R47UOCMB.js +1 -0
  45. package/chunk-R5PXH3UQ.js +1 -0
  46. package/{chunk-MTJ4JC4K.js → chunk-RHX2BKJQ.js} +1 -1
  47. package/{chunk-HEBDWN5N.js → chunk-STY2S4SE.js} +1 -1
  48. package/chunk-TEBYIIAM.js +1 -0
  49. package/{chunk-AKLJ23OZ.js → chunk-UUC5AIWR.js} +1 -1
  50. package/chunk-UYXZTHXX.js +7 -0
  51. package/chunk-VZ377A5M.js +1 -0
  52. package/{chunk-2HOCLZ5J.js → chunk-XC5IIBG3.js} +1 -1
  53. package/chunk-XEK5PR4Q.js +1 -0
  54. package/{chunk-UYK4G7KS.js → chunk-XPH3GUDU.js} +1 -1
  55. package/{chunk-6CG2PO47.js → chunk-YEWPXKXM.js} +1 -1
  56. package/{chunk-XGN4FDKH.js → chunk-YF43IPBW.js} +1 -1
  57. package/chunk-YZP7MR43.js +6 -0
  58. package/index.html +2 -2
  59. package/main-WZQB5GLN.js +1 -0
  60. package/package.json +1 -1
  61. package/styles-DLE2HCON.css +1 -0
  62. package/chunk-45JBSR2F.js +0 -6
  63. package/chunk-6HO4XDHH.js +0 -1
  64. package/chunk-7CADWXFT.js +0 -1
  65. package/chunk-BEZGDXHL.js +0 -1
  66. package/chunk-CN3765MU.js +0 -1
  67. package/chunk-ED3PEZLO.js +0 -1
  68. package/chunk-HZVRWBX3.js +0 -1
  69. package/chunk-IH5A7VZA.js +0 -1
  70. package/chunk-KFGIVU27.js +0 -1
  71. package/chunk-KMNTAMUY.js +0 -1
  72. package/chunk-M2HNXB57.js +0 -1
  73. package/chunk-MR4RE3IB.js +0 -7
  74. package/chunk-N5EDV26Z.js +0 -1
  75. package/chunk-P6LV5I2K.js +0 -1
  76. package/chunk-RIZNMDZX.js +0 -1
  77. package/chunk-SXQDKOHO.js +0 -1
  78. package/chunk-WUBH66KM.js +0 -1
  79. package/chunk-WWJ757LM.js +0 -1
  80. package/chunk-XFX4WAZJ.js +0 -1
  81. package/chunk-YKAKSXUG.js +0 -1
  82. package/main-VLMX3T2V.js +0 -1
  83. package/styles-DO5TEHSB.css +0 -1
package/main-VLMX3T2V.js DELETED
@@ -1 +0,0 @@
1
- import{b as se,c as ie}from"./chunk-N35HGIXN.js";import{a as L}from"./chunk-3NZI2UZ4.js";import"./chunk-KFGIVU27.js";import{a as T}from"./chunk-KL64745B.js";import{a as v}from"./chunk-6M3MNJ52.js";import{c as ne}from"./chunk-ED3PEZLO.js";import{c as oe}from"./chunk-AKLJ23OZ.js";import{L as Y,X as I,ca as ee,ma as te}from"./chunk-J3H4BCHI.js";import{a as Q}from"./chunk-P6LV5I2K.js";import{a as B,b as q,d as _,e as X,f as Z}from"./chunk-5XX7BU4I.js";import{b as re}from"./chunk-OVIL3KMN.js";import{ua as z}from"./chunk-5ZK3D2RS.js";import{Bc as G,Cc as K,E as R,Gb as J,J as W,L as S,Mc as $,N as H,R as y,U,X as s,Za as c,d as j,fb as D,g as P,ja as F,m as E,x as O,y as N}from"./chunk-MR4RE3IB.js";import"./chunk-C6Q5SG76.js";var d=class t{#o=c(null);#n=window.self!==window.top;config=this.#o.asReadonly();configLoaded=this.#n?new P:null;isLoading=c(this.#n);parentIframeListner=null;parentOrigin="*";fetchConfig(){this.#i(),this.#n&&(this.parentIframeListner=new AbortController,this.#e("connected"),window.addEventListener("message",e=>{if(e.data.startsWith("access:")){let o=e.data.replace("access:",""),n=JSON.parse(o);if(!n?.accessToken||!n?.clientId){this.#e("error:invalid-config");return}if(typeof n.clientId!="string"){this.#e("error:invalid-config");return}if(typeof n.accessToken!="string"){this.#e("error:invalid-config");return}console.info("postMessage config set"),this.#o.set(n),this.configLoaded?.next(!0),this.isLoading.set(!1),this.#e("handshake-complete")}},{signal:this.parentIframeListner.signal}))}#e(e){window.parent.postMessage(e,"*")}#i(){this.parentIframeListner&&(this.parentIframeListner.abort(),this.parentIframeListner=null)}setConfig(e){this.#o.set(e)}clearConfig(){this.#o.set(null)}static \u0275fac=function(o){return new(o||t)};static \u0275prov=y({token:t,factory:t.\u0275fac,providedIn:"root"})};var M=class t{#o=s(v);#n=s(d);ngOnInit(){this.#n.fetchConfig(),this.#o.clearAllNotCurrentVersion()}static \u0275fac=function(o){return new(o||t)};static \u0275cmp=D({type:t,selectors:[["app-root"]],decls:1,vars:0,template:function(o,n){o&1&&J(0,"router-outlet")},dependencies:[Y],encapsulation:2})};var ae={production:!0,baseUrl:"/api",machineServerUrl:"${WS_URL}",defaultTimeout:3e4};var u=new U("ENVIRONMENT");var b=class t{#o=s(oe);isLoaded=c(!1);webmodules=c(null);preload(e=!1){let o=this.#o.getApiV1Webmodules().pipe(H(n=>this.webmodules.set(n)),R(()=>this.isLoaded.set(!0)));if(e)return o;o.subscribe()}static \u0275fac=function(o){return new(o||t)};static \u0275prov=y({token:t,factory:t.\u0275fac,providedIn:"root"})};var ue=()=>{let t=s(d),e=s(F);return t.configLoaded===null?O([e.get(L).preload(!0),e.get(b).preload(!0)]):t.configLoaded?.pipe(S(()=>O([e.get(L).preload(!0),e.get(b).preload(!0)])))},pe=[{path:"",children:[{path:"login",canActivate:[()=>s(T).token()!==null?s(I).navigate(["/"]):!0],loadComponent:()=>import("./chunk-FCHQLLN2.js")},{path:"logout",loadComponent:()=>import("./chunk-XGN4FDKH.js")},{path:"",canActivate:[ue],loadComponent:()=>import("./chunk-MXEBWT5C.js"),children:[{path:"",loadComponent:()=>import("./chunk-6HO4XDHH.js")},{path:"add-backup",loadComponent:()=>import("./chunk-OQEYKIKK.js")},{path:"backup/:id/export",loadComponent:()=>import("./chunk-4237W7DB.js")},{path:"backup/import",loadComponent:()=>import("./chunk-MTJ4JC4K.js")},{path:"backup-draft/:id",loadComponent:()=>import("./chunk-XFX4WAZJ.js"),loadChildren:()=>import("./chunk-RIZNMDZX.js")},{path:"backup/:id",loadComponent:()=>import("./chunk-XFX4WAZJ.js"),loadChildren:()=>import("./chunk-RIZNMDZX.js")},{path:"restore",loadComponent:()=>import("./chunk-2HOCLZ5J.js")},{path:"restore-flow/:id",loadComponent:()=>import("./chunk-IH5A7VZA.js"),children:[{path:"",redirectTo:"select-files",pathMatch:"full"},{path:"select-files",loadComponent:()=>import("./chunk-N5EDV26Z.js")},{path:"options",loadComponent:()=>import("./chunk-HZVRWBX3.js")}]},{path:"settings",loadComponent:()=>import("./chunk-P7FSPM3M.js")},{path:"about",loadComponent:()=>import("./chunk-ZVU4LS6E.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-6CG2PO47.js")},{path:"changelog",loadComponent:()=>import("./chunk-66TOS62R.js")},{path:"libraries",loadComponent:()=>import("./chunk-UYK4G7KS.js")},{path:"system-info",loadComponent:()=>import("./chunk-ARZ3SWC2.js")},{path:"logs",loadComponent:()=>import("./chunk-LTYC3AYW.js")}]}]}]}];var k=null,ce=(t,e)=>{let o=s(T),n=s(I),l=s(v),i=s(u),f=s(ne),r=l.getItem("locale"),p=se(r),h=t;if(o.token()&&t.url.startsWith(i.baseUrl)){let a=t.headers.set("Authorization",`Bearer ${o.token()}`);r&&r!=="en-US"&&(a=a.set("X-Ui-Language",p)),h=t.clone({headers:a})}return e(h).pipe(N(a=>{if(f.error(a.message),a.status===401&&!k&&(k=o.refreshToken().pipe(W())),a.status===401)return k.pipe(S(()=>e(t.clone({headers:t.headers.set("Authorization",`Bearer ${o.token()}`)}))),N(g=>(n.navigate(["/logout"]),E(()=>g))),R(()=>k=null));let m=`Error Code: ${a.status}, Message: ${a.message}`;return E(()=>({error:a,message:m}))}))};var fe="1.0.0",le="portal-proxy-client",he=1,A=class t{#o=1e3;#n=s(u);#e=c("disconnected");#i=c(this.#o);#a=c(!1);#r=c(!1);#p=c(null);isConnectedToMachineServer=this.#r.asReadonly();wsState=this.#e.asReadonly();#c=[];#s={};#t=null;#m=new TextDecoder("utf-8");#l=null;#d=$(()=>{let e=this.#a(),o=this.#i(),n=this.#p();if(!n||!e||!o||o<this.#o){this.#l&&window.clearInterval(this.#l);return}this.#l=window.setInterval(()=>{this.connectToMachineServer(n)},o)});utf8Atob(e){let o=Uint8Array.from(atob(e),l=>l.charCodeAt(0)),n=this.#m.decode(o);return n?JSON.parse(n):null}connectToMachineServer(e,o){let n=o?.reconnect??!1;this.#t&&this.wsState()==="authenticated"&&!n||(this.#t&&this.wsState()!=="authenticated"&&this.#t.close(),this.#t=new WebSocket(this.#n.machineServerUrl),this.#t.onopen=()=>{this.#e.set("connect"),this.#r.set(!0),this.#a.set(!1),this.#p.set(null)},this.#t.onclose=()=>{this.#e.set("disconnected"),this.#r.set(!1),this.#p.set(e),this.#a.set(!0)},this.#t.onerror=()=>{this.#e.set("error")},this.#t.onmessage=l=>{let i=JSON.parse(l.data);if(this.wsState()==="connect"){if(i.type!=="welcome"){this.disconnectFromMachineServer(`Unexpected message type, expected 'welcome' but got '${i.type}'`);return}let r={token:e,publicKey:"",clientVersion:fe,protocolVersion:he},p=this.createResponse(i,"authportal",r);this.#e.set("welcome"),this.#t?.send(p)}else if(this.wsState()==="welcome"){if(i.type!=="authportal"){this.disconnectFromMachineServer(`Unexpected message type, expected 'authportal' but got '${i.type}'`);return}var f=JSON.parse(i.payload??"");if(f.accepted===!1){this.disconnectFromMachineServer("Authentication failed");return}for(this.#e.set("authenticated"),this.#r.set(!0);this.#c.length>0;){let r=this.#c.pop();r&&this.#s[r.messageId]&&this.activateCommand(r)}}else if(this.wsState()==="authenticated"){if(i.type!=="command"){console.warn(`Unexpected message type, expected 'command' but got '${i.type}'`);return}let r=this.#s[i.messageId];if(r){if(i.errorMessage){r.reject(i.errorMessage);return}else{let p=JSON.parse(i.payload??"");p.body=p?.body==null?null:this.utf8Atob(p.body),r.resolve(p)}delete this.#s[i.messageId],window.clearTimeout(r.timer)}}})}disconnectFromMachineServer(e=null){e&&console.error(e),this.#t?.close(),this.#t=null,this.#e.set("disconnected"),this.#r.set(!1)}createResponse(e,o,n){let l={from:le,to:e.from,type:o,messageId:e.messageId,payload:JSON.stringify(n)};return JSON.stringify(l)}sendCommand(e,o,n,l,i,f,r=5e3){return(this.wsState()==="disconnected"||this.wsState()==="error")&&this.connectToMachineServer(e),new Promise((p,h)=>{let a=crypto.randomUUID(),g={from:le,to:o,type:"command",messageId:a,payload:JSON.stringify({method:n,path:l,body:i,headers:f})},C={resolve:p,reject:h,timer:window.setTimeout(()=>{let w=this.#s[a];w&&(delete this.#s[a],w.reject("Timeout"))},r)};this.#s[a]=C,this.#r()?this.activateCommand(g):this.#c.push(g)})}activateCommand(e){this.#t?.send(JSON.stringify(e))}static \u0275fac=function(o){return new(o||t)};static \u0275prov=y({token:t,factory:t.\u0275fac,providedIn:"root"})};function ge(t){if(typeof t!="string")return null;let o=new TextEncoder().encode(t);return window.btoa(String.fromCharCode(...o))}var me=(t,e)=>{let n=s(d).config(),l=s(u);if(n===null)return e(t);let i=s(A),f=ge(t.body),r={};t.headers.keys().forEach(m=>{r[m]=t.headers.get(m)??""});let p=t.headers.get("timeout"),h=p!==null?parseInt(p):l.defaultTimeout,a=i.sendCommand(n.accessToken,n.clientId,t.method,t.url,f,r,h);return new j(m=>{a.then(g=>{let C=new B;r!=null&&Object.keys(r).forEach(V=>{C.set(V,r[V])});let w=new q({body:g.body,status:g.code,statusText:"OK",headers:C});m.next(w),m.complete()})})};var de={providers:[G(),ee(pe,te()),_(Z(),X([me,ce])),v,{provide:u,useValue:ae},{provide:K,useValue:ie()},re,z]};Q(M,de);
@@ -1 +0,0 @@
1
- :root{--font-size: 16px;font-size:var(--font-size)}html body{--sparkle-light: initial;--sparkle-dark: ;color-scheme:light dark;--primary-50: #eff6ff;--primary-rgb-50: 239,246,255;--primary-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-rgb-100: 219,234,254;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-rgb-200: 191,219,254;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-rgb-300: 147,197,253;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-rgb-400: 96,165,250;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-rgb-500: 59,130,246;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-rgb-600: 37,99,235;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-rgb-700: 29,78,216;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-rgb-800: 30,64,175;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-rgb-900: 30,58,138;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-rgb-950: 23,37,84;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-rgb-50: 245,243,255;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-rgb-100: 237,233,254;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-rgb-200: 221,214,254;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-rgb-300: 196,181,253;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-rgb-400: 167,139,250;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-rgb-500: 139,92,246;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-rgb-600: 124,58,237;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-rgb-700: 109,40,217;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-rgb-800: 91,33,182;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-rgb-900: 76,29,149;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-rgb-950: 46,16,101;--accent-contrast-950: var(--light-primary-text);--tertiary-50: #fffbeb;--tertiary-rgb-50: 255,251,235;--tertiary-contrast-50: var(--dark-primary-text);--tertiary-100: #fef3c7;--tertiary-rgb-100: 254,243,199;--tertiary-contrast-100: var(--dark-primary-text);--tertiary-200: #fde68a;--tertiary-rgb-200: 253,230,138;--tertiary-contrast-200: var(--dark-primary-text);--tertiary-300: #fcd34d;--tertiary-rgb-300: 252,211,77;--tertiary-contrast-300: var(--dark-primary-text);--tertiary-400: #fbbf24;--tertiary-rgb-400: 251,191,36;--tertiary-contrast-400: var(--light-primary-text);--tertiary-500: #f59e0b;--tertiary-rgb-500: 245,158,11;--tertiary-contrast-500: var(--light-primary-text);--tertiary-600: #d97706;--tertiary-rgb-600: 217,119,6;--tertiary-contrast-600: var(--light-primary-text);--tertiary-700: #b45309;--tertiary-rgb-700: 180,83,9;--tertiary-contrast-700: var(--light-primary-text);--tertiary-800: #92400e;--tertiary-rgb-800: 146,64,14;--tertiary-contrast-800: var(--light-primary-text);--tertiary-900: #78350f;--tertiary-rgb-900: 120,53,15;--tertiary-contrast-900: var(--light-primary-text);--tertiary-950: #451a03;--tertiary-rgb-950: 69,26,3;--tertiary-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-rgb-50: 250,250,250;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-rgb-100: 244,244,245;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-rgb-200: 228,228,231;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-rgb-300: 212,212,216;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-rgb-400: 161,161,170;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-rgb-500: 113,113,122;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-rgb-600: 82,82,91;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-rgb-700: 63,63,70;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-rgb-750: 47,47,49;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-rgb-800: 39,39,42;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-rgb-900: 24,24,27;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-rgb-950: 9,9,11;--grey-contrast-950: var(--light-primary-text);--warn-50: #fef2f2;--warn-rgb-50: 254,242,242;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fee2e2;--warn-rgb-100: 254,226,226;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fecaca;--warn-rgb-200: 254,202,202;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fca5a5;--warn-rgb-300: 252,165,165;--warn-contrast-300: var(--dark-primary-text);--warn-400: #f87171;--warn-rgb-400: 248,113,113;--warn-contrast-400: var(--light-primary-text);--warn-500: #ef4444;--warn-rgb-500: 239,68,68;--warn-contrast-500: var(--light-primary-text);--warn-600: #dc2626;--warn-rgb-600: 220,38,38;--warn-contrast-600: var(--light-primary-text);--warn-700: #b91c1c;--warn-rgb-700: 185,28,28;--warn-contrast-700: var(--light-primary-text);--warn-800: #991b1b;--warn-rgb-800: 153,27,27;--warn-contrast-800: var(--light-primary-text);--warn-900: #7f1d1d;--warn-rgb-900: 127,29,29;--warn-contrast-900: var(--light-primary-text);--warn-950: #450a0a;--warn-rgb-950: 69,10,10;--warn-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-rgb-50: 236,253,245;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-rgb-100: 209,250,229;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-rgb-200: 167,243,208;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-rgb-300: 110,231,183;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-rgb-400: 52,211,153;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-rgb-500: 16,185,129;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-rgb-600: 5,150,105;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-rgb-700: 4,120,87;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-rgb-800: 6,95,70;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-rgb-900: 6,78,59;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-rgb-950: 2,44,34;--success-contrast-950: var(--light-primary-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--shape-1: .25rem;--shape-2: .5rem;--shape-3: .75rem;--shape-4: 1rem;--shape-5: 1.25rem;--box-shadow-10: 0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20: 0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30: 0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35: 0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40: 0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50: 0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60: 0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20: var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30: var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40: var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50: var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60: var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R: var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20: linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30: linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60: linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70: linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20: var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30: var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40: var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50: var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R: var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80: var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30: linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20: var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30: var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40: var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50: var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R: var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80: var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20: linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30: linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--tertiary-level-20: var(--sparkle-light, var(--tertiary-50)) var(--sparkle-dark, var(--tertiary-950));--tertiary-level-30: var(--sparkle-light, var(--tertiary-100)) var(--sparkle-dark, var(--tertiary-900));--tertiary-level-40: var(--sparkle-light, var(--tertiary-200)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50: var(--sparkle-light, var(--tertiary-300)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50R: var(--sparkle-light, var(--tertiary-800)) var(--sparkle-dark, var(--tertiary-300));--tertiary-level-80: var(--sparkle-light, var(--tertiary-900)) var(--sparkle-dark, var(--tertiary-300));--tertiary-gradient-20: linear-gradient(180deg, var(--tertiary-400) 0%, var(--tertiary-500) 50%);--tertiary-gradient-30: linear-gradient(180deg, var(--tertiary-300) 0%, var(--tertiary-500) 50%);--warn-level-20: var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30: var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40: var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50: var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R: var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80: var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20: linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30: linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--success-level-20: var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30: var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40: var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50: var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R: var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80: var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20: linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30: linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text: var(--grey-900);--light-primary-text: #fff}html body.dark{--sparkle-light: ;--sparkle-dark: initial;color-scheme:dark}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-tertiary{color:var(--tertiary-500)}.spk-warn{color:var(--warn-500)}.spk-success{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(--warn-500);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10b{font:var(--title-10b)}body .title-20b{font:var(--title-20b)}body .title-30b{font:var(--title-30b)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10b{font:var(--paragraph-10b)}body .paragraph-20b{font:var(--paragraph-20b)}body .paragraph-30b{font:var(--paragraph-30b)}body .paragraph-40b{font:var(--paragraph-40b)}spk-alert-container{width:100%;position:relative}spk-alert-container spk-alert{margin-bottom:.5rem}spk-alert-container spk-alert:first-of-type{margin-bottom:0}spk-alert-container spk-alert.alert-is-hidden{margin-bottom:0}spk-alert-container .scroller{width:100%;max-height:50vh;overflow-y:auto;overflow-x:hidden;padding:.5rem 1rem 1rem .5rem}spk-alert-container .container{flex-direction:column-reverse;display:flex}spk-alert-container .tray{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--grey-500);color:var(--grey-contrast-500);position:absolute;bottom:0;right:0;border-radius:50%;z-index:1000}spk-alert{--alert-ad: .4s;--alert-bg: var(--base-level-10);--alert-bc: var(--base-level-40);--alert-state-ic: var(--base-level-70);--alert-close-ic: var(--base-level-60);--alert-title-c: var(--base-level-70);--alert-content-c: var(--base-level-60);--alert-bs: var(--box-shadow-10);max-height:18.75rem;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:1;overflow:hidden;transition:max-height var(--alert-ad) ease-in-out,transform var(--alert-ad) ease-in-out,opacity var(--alert-ad) ease-in-out,margin-bottom var(--alert-ad) ease-in-out,padding-top var(--alert-ad) ease-in-out,padding-bottom var(--alert-ad) ease-in-out;transform:translateY(0);box-shadow:var(--alert-bs)}spk-alert .alert{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"stateIcon title closeIcon" ". content .";padding:.5rem .75rem;align-items:flex-start;gap:.5rem .75rem;border:1px solid var(--alert-bc);border-radius:var(--shape-2);background-color:var(--alert-bg)}spk-alert.is-hidden{max-height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0;overflow:hidden;transform:translateY(-40px)}spk-alert.is-hidden:before{opacity:0}spk-alert.animate-in{transition:none;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transform:translateY(0)}spk-alert.animate-in:before{opacity:0}spk-alert.animate-out{max-height:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-40px)}spk-alert.animate-out:before{opacity:0}spk-alert.primary{--alert-state-ic: var(--primary-500);--alert-close-ic: var(--primary-500);--alert-title-c: var(--primary-level-80);--alert-content-c: var(--primary-level-80);--alert-bg: var(--primary-level-20);--alert-bc: var(--primary-level-40)}spk-alert.accent{--alert-state-ic: var(--accent-500);--alert-close-ic: var(--accent-500);--alert-title-c: var(--accent-level-80);--alert-content-c: var(--accent-level-80);--alert-bg: var(--accent-level-20);--alert-bc: var(--accent-level-40)}spk-alert.error{--alert-state-ic: var(--warn-500);--alert-close-ic: var(--warn-500);--alert-title-c: var(--warn-level-80);--alert-content-c: var(--warn-level-80);--alert-bg: var(--warn-level-20);--alert-bc: var(--warn-level-40)}spk-alert.success{--alert-state-ic: var(--success-500);--alert-close-ic: var(--success-500);--alert-title-c: var(--success-level-80);--alert-content-c: var(--success-level-80);--alert-bg: var(--success-level-20);--alert-bc: var(--success-level-40)}spk-alert.warning{--alert-state-ic: var(--tertiary-500);--alert-close-ic: var(--tertiary-500);--alert-title-c: var(--tertiary-level-80);--alert-content-c: var(--tertiary-level-80);--alert-bg: var(--tertiary-level-20);--alert-bc: var(--tertiary-level-40)}spk-alert:not(:has([content])) .alert{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([content]) .alert{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--box-shadow-50)}spk-alert:has([content]) .alert .title{color:var(--base-level-70)}spk-alert:has([content]) .alert .close-icon{color:var(--grey-400)}spk-alert:has([content]) .alert .content{color:var(--base-level-60)}body.dark spk-alert:has([content]) .alert{background-color:var(--grey-800);box-shadow:var(--box-shadow-50)}spk-alert .icon{grid-area:stateIcon;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}spk-alert .icon:first-of-type:not(:empty)+.icon{display:none}spk-alert [icon],spk-alert .state-icon{color:var(--alert-state-ic)}spk-alert .close-icon{grid-area:closeIcon;color:var(--alert-close-ic);transform:rotate(45deg);transform-origin:center}spk-alert .title{grid-area:title;color:var(--alert-title-c);padding-top:.125rem}spk-alert .content{grid-area:content;color:var(--alert-content-c)}spk-alert .content:empty{display:none}spk-toggle{--toggle-bg: var(--base-level-40);--toggle-b: 0;--togglek-bg: var(--base-level-30);--togglek-bs: var(--box-shadow-20);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-toggle label{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}spk-toggle .box{display:block;width:2.125rem;height:1.25rem;cursor:pointer;position:relative;border-radius:999px;background:var(--toggle-bg);border:var(--toggle-b);transition:background .15s linear}spk-toggle>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer;z-index:0}spk-toggle .knob{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:var(--togglek-bg);box-shadow:var(--togglek-bs);box-sizing:border-box;transition:left 125ms ease-in-out}spk-toggle:has(input[type=checkbox]:checked),spk-toggle.active{--togglek-bg: var(--base-level-60)}spk-toggle:has(input[type=checkbox]:checked) .knob,spk-toggle.active .knob{left:1rem}spk-toggle:has(input[type=checkbox]:checked).primary,spk-toggle.active.primary{--toggle-bg: var(--primary-level-30);--togglek-bg: var(--primary-500)}spk-toggle:has(input[type=checkbox]:checked).accent,spk-toggle.active.accent{--toggle-bg: var(--accent-level-30);--togglek-bg: var(--accent-500)}spk-toggle:has(input[type=checkbox]:checked).tertiary,spk-toggle.active.tertiary{--toggle-bg: var(--tertiary-level-30);--togglek-bg: var(--tertiary-500)}spk-toggle:has(input[type=checkbox]:checked).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-level-30);--togglek-bg: var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).success,spk-toggle.active.success{--toggle-bg: var(--success-level-30);--togglek-bg: var(--success-500)}spk-toggle.outlined{--toggle-bg: var(--base-level-10);--togglek-bg: var(--base-level-40);--togglek-bs: none;--toggle-b: 1px solid var(--base-level-40)}spk-toggle.outlined .knob{width:.875rem;height:.875rem}spk-toggle.flat{--togglek-bg: #fff}spk-toggle.flat:has(input[type=checkbox]:checked),spk-toggle.flat.active{--togglek-bg: #fff;--toggle-bg: var(--base-level-60)}spk-toggle.flat:has(input[type=checkbox]:checked).primary,spk-toggle.flat.active.primary{--toggle-bg: var(--primary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).accent,spk-toggle.flat.active.accent{--toggle-bg: var(--accent-500)}spk-toggle.flat:has(input[type=checkbox]:checked).tertiary,spk-toggle.flat.active.tertiary{--toggle-bg: var(--tertiary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).success,spk-toggle.flat.active.success{--toggle-bg: var(--success-500)}spk-toggle.raised{--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked),spk-toggle.raised.active{--toggle-bg: var(--base-gradient-20);--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary,spk-toggle.raised.active.primary{--toggle-bg: var(--primary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).accent,spk-toggle.raised.active.accent{--toggle-bg: var(--accent-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).tertiary,spk-toggle.raised.active.tertiary{--toggle-bg: var(--tertiary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).success,spk-toggle.raised.active.success{--toggle-bg: var(--success-gradient-20)}[spk-button]{--btn-h: 2.5rem;--btn-s: var(--shape-2);--btn-f: var(--paragraph-20);--loader-c: var(--base-level-60);--btn-c: var(--base-level-70);--btn-ic: var(--base-level-70);--btn-ir: var(0deg);--btn-bg: var(--base-level-10);--btn-bg-h: var(--base-level-20);--btn-bc: var(--base-level-40);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;border-radius:var(--btn-s);height:var(--btn-h);border:1px solid var(--btn-bc);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c)}[spk-button] spk-icon{color:var(--btn-ic);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:inherit}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.tertiary,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.tertiary,[spk-button].loader.flat.warn,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.tertiary,[spk-button].loader.raised.warn,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.tertiary,[spk-button].loader.warn,[spk-button].loader.success{color:transparent}[spk-button].loader.outlined>*,[spk-button].loader.flat>*,[spk-button].loader.raised>*,[spk-button].loader>*{opacity:0}[spk-button].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}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-ic: var(--primary-500)}[spk-button].accent{--btn-ic: var(--accent-500)}[spk-button].tertiary{--btn-ic: var(--tertiary-500)}[spk-button].warn{--btn-ic: var(--warn-500)}[spk-button].success{--btn-ic: var(--success-500)}[spk-button].icon{padding:0 .5625rem}[spk-button].icon.small{padding:0 .3125rem}[spk-button].icon,[spk-button].outlined{--btn-c: var(--base-level-70);--btn-bg: var(--base-level-20);--btn-bg-h: var(--base-level-30);transition:color 80ms linear}[spk-button].icon.primary,[spk-button].outlined.primary{--loader-c: var(--primary-500);--btn-bg: var(--primary-level-20);--btn-bg-h: var(--primary-level-30);--btn-bc: var(--primary-level-40)}[spk-button].icon.accent,[spk-button].outlined.accent{--loader-c: var(--accent-500);--btn-bg: var(--accent-level-20);--btn-bg-h: var(--accent-level-30);--btn-bc: var(--accent-level-40)}[spk-button].icon.tertiary,[spk-button].outlined.tertiary{--loader-c: var(--tertiary-500);--btn-bg: var(--tertiary-level-20);--btn-bg-h: var(--tertiary-level-30);--btn-bc: var(--tertiary-level-40)}[spk-button].icon.warn,[spk-button].outlined.warn{--loader-c: var(--warn-500);--btn-bg: var(--warn-level-20);--btn-bg-h: var(--warn-level-30);--btn-bc: var(--warn-level-40)}[spk-button].icon.success,[spk-button].outlined.success{--loader-c: var(--success-500);--btn-bg: var(--success-level-20);--btn-bg-h: var(--success-level-30);--btn-bc: var(--success-level-40)}[spk-button].flat{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));--btn-bg-h: var(--sparkle-light, var(--grey-700)) var(--sparkle-dark, var(--grey-700));border:0}[spk-button].flat:has(spk-icon:only-child){padding:0 .625rem}[spk-button].flat.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].flat.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-500);--btn-bg-h: var(--primary-500)}[spk-button].flat.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-h: var(--accent-500)}[spk-button].flat.tertiary{--btn-c: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-500);--btn-bg-h: var(--tertiary-500)}[spk-button].flat.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-h: var(--warn-500)}[spk-button].flat.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-h: var(--success-500)}[spk-button].raised{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-gradient-60);--btn-bg-h: var(--base-gradient-70);border:0;box-shadow:none}[spk-button].raised:has(spk-icon:only-child){padding:0 .625rem}[spk-button].raised.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].raised.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-gradient-20);--btn-bg-h: var(--primary-gradient-30)}[spk-button].raised.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-gradient-20);--btn-bg-h: var(--accent-gradient-30)}[spk-button].raised.tertiary{--btn-c: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-gradient-20);--btn-bg-h: var(--tertiary-gradient-30)}[spk-button].raised.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-h: var(--warn-gradient-30)}[spk-button].raised.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-gradient-20);--btn-bg-h: var(--success-gradient-30)}spk-progress-bar{--pb-h: .5rem;--pb-b: var(--base-level-40);--pb-bg: var(--base-level-30);--pb-br: var(--shape-2);--pbt-bg: var(--base-level-20);--pbt-br: inherit;display:block;width:100%;height:var(--pb-h);position:relative;overflow:hidden;border-radius:var(--pb-br);background:var(--pb-bg)}spk-progress-bar .progress-bar{position:absolute;top:0;left:0;bottom:0;height:100%;transform-origin:top left;border-radius:var(--pbt-br);background:var(--pbt-bg)}spk-progress-bar.indeterminate .progress-bar{right:0;animation:indeterminate-progress-bar-stripes 2s linear infinite}spk-progress-bar.indeterminate:after{content:"";position:absolute;inset:0;background-color:var(--base-level-30);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary{--pbt-bg: var(--primary-500)}spk-progress-bar.accent{--pbt-bg: var(--accent-500)}spk-progress-bar.tertiary{--pbt-bg: var(--tertiary-500)}spk-progress-bar.warn{--pbt-bg: var(--warn-500)}spk-progress-bar.success{--pbt-bg: var(--success-500)}spk-progress-bar.outlined{--pb-b: 1px solid var(--base-level-40);--pb-bg: var(--base-level-10)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{--pbt-bg: var(--base-level-30)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{--pbt-bg: var(--primary-level-30)}spk-progress-bar.flat.accent{--pbt-bg: var(--accent-level-30)}spk-progress-bar.flat.tertiary{--pbt-bg: var(--tertiary-level-30)}spk-progress-bar.flat.warn{--pbt-bg: var(--warn-level-30)}spk-progress-bar.flat.success{--pbt-bg: var(--success-level-30)}spk-progress-bar.raised{--pbt-bg: var(--base-gradient-30)}spk-progress-bar.raised.primary{--pbt-bg: var(--primary-gradient-30)}spk-progress-bar.raised.accent{--pbt-bg: var(--accent-gradient-30)}spk-progress-bar.raised.tertiary{--pbt-bg: var(--tertiary-gradient-30)}spk-progress-bar.raised.warn{--pbt-bg: var(--warn-gradient-30)}spk-progress-bar.raised.success{--pbt-bg: var(--success-gradient-30)}@keyframes indeterminate-progress-bar-stripes-background{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes indeterminate-progress-bar-stripes{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}spk-checkbox{--box-bw: .0625rem;--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-checkbox>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-checkbox>input[type=checkbox]:focus{outline:none}spk-checkbox .box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:var(--shape-1);border:var(--box-bw) solid var(--box-bc);background:var(--box-bg);font-size:.75rem;color:var(--box-c)}spk-checkbox spk-icon{opacity:0;font-weight:700}spk-checkbox spk-icon.indeterminate-indicator{display:none}spk-checkbox.indeterminate .box spk-icon.indeterminate-indicator{display:block}spk-checkbox.indeterminate .box spk-icon.default-indicator{display:none}spk-checkbox:has(input[type=checkbox]:checked) spk-icon,spk-checkbox.active spk-icon{opacity:1}spk-checkbox.primary{--box-bg: var(--primary-level-30);--box-bc: var(--primary-level-40);--box-c: var(--primary-500)}spk-checkbox.accent{--box-bg: var(--accent-level-30);--box-bc: var(--accent-level-40);--box-c: var(--accent-500)}spk-checkbox.tertiary{--box-bg: var(--tertiary-level-30);--box-bc: var(--tertiary-level-40);--box-c: var(--tertiary-500)}spk-checkbox.warn{--box-bg: var(--warn-level-30);--box-bc: var(--warn-level-40);--box-c: var(--warn-500)}spk-checkbox.success{--box-bg: var(--success-level-30);--box-bc: var(--success-level-40);--box-c: var(--success-500)}spk-checkbox.outlined{--box-bg: var(--base-level-10)}spk-checkbox.outlined.primary,spk-checkbox.outlined.accent,spk-checkbox.outlined.tertiary,spk-checkbox.outlined.warn,spk-checkbox.outlined.success{--box-bg: var(--base-level-10);--box-bc: var(--base-level-40)}spk-checkbox.flat.primary,spk-checkbox.flat.accent,spk-checkbox.flat.tertiary,spk-checkbox.flat.warn,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.tertiary,spk-checkbox.raised.warn,spk-checkbox.raised.success{--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30)}.sparkle-popup-menu spk-option[selected] spk-checkbox spk-icon{opacity:1}spk-checkbox.flat:has(input[type=checkbox]:checked),spk-checkbox.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.flat{--box-bw: 0;--box-bg: var(--grey-500);--box-c: #fff}spk-checkbox.primary.flat:has(input[type=checkbox]:checked),spk-checkbox.primary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.flat{--box-bg: var(--primary-500)}spk-checkbox.accent.flat:has(input[type=checkbox]:checked),spk-checkbox.accent.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.flat{--box-bg: var(--accent-500)}spk-checkbox.tertiary.flat:has(input[type=checkbox]:checked),spk-checkbox.tertiary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.flat{--box-bg: var(--tertiary-500)}spk-checkbox.warn.flat:has(input[type=checkbox]:checked),spk-checkbox.warn.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.flat{--box-bg: var(--warn-500)}spk-checkbox.success.flat:has(input[type=checkbox]:checked),spk-checkbox.success.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.flat{--box-bg: var(--success-500)}spk-checkbox.raised:has(input[type=checkbox]:checked),spk-checkbox.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.raised{--box-bw: 0;--box-bg: var(--base-gradient-20);--box-c: #fff}spk-checkbox.primary.raised:has(input[type=checkbox]:checked),spk-checkbox.primary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.raised{--box-bg: var(--primary-gradient-20)}spk-checkbox.accent.raised:has(input[type=checkbox]:checked),spk-checkbox.accent.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.raised{--box-bg: var(--accent-gradient-20)}spk-checkbox.tertiary.raised:has(input[type=checkbox]:checked),spk-checkbox.tertiary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.raised{--box-bg: var(--tertiary-gradient-20)}spk-checkbox.warn.raised:has(input[type=checkbox]:checked),spk-checkbox.warn.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.raised{--box-bg: var(--warn-gradient-20)}spk-checkbox.success.raised:has(input[type=checkbox]:checked),spk-checkbox.success.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.raised{--box-bg: var(--success-gradient-20)}spk-datepicker-input spk-form-field .input-wrap .input{display:grid;grid-template-columns:1fr auto;align-items:center}spk-datepicker-input spk-form-field .masked-value{font:var(--paragraph-30B);color:var(--base-level-60)}spk-datepicker-input spk-form-field .masked-value+input{opacity:0}spk-datepicker-input spk-form-field [suffix]+[suffix].default-indicator{display:none}spk-datepicker-input spk-datepicker{z-index:10000;position:relative;width:15rem}spk-datepicker{--dp-sel-bg: var(--base-level-60);--dp-sel-bw: 0;--dp-sel-bc: transparent;--dp-sel-c: #fff;--dp-day-c: var(--base-level-60);--dp-day-g: .25rem;--dp-day-f: var(--paragraph-20);width:100%;max-width:18.75rem;display:flex;flex-direction:column}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:.5rem}spk-datepicker header .title{font:var(--paragraph-20)}spk-datepicker header button{appearance:none;background-color:transparent;border:0;cursor:pointer;height:2rem;color:var(--base-level-60)}spk-datepicker header button:focus{outline:none}spk-datepicker section{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--dp-day-g)}spk-datepicker section .days,spk-datepicker section .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker section .days>.days,spk-datepicker section .weekdays>.days{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--dp-day-g);z-index:0}spk-datepicker section .days>div,spk-datepicker section .weekdays>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;cursor:pointer;position:relative;z-index:1;color:var(--dp-day-c);font:var(--dp-day-f);-webkit-user-select:none;user-select:none}spk-datepicker section .days>div.sel,spk-datepicker section .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker section .days>div.out-of-scope,spk-datepicker section .weekdays>div.out-of-scope{opacity:.4}spk-datepicker section .days>div.sel-el,spk-datepicker section .weekdays>div.sel-el{position:relative;top:0;left:0;transition:transform 75ms linear,opacity 75ms linear;background:var(--dp-sel-bg);border-radius:50%;border:var(--dp-sel-bw) solid var(--dp-sel-bc);opacity:0;box-sizing:border-box}spk-datepicker section .weekdays>div{color:var(--base-level-70)}spk-datepicker.primary{--dp-sel-bg: var(--primary-500)}spk-datepicker.accent{--dp-sel-bg: var(--accent-500)}spk-datepicker.tertiary{--dp-sel-bg: var(--tertiary-500)}spk-datepicker.warn{--dp-sel-bg: var(--warn-500)}spk-datepicker.success{--dp-sel-bg: var(--success-500)}spk-datepicker.outlined{--dp-sel-bg: var(--base-level-10);--dp-sel-c: var(--base-level-70);--dp-sel-bw: 2px;--dp-sel-bc: var(--base-level-40)}spk-datepicker.outlined.primary{--dp-sel-bc: var(--primary-500)}spk-datepicker.outlined.accent{--dp-sel-bc: var(--accent-500)}spk-datepicker.outlined.tertiary{--dp-sel-bc: var(--tertiary-500)}spk-datepicker.outlined.warn{--dp-sel-bc: var(--warn-500)}spk-datepicker.outlined.success{--dp-sel-bc: var(--success-500)}spk-datepicker.raised{--dp-sel-bg: var(--base-gradient-20)}spk-datepicker.raised.primary{--dp-sel-bg: var(--primary-gradient-20)}spk-datepicker.raised.accent{--dp-sel-bg: var(--accent-gradient-20)}spk-datepicker.raised.tertiary{--dp-sel-bg: var(--tertiary-gradient-20)}spk-datepicker.raised.warn{--dp-sel-bg: var(--warn-gradient-20)}spk-datepicker.raised.success{--dp-sel-bg: var(--success-gradient-20)}spk-icon{font-size:1.25rem;line-height:1em;width:1em;height:1em;text-align:left;overflow:hidden}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{--menu-mh: 20rem;display:inline-flex;position:relative}spk-menu spk-popover{flex:1 0}spk-menu .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0;max-height:var(--menu-mh)}spk-menu .options [title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0 .5rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-menu .options button{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70)}spk-menu .options button[disabled]{opacity:.3;cursor:initial}spk-menu .options button[disabled]:hover{background-color:transparent}spk-menu .options button [suffix]{order:999;color:var(--base-level-60);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}spk-menu .options button spk-icon{font-size:1rem}spk-menu .options button.active,spk-menu .options button:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-menu .options button.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-menu .options button.focused:hover{background-color:var(--primary-level-30)}spk-divider{--divider-c: var(--base-level-40);--divider-h: .0625rem;display:flex;gap:.5rem;align-items:center;text-align:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-c);height:var(--divider-h);flex:1 0}dialog[spkDialog]{--dialog-p: 1rem;--dialog-g: .5rem;border:1px solid var(--base-level-40);border-radius:var(--shape-2);background-color:var(--base-level-10);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;max-width:initial;max-height:initial;position:relative;z-index:0}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] .content{position:relative;z-index:2}dialog[spkDialog]:focus{outline:none}dialog[spkDialog] .dialog-content{position:relative;z-index:2}dialog[spkDialog] .dialog-backdrop{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] [header],dialog[spkDialog] [content],dialog[spkDialog] [footer]{width:100%}dialog[spkDialog] [header]{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}spk-popover{--po-d: inherit;display:var(--po-d)}spk-popover .trigger{cursor:pointer;display:var(--po-d);position:relative}spk-popover .trigger .trigger-wrapper{display:var(--po-d)}spk-popover .trigger .trigger-wrapper:empty+*{display:inherit}spk-popover .trigger .trigger-wrapper+[spk-button]{display:none}spk-popover .overlay{position:fixed;inset:0;opacity:0;z-index:1}spk-popover .popover{position:absolute;margin:0;min-width:11.25rem;z-index:0;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);font:var(--paragraph-30);color:var(--base-level-60)}@supports (anchor-name: --anchor){spk-popover .popover{inset:unset;left:anchor(left);top:anchor(bottom);position-try-options:flip-block,flip-inline;position-try-fallbacks: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);display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;font:var(--paragraph-30B);color:var(--chip-c);height:var(--chip-h);border-radius:var(--chip-s);border:1px solid var(--chip-bc);background:var(--chip-bg)}spk-chip spk-icon{color:var(--chip-ic);font-size:1rem;font-weight:inherit}spk-chip [avatar]{height:calc(var(--chip-h) - .75rem);width:calc(var(--chip-h) - .75rem);border-radius:50%}spk-chip.small{--chip-h: 1.5rem;--chip-s: .75rem;font:var(--paragraph-40B);padding:0 .5rem;gap:.25rem}spk-chip.small spk-icon{font-size:.75rem}spk-chip[disabled]{opacity:.5}spk-chip[read-only],spk-chip[read-only=true],spk-chip[readonly=true],spk-chip[readonly],spk-chip.readonly{pointer-events:none;-webkit-user-select:none;user-select:none}spk-chip.primary{--chip-ic: var(--primary-500)}spk-chip.accent{--chip-ic: var(--accent-500)}spk-chip.tertiary{--chip-ic: var(--tertiary-500)}spk-chip.warn{--chip-ic: var(--warn-500)}spk-chip.success{--chip-ic: var(--success-500)}spk-chip.simple{border:0;--chip-c: var(--base-level-70)}spk-chip.simple.primary{--chip-c: var(--primary-500)}spk-chip.simple.accent{--chip-c: var(--accent-500)}spk-chip.simple.tertiary{--chip-c: var(--tertiary-500)}spk-chip.simple.warn{--chip-c: var(--warn-500)}spk-chip.simple.success{--chip-c: var(--success-500)}spk-chip.simple,spk-chip.outlined{--chip-c: var(--base-level-70);--chip-bg: var(--base-level-20);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loader-c: var(--primary-500);--chip-bg: var(--primary-level-20);--chip-bc: var(--primary-level-40)}spk-chip.simple.accent,spk-chip.outlined.accent{--loader-c: var(--accent-500);--chip-bg: var(--accent-level-20);--chip-bc: var(--accent-level-40)}spk-chip.simple.tertiary,spk-chip.outlined.tertiary{--loader-c: var(--tertiary-500);--chip-bg: var(--tertiary-level-20);--chip-bc: var(--tertiary-level-40)}spk-chip.simple.warn,spk-chip.outlined.warn{--loader-c: var(--warn-500);--chip-bg: var(--warn-level-20);--chip-bc: var(--warn-level-40)}spk-chip.simple.success,spk-chip.outlined.success{--loader-c: var(--success-500);--chip-bg: var(--success-level-20);--chip-bc: var(--success-level-40)}spk-chip.flat{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));border:0}spk-chip.flat.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-500)}spk-chip.flat.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-500)}spk-chip.flat.tertiary{--chip-c: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-500)}spk-chip.flat.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-500)}spk-chip.raised{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-gradient-60);border:0;box-shadow:none}spk-chip.raised.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-gradient-20)}spk-chip.raised.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-gradient-20)}spk-chip.raised.tertiary{--chip-c: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-gradient-20)}spk-chip.raised.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field{--ff-h: 2.5rem;--ff-s: var(--shape-2);--ff-bc: var(--base-level-40);--ff-prefix-bg: var(--base-level-20);--ff-ic: var(--base-level-60);--ff-bg: var(--base-level-10);display:flex;flex-direction:column;position:relative}spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field.small{--ff-h: 2rem}spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field label spk-icon{font-size:1rem}spk-form-field .prefix{display:none;align-items:center;gap:.25rem;background-color:var(--ff-prefix-bg);padding:0 .75rem;height:100%;min-height:calc(var(--ff-h) - .125rem);transition:background-color 125ms linear}spk-form-field .prefix [prefix]+[textPrefix]{margin-left:.25rem}spk-form-field .prefix-space,spk-form-field .suffix-space{width:0;height:100%}spk-form-field:not(:has(.helpers .error:empty)){--ff-ic: var(--warn-500);--ff-bc: var(--warn-500);--ff-prefix-bg: var(--warn-level-20)}spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);padding:.4375rem .75rem;min-height:var(--ff-h);overflow:hidden;transition:border-color 125ms linear}spk-form-field .input-wrap .input{flex:1 0}spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field .input-wrap:has(textarea){height:auto;min-height:var(--ff-h)}spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-level-60)}spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field .input-wrap:has([suffix]) .suffix-space{width:.5rem}spk-form-field .input-wrap:has([prefix]),spk-form-field .input-wrap:has([textPrefix]){padding:0 .75rem 0 0}spk-form-field .input-wrap:has([prefix]) .prefix,spk-form-field .input-wrap:has([textPrefix]) .prefix{display:flex}spk-form-field .input-wrap:has([prefix]) .prefix-space,spk-form-field .input-wrap:has([textPrefix]) .prefix-space{width:.5rem}spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field .helpers:has(.error:empty):has(.hint:empty){height:0;padding-top:0}spk-form-field .helpers:not(:has(.error:empty)) .hint{opacity:0;visibility:hidden}spk-form-field .helpers [hint]{color:var(--base-level-60R)}spk-form-field .helpers [hint][suffix]{justify-self:flex-end}spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-level-60R);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field .hint:empty{opacity:0}spk-form-field .error{color:var(--warn-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field .error:empty{opacity:0}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-3);height:calc(100vh - 2rem);box-shadow:var(--box-shadow-35)}spk-sidenav .closed-topbar{display:none;min-height:3.75rem;background-color:var(--base-level-10);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-level-40);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.simple.closed{--sidenav-width: 6.25rem}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem;box-shadow:none}spk-sidenav.overlay .sidenav{position:fixed;z-index:0}spk-sidenav.overlay .dragable{position:absolute;top:0;left:0;bottom:0;z-index:9999;width:50px;padding-right:30px;display:flex;align-items:center;justify-content:center;cursor:grab}spk-sidenav.overlay .dragable:active{cursor:grabbing}spk-sidenav.overlay .dragable:after{content:"";display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-level-40)}spk-sidenav.overlay .dropping-surface{position:fixed;inset:0;z-index:100000}spk-sidenav.overlay .main-wrap{z-index:1;padding:0;display:flex;height:100vh;position:relative;flex-direction:column;transform:translate(0);transition:transform .2s linear}spk-sidenav.overlay.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}spk-sidenav.overlay.is-dragging .main-wrap{transition:none}spk-sidenav.overlay.is-dragging>*{cursor:grabbing}spk-sidenav.overlay.is-dragging .dragable{cursor:grabbing}spk-sidenav.overlay.open .main-wrap{transform:translate(var(--sidenav-width))}spk-sidenav.overlay .closed-topbar{display:flex}spk-sidenav.overlay .closed-topbar:empty{display:none}spk-sidenav.overlay main{border:0;box-shadow:none;flex:1 0}spk-list{--list-s: var(--shape-2);--list-active-bg: var(--base-level-20);--list-active-bs: none;width:100%;padding:1.25rem 1rem;gap:.5rem;display:flex;flex-direction:column}spk-list.base-level-20{--list-active-bg: var(--base-level-10);--list-active-bs: var(--box-shadow-20)}spk-list [title]{color:var(--base-level-60R);margin:0 .75rem;font:var(--paragraph-30);line-height:1.25rem}spk-list [action],spk-list [item]{border-radius:var(--list-s);padding:.5rem .75rem;font:var(--paragraph-30);color:var(--base-level-60);display:flex;align-items:center;gap:.5rem;width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;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{background-color:var(--list-active-bg);box-shadow:var(--list-active-bs)}spk-list.primary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action].active spk-icon:first-child,spk-list.primary [action].selected spk-icon:first-child{color:var(--primary-500)}spk-list.accent [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action].active spk-icon:first-child,spk-list.accent [action].selected spk-icon:first-child{color:var(--accent-500)}spk-list.tertiary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [action].active spk-icon:first-child,spk-list.tertiary [action].selected spk-icon:first-child{color:var(--tertiary-500)}spk-list.warn [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action].active spk-icon:first-child,spk-list.warn [action].selected spk-icon:first-child{color:var(--warn-500)}spk-list.success [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action].active spk-icon:first-child,spk-list.success [action].selected spk-icon:first-child{color:var(--success-500)}spk-radio{--radio-bw: .0625rem;--radio-bg: var(--base-level-30);--radio-bc: var(--base-level-40);--radio-c: var(--base-level-60);--radiod-o: 0;--radiod-c: var(--base-level-60);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-radio>input[type=radio]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-radio>input[type=radio]:focus{outline:none}spk-radio:has(input[type=radio]:checked),spk-radio.active{--radiod-o: 1}spk-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%;border:var(--radio-bw) solid var(--radio-bc);background:var(--radio-bg);font-size:.75rem;color:var(--radio-c)}spk-radio .radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}spk-radio.primary{--radio-c: var(--primary-500);--radiod-c: var(--primary-500);--radio-bg: var(--primary-level-30);--radio-bc: var(--primary-level-40)}spk-radio.accent{--radio-c: var(--accent-500);--radiod-c: var(--accent-500);--radio-bg: var(--accent-level-30);--radio-bc: var(--accent-level-40)}spk-radio.tertiary{--radio-c: var(--tertiary-500);--radiod-c: var(--tertiary-500);--radio-bg: var(--tertiary-level-30);--radio-bc: var(--tertiary-level-40)}spk-radio.warn{--radio-c: var(--warn-500);--radiod-c: var(--warn-500);--radio-bg: var(--warn-level-30);--radio-bc: var(--warn-level-40)}spk-radio.success{--radio-c: var(--success-500);--radiod-c: var(--success-500);--radio-bg: var(--success-level-30);--radio-bc: var(--success-level-40)}spk-radio.outlined{--radio-bg: var(--base-level-10)}spk-radio.outlined.primary,spk-radio.outlined.accent,spk-radio.outlined.tertiary,spk-radio.outlined.warn,spk-radio.outlined.success{--radio-bc: var(--base-level-40)}spk-radio.flat,spk-radio.raised{--radio-c: #fff;--radio-bc: var(--base-level-40);--radio-bg: var(--base-level-30);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked),spk-radio.flat.active{--radio-bw: 0;--radio-bg: var(--grey-500);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked).primary,spk-radio.flat.active.primary{--radio-bg: var(--primary-500)}spk-radio.flat:has(input[type=radio]:checked).accent,spk-radio.flat.active.accent{--radio-bg: var(--accent-500)}spk-radio.flat:has(input[type=radio]:checked).tertiary,spk-radio.flat.active.tertiary{--radio-bg: var(--tertiary-500)}spk-radio.flat:has(input[type=radio]:checked).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-500)}spk-radio.flat:has(input[type=radio]:checked).success,spk-radio.flat.active.success{--radio-bg: var(--success-500)}spk-radio.raised:has(input[type=radio]:checked),spk-radio.raised.active{--radio-bw: 0;--radio-bg: var(--base-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).primary,spk-radio.raised.active.primary{--radio-bg: var(--primary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).accent,spk-radio.raised.active.accent{--radio-bg: var(--accent-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).tertiary,spk-radio.raised.active.tertiary{--radio-bg: var(--tertiary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).success,spk-radio.raised.active.success{--radio-bg: var(--success-gradient-20)}spk-button-group{--btng-bg: var(--base-level-10);--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bc: var(--base-level-40);--btng-h: 2.5rem;--btng-s: var(--shape-2);--btng-f: var(--paragraph-30);display:inline-flex;border:1px solid var(--btng-bc);border-radius:var(--btng-s);height:var(--btng-h);overflow:hidden}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;white-space:nowrap;background:var(--btng-bg);color:var(--btng-c);font:var(--btng-f);border-left:1px solid var(--btng-bc)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bg: var(--base-level-30)}spk-range-slider{--rs-h: 2.5rem;--rs-f: var(--paragraph-30);--rs-unit-g: .75rem;--rs-unit-c: var(--base-level-60);--rst: var(--base-level-30);--rst-bc: var(--base-level-10);--rst-bg: var(--base-level-60R);--rst-h: .5rem;--rst-s: var(--shape-1);--rs-thumb-c: var(--base-level-40);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--base-level-30);--rs-thumb-value-c: var(--base-level-30R);--rs-thumb-si: 1rem;display:flex;flex-direction:column;width:100%;font:var(--rs-f)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--rs-unit-g)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--rs-thumb-si) / 4);width:var(--rs-thumb-si);height:var(--rs-thumb-si);border-radius:50%;background-color:var(--rs-thumb-c);border:1px solid var(--rs-thumb-bc);box-shadow:var(--box-shadow-10)}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--rst-h)}spk-range-slider .track{position:relative;width:100%;height:var(--rst-h);border-radius:var(--rst-s);background-color:var(--rst);border:1px solid var(--rst-bc);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--rst-bg);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--rs-unit-c)}spk-range-slider input[type=range]:hover~.thumb-wrap .value-indicator,spk-range-slider input[type=range]:focus~.thumb-wrap .value-indicator{opacity:1}spk-range-slider .value-indicator{position:absolute;top:-1.875rem;height:1.5rem;border-radius:var(--shape-2);left:50%;margin:auto;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--rs-thumb-value-bg);color:var(--rs-thumb-value-c);white-space:nowrap;opacity:0;transition:opacity 125ms linear;-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider .value-indicator:after{content:"";border-top:.375rem solid var(--rs-thumb-value-bg);border-left:.375rem solid transparent;border-right:.375rem solid transparent;position:absolute;top:100%;left:50%;margin-left:-.375rem}spk-range-slider input[type=range][readonly]{-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider input[type=range][readonly]~.track .track-filled{transition:width 125ms linear;border-radius:var(--rst-s)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--rst-bg: var(--primary-500);--rst: var(--primary-level-40);--rs-thumb-c: var(--primary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--primary-level-50);--rs-thumb-value-c: var(--primary-level-50R)}spk-range-slider.accent{--rst-bg: var(--accent-500);--rst: var(--accent-level-40);--rs-thumb-c: var(--accent-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--accent-level-50);--rs-thumb-value-c: var(--accent-level-50R)}spk-range-slider.tertiary{--rst-bg: var(--tertiary-500);--rst: var(--tertiary-level-40);--rs-thumb-c: var(--tertiary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--tertiary-level-50);--rs-thumb-value-c: var(--tertiary-level-50R)}spk-range-slider.warn{--rst-bg: var(--warn-500);--rst: var(--warn-level-40);--rs-thumb-c: var(--warn-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--warn-level-50);--rs-thumb-value-c: var(--warn-level-50R)}spk-range-slider.success{--rst-bg: var(--success-500);--rst: var(--success-level-40);--rs-thumb-c: var(--success-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--success-level-50);--rs-thumb-value-c: var(--success-level-50R)}spk-range-slider.outlined{--rst: var(--base-level-10);--rst-bc: var(--base-level-40);--rs-thumb-c: var(--base-level-50);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.tertiary,spk-range-slider.outlined.warn,spk-range-slider.outlined.success{--rst: var(--base-level-10)}spk-range-slider.outlined.primary{--rs-thumb-c: var(--primary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.accent{--rs-thumb-c: var(--accent-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.tertiary{--rs-thumb-c: var(--tertiary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.warn{--rs-thumb-c: var(--warn-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.success{--rs-thumb-c: var(--success-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.flat{--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.tertiary,spk-range-slider.flat.warn,spk-range-slider.flat.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised{--rst-bg: var(--base-gradient-20);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.tertiary,spk-range-slider.raised.warn,spk-range-slider.raised.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary{--rst-bg: var(--primary-gradient-20)}spk-range-slider.raised.accent{--rst-bg: var(--accent-gradient-20)}spk-range-slider.raised.tertiary{--rst-bg: var(--tertiary-gradient-20)}spk-range-slider.raised.warn{--rst-bg: var(--warn-gradient-20)}spk-range-slider.raised.success{--rst-bg: var(--success-gradient-20)}spk-tooltip{--tt-bg: var(--base-level-30);--tt-c: var(--base-level-30R);--tt-d: inline-flex;display:var(--tt-d)}spk-tooltip .trigger{display:inherit}spk-tooltip.primary{--tt-bg: var(--primary-level-50);--tt-c: var(--primary-level-50R)}spk-tooltip.accent{--tt-bg: var(--accent-level-50);--tt-c: var(--accent-level-50R)}spk-tooltip.tertiary{--tt-bg: var(--tertiary-level-50);--tt-c: var(--tertiary-level-50R)}spk-tooltip.warn{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}spk-tooltip.success{--tt-bg: var(--success-level-50);--tt-c: var(--success-level-50R)}spk-tooltip.disabled .tooltip,spk-tooltip.disabled .tooltip:before{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}spk-tooltip .tooltip{position:relative;margin:0;z-index:0;transform:translate(-50%) scale(.2);color:transparent;padding:.5rem .75rem;background-color:var(--tt-bg);max-width:15rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);border:0;opacity:0;overflow:visible;transition:opacity 125ms linear,transform 125ms linear,color 75ms linear 50ms}spk-tooltip .tooltip:popover-open{opacity:1;transform:translate(-50%) scale(1);color:var(--tt-c)}spk-tooltip .tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.375rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;opacity:1}@supports (left: anchor(center)) and (top: anchor(bottom)){spk-tooltip .tooltip{left:anchor(center);bottom:anchor(top);margin-bottom:.625rem;top:auto}}[spk-tooltip],[tt-primary],[tt-accent],[tt-tertiary],[tt-warn],[tt-success]{--tt-bg: var(--base-level-30);--tt-c: var(--base-level-30R);position:relative}[spk-tooltip]:after,[tt-primary]:after,[tt-accent]:after,[tt-tertiary]:after,[tt-warn]:after,[tt-success]:after{content:attr(spk-tooltip);position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--tt-bg);color:var(--tt-c);max-width:12.5rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000}[spk-tooltip]:before,[tt-primary]:before,[tt-accent]:before,[tt-tertiary]:before,[tt-warn]:before,[tt-success]:before{content:"";position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%);border-width:.5rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;z-index:1000}[spk-tooltip]:hover:after,[spk-tooltip]:hover:before,[tt-primary]:hover:after,[tt-primary]:hover:before,[tt-accent]:hover:after,[tt-accent]:hover:before,[tt-tertiary]:hover:after,[tt-tertiary]:hover:before,[tt-warn]:hover:after,[tt-warn]:hover:before,[tt-success]:hover:after,[tt-success]:hover:before{opacity:1;visibility:visible}[tt-primary]{--tt-bg: var(--primary-level-50);--tt-c: var(--primary-level-50R)}[tt-primary]:after{content:attr(tt-primary)}[tt-accent]{--tt-bg: var(--accent-level-50);--tt-c: var(--accent-level-50R)}[tt-accent]:after{content:attr(tt-accent)}[tt-tertiary]{--tt-bg: var(--tertiary-level-50);--tt-c: var(--tertiary-level-50R)}[tt-tertiary]:after{content:attr(tt-tertiary)}[tt-warn]{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}[tt-warn]:after{content:attr(tt-warn)}[tt-success]{--tt-bg: var(--success-level-50);--tt-c: var(--success-level-50R)}[tt-success]:after{content:attr(tt-success)}[spk-tooltip][tt-left]:after,[tt-primary][tt-left]:after,[tt-accent][tt-left]:after,[tt-tertiary][tt-left]:after,[tt-warn][tt-left]:after,[tt-success][tt-left]:after{top:50%;left:auto;right:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][tt-left]:before,[tt-primary][tt-left]:before,[tt-accent][tt-left]:before,[tt-tertiary][tt-left]:before,[tt-warn][tt-left]:before,[tt-success][tt-left]:before{top:50%;left:auto;right:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--tt-bg)}[spk-tooltip][tt-right]:after,[tt-primary][tt-right]:after,[tt-accent][tt-right]:after,[tt-tertiary][tt-right]:after,[tt-warn][tt-right]:after,[tt-success][tt-right]:after{top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][tt-right]:before,[tt-primary][tt-right]:before,[tt-accent][tt-right]:before,[tt-tertiary][tt-right]:before,[tt-warn][tt-right]:before,[tt-success][tt-right]:before{top:50%;left:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--tt-bg)}[spk-tooltip][tt-bottom]:after,[tt-primary][tt-bottom]:after,[tt-accent][tt-bottom]:after,[tt-tertiary][tt-bottom]:after,[tt-warn][tt-bottom]:after,[tt-success][tt-bottom]:after{top:calc(100% + .75rem)}[spk-tooltip][tt-bottom]:before,[tt-primary][tt-bottom]:before,[tt-accent][tt-bottom]:before,[tt-tertiary][tt-bottom]:before,[tt-warn][tt-bottom]:before,[tt-success][tt-bottom]:before{top:calc(100% - .25rem);transform:translate(-50%);border-top-color:transparent;border-bottom-color:var(--tt-bg)}spk-multi-select,spk-select{--miw: p2r(210);display:flex}spk-multi-select spk-form-field,spk-select spk-form-field{display:flex;min-width:var(--miw)}spk-multi-select spk-popover,spk-select spk-popover{flex:1 0}spk-multi-select spk-popover:has(.sparkle-options:empty) .popover,spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-multi-select .overlay,spk-select .overlay{position:fixed;inset:0;opacity:0;z-index:1}spk-multi-select .deselect-indicator,spk-multi-select .select-open-indicator,spk-select .deselect-indicator,spk-select .select-open-indicator{cursor:pointer;height:1.25rem}spk-multi-select .deselect-indicator:not(:has([open-indicator])),spk-multi-select .select-open-indicator:not(:has([open-indicator])),spk-select .deselect-indicator:not(:has([open-indicator])),spk-select .select-open-indicator:not(:has([open-indicator])){transform:rotate(0);transition:transform 75ms linear;transform-origin:center}spk-multi-select .deselect-indicator:not(:has([open-indicator])).open,spk-multi-select .select-open-indicator:not(:has([open-indicator])).open,spk-select .deselect-indicator:not(:has([open-indicator])).open,spk-select .select-open-indicator:not(:has([open-indicator])).open{transform:rotate(540deg)}spk-multi-select .deselect-indicator>*,spk-multi-select .select-open-indicator>*,spk-select .deselect-indicator>*,spk-select .select-open-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .deselect-indicator>*+.default-indicator,spk-multi-select .select-open-indicator>*+.default-indicator,spk-select .deselect-indicator>*+.default-indicator,spk-select .select-open-indicator>*+.default-indicator{display:none}spk-multi-select .search-indicator>*,spk-select .search-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .search-indicator>*+.default-indicator,spk-select .search-indicator>*+.default-indicator{display:none}spk-multi-select .display-value,spk-select .display-value{display:flex;flex-wrap:wrap;gap:.25rem}spk-multi-select .display-value+input,spk-select .display-value+input{opacity:0;position:absolute;top:-200%;height:0;width:0}spk-multi-select .display-value spk-chip,spk-select .display-value spk-chip{cursor:pointer;-webkit-user-select:none;user-select:none}spk-multi-select .display-value spk-chip spk-icon,spk-select .display-value spk-chip spk-icon{color:inherit;font-size:1rem}spk-multi-select input,spk-select input{width:100%}spk-multi-select .sparkle-options,spk-select .sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;position:relative;z-index:2;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}spk-multi-select .sparkle-options [spk-title],spk-select .sparkle-options [spk-title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-multi-select .sparkle-options spk-option,spk-multi-select .sparkle-options option,spk-select .sparkle-options spk-option,spk-select .sparkle-options option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70);-webkit-user-select:none;user-select:none}spk-multi-select .sparkle-options spk-option spk-checkbox,spk-multi-select .sparkle-options option spk-checkbox,spk-select .sparkle-options spk-option spk-checkbox,spk-select .sparkle-options option spk-checkbox{margin-left:auto}spk-multi-select .sparkle-options spk-option[disabled],spk-multi-select .sparkle-options option[disabled],spk-select .sparkle-options spk-option[disabled],spk-select .sparkle-options option[disabled]{opacity:.3;cursor:initial}spk-multi-select .sparkle-options spk-option[disabled]:hover,spk-multi-select .sparkle-options option[disabled]:hover,spk-select .sparkle-options spk-option[disabled]:hover,spk-select .sparkle-options option[disabled]:hover{background-color:transparent}spk-multi-select .sparkle-options spk-option spk-icon,spk-multi-select .sparkle-options option spk-icon,spk-select .sparkle-options spk-option spk-icon,spk-select .sparkle-options option spk-icon{font-size:1rem}spk-multi-select .sparkle-options spk-option.active,spk-multi-select .sparkle-options spk-option:checked,spk-multi-select .sparkle-options spk-option:hover,spk-multi-select .sparkle-options option.active,spk-multi-select .sparkle-options option:checked,spk-multi-select .sparkle-options option:hover,spk-select .sparkle-options spk-option.active,spk-select .sparkle-options spk-option:checked,spk-select .sparkle-options spk-option:hover,spk-select .sparkle-options option.active,spk-select .sparkle-options option:checked,spk-select .sparkle-options option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-multi-select .sparkle-options spk-option.focused,spk-multi-select .sparkle-options option.focused,spk-select .sparkle-options spk-option.focused,spk-select .sparkle-options option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-multi-select .sparkle-options spk-option.focused:hover,spk-multi-select .sparkle-options option.focused:hover,spk-select .sparkle-options spk-option.focused:hover,spk-select .sparkle-options option.focused:hover{background-color:var(--primary-level-30)}spk-card{--card-bg: var(--base-level-10);--card-ibg: var(--base-level-20);--card-bc: var(--base-level-40);--card-sh: var(--box-shadow-10);--card-p: 1.5rem;--card-shp: .5rem;display:block;padding:var(--card-p);position:relative;z-index:0}spk-card:before,spk-card:after{content:"";position:absolute}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);inset:0;z-index:-2}spk-card:after{background-color:var(--card-ibg);border-radius:var(--shape-2);inset:var(--card-shp);z-index:-1}spk-stepper{display:flex;flex-wrap:nowrap;width:100%;position:relative;overflow:hidden}spk-stepper [step]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;color:var(--base-level-60R);cursor:pointer;-webkit-user-select:none;user-select:none}spk-stepper [step]:first-child{align-items:flex-start;flex:1 0}spk-stepper [step]:last-child{align-items:flex-end;flex:1 0}spk-stepper [step]:not(.active) spk-radio{z-index:10}spk-stepper [step]:has(~[step].active) spk-radio{--radiod-o: 1}spk-stepper [step]:has(~[step].active) spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step] spk-radio .radio{--radiod-c: var(--base-level-10);width:1rem;height:1rem}spk-stepper [step].active{color:var(--primary-500);outline:none}spk-stepper [step].active spk-radio{z-index:0;--radiod-o: 1}spk-stepper [step].active spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step].active spk-radio:before{content:"";position:absolute;top:.375rem;left:-9999px;z-index:-1;right:0;height:.25rem;background-color:var(--primary-500)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-level-30)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2}[spkSortable] .sortable-placeholder{position:absolute;top:0;z-index:1}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-toggle-card.active .content{max-height:1000px;transition:max-height 1s linear;padding:0 1rem 1rem}spk-toggle-card.active spk-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon{transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;overflow:hidden;max-height:0;transition:max-height .25s linear,padding .25s linear}spk-table{--table-bc: var(--base-level-40);--table-tr-bg: var(--base-level-10);--table-th-bg: var(--base-level-10);--table-th-c: var(--base-level-60R);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-level-60);--table-td-f: var(--paragraph-30);--table-columns: 1fr 1fr 1fr max-content;width:100%;display:grid;grid-template-columns:var(--table-columns);position:relative}spk-table thead{position:relative}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%)}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table tr{background:var(--table-tr-bg)}spk-table th{display:flex;align-items:center;padding:0 0 0 1.25rem;height:3rem;font:var(--table-th-f);line-height:1em;white-space:nowrap;color:var(--table-th-c);border:0;background:var(--table-th-bg)}spk-table th:last-child{padding:0 1.25rem}spk-table td{display:flex;align-items:center;padding:1rem 1.25rem;height:4.875rem;gap:.5rem;white-space:nowrap;color:var(--table-td-c);font:var(--table-td-f);border-top:1px solid var(--table-bc);border-bottom:0}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-tabs{--tabs-bc: var(--base-level-40);--tabs-bg: var(--base-level-10);--tabs-c: var(--base-level-70);--tabs-c-hover: var(--base-level-60);--tabs-c-active: var(--base-level-70);--tabs-f: var(--paragraph-30);--tabs-sel-bg: var(--base-level-70);display:flex;gap:1rem;border-bottom:1px solid var(--base-level-40)}spk-tabs [tab]{display:flex;align-items:center;gap:.5rem;height:3rem;font:var(--tabs-f);background:var(--tabs-bg);border-radius:0;appearance:none;border:0;color:var(--tabs-c);cursor:pointer;position:relative}spk-tabs [tab]:focus{outline:none}spk-tabs [tab]:hover{color:var(--tabs-c-hover)}spk-tabs [tab].active{color:var(--tabs-c-active)}spk-tabs [tab].active:after{display:block}spk-tabs [tab]:after{content:"";display:none;width:100%;height:2px;background:var(--tabs-sel-bg);position:absolute;left:0;bottom:0}spk-tabs.primary{--tabs-sel-bg: var(--primary-500);--tabs-c-active: var(--primary-500)}spk-tabs.accent{--tabs-sel-bg: var(--accent-500);--tabs-c-active: var(--accent-500)}spk-tabs.tertiary{--tabs-sel-bg: var(--tertiary-500);--tabs-c-active: var(--tertiary-500)}spk-tabs.warn{--tabs-sel-bg: var(--warn-500);--tabs-c-active: var(--warn-500)}spk-tabs.success{--tabs-sel-bg: var(--success-500);--tabs-c-active: var(--success-500)}spk-file-upload{display:flex;flex-direction:column;gap:.75rem}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}.sparkle-popup-menu{min-width:initial}.sparkle-popup-menu.right button{justify-content:flex-end}.markdown-output h1{margin:2.5rem 0 1.5rem}.markdown-output h2{margin:0 0 1.25rem}.markdown-output h3{margin:0 0 1rem}.markdown-output h4,.markdown-output h5,.markdown-output h6,.markdown-output p{margin:0 0 .75rem}.markdown-output code{padding:.25rem .5rem;border-radius:var(--shape-2);background-color:var(--base-level-60);color:var(--base-level-10);display:inline-block;font-size:85%}.markdown-output h1 code{padding:0;text-decoration:underline;background-color:transparent;color:var(--base-level-70);font-size:100%}ol.line-numbers-ol{list-style:none;counter-reset:my-counter}ol.line-numbers-ol li{counter-increment:my-counter;padding-left:.25rem}ol.line-numbers-ol li::marker{content:counter(my-counter) " "}