@duplicati/ngclient 0.0.140 → 0.0.142

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 (165) hide show
  1. package/assets/backgrounds/base-bg.svg +1 -1
  2. package/assets/duplicati-logo.svg +1 -1
  3. package/assets/sh-bold.woff2 +0 -0
  4. package/assets/sh.woff2 +0 -0
  5. package/assets/ship.css +81 -0
  6. package/assets/spk.woff2 +0 -0
  7. package/chunk-2G6UXMJB.js +1 -0
  8. package/chunk-2RB5RKNM.js +1 -0
  9. package/chunk-3BODZQHK.js +1 -0
  10. package/chunk-3L3SGYRX.js +1 -0
  11. package/{chunk-7QJG4IIT.js → chunk-47WDRGVN.js} +1 -1
  12. package/chunk-4URGDROZ.js +1 -0
  13. package/chunk-4YL5DZVH.js +1 -0
  14. package/chunk-5DO6JZVF.js +1 -0
  15. package/chunk-5OIM6PRU.js +1 -0
  16. package/chunk-5SH42EY6.js +1 -0
  17. package/chunk-5SPGCYAQ.js +1 -0
  18. package/chunk-65QCOV7I.js +2 -0
  19. package/{chunk-B6OIHB5W.js → chunk-73RDJP55.js} +1 -1
  20. package/chunk-7765XHNC.js +8 -0
  21. package/{chunk-ELFZD53L.js → chunk-7AMBMWZP.js} +1 -1
  22. package/chunk-7WD3AN66.js +1 -0
  23. package/chunk-ACH476VA.js +1 -0
  24. package/chunk-ATYS35R4.js +1 -0
  25. package/{chunk-UZK7ABRM.js → chunk-B5FUQFEQ.js} +1 -1
  26. package/chunk-BMYQZKPC.js +2 -0
  27. package/chunk-BVEALUGN.js +1 -0
  28. package/chunk-C32RWSXV.js +1 -0
  29. package/chunk-CNUHBPET.js +2 -0
  30. package/{chunk-WXARH2SG.js → chunk-CWBEE627.js} +1 -1
  31. package/chunk-CZLLEVMJ.js +1 -0
  32. package/chunk-DUKSWBLV.js +1 -0
  33. package/chunk-E6UP7FUD.js +1 -0
  34. package/chunk-EDW3WHAP.js +1 -0
  35. package/chunk-ERIXY2FW.js +3 -0
  36. package/chunk-FPPZ4BUR.js +1 -0
  37. package/chunk-GFSWKDRL.js +1 -0
  38. package/chunk-GUH5TMOS.js +1 -0
  39. package/chunk-GXARFIQG.js +1 -0
  40. package/chunk-HBKQWKW7.js +1 -0
  41. package/{chunk-AM7RYTIO.js → chunk-IHNX6WZQ.js} +1 -1
  42. package/chunk-JA5QSJM3.js +1 -0
  43. package/{chunk-ULLALJQ2.js → chunk-JB75BUPF.js} +1 -1
  44. package/chunk-JF4IGUR6.js +1 -0
  45. package/{chunk-2W6BEUGU.js → chunk-L2EO4M4B.js} +1 -1
  46. package/chunk-LAUG2PZW.js +1 -0
  47. package/chunk-LIJJPCCP.js +1 -0
  48. package/{chunk-AH5TLYN4.js → chunk-LT2T7TXS.js} +1 -1
  49. package/{chunk-V5YSQG4X.js → chunk-LZUM5XKC.js} +1 -1
  50. package/chunk-O2RJYKE4.js +1 -0
  51. package/chunk-OAW2NFZX.js +1 -0
  52. package/chunk-OBJPWKDY.js +1 -0
  53. package/chunk-OICFVPYU.js +1 -0
  54. package/chunk-OWAZS6AA.js +1 -0
  55. package/chunk-P2DII6CV.js +1 -0
  56. package/{chunk-DBD6FOQL.js → chunk-PEWNHZLZ.js} +2 -2
  57. package/chunk-PHIECUWX.js +1 -0
  58. package/chunk-PJBVFTZK.js +1 -0
  59. package/chunk-PMZGBC4U.js +1 -0
  60. package/chunk-PWV3UKIW.js +1 -0
  61. package/{chunk-DG7SFNGT.js → chunk-QC2NBFUR.js} +1 -1
  62. package/chunk-QD2VHHZY.js +1 -0
  63. package/chunk-QDFCX6XE.js +4 -0
  64. package/chunk-QFU6VJXV.js +1 -0
  65. package/chunk-QGFC5ZUR.js +1 -0
  66. package/chunk-QIQH4ASK.js +2 -0
  67. package/chunk-QM6X5ZEC.js +2 -0
  68. package/chunk-R3OYJX7V.js +1 -0
  69. package/chunk-SWLG7DS7.js +1 -0
  70. package/chunk-TAPLSJ2K.js +1 -0
  71. package/chunk-UACX27D3.js +1 -0
  72. package/chunk-UBFQDZB5.js +1 -0
  73. package/chunk-UCZV35IF.js +1 -0
  74. package/{chunk-NSIELNIY.js → chunk-USU2EHJV.js} +1 -1
  75. package/chunk-UV3WAAEX.js +3 -0
  76. package/chunk-V7UTQSCX.js +1 -0
  77. package/chunk-VC6TE2B6.js +1 -0
  78. package/{chunk-B26UYXA3.js → chunk-VC72SWC4.js} +1 -1
  79. package/chunk-VMNRHHVY.js +1 -0
  80. package/chunk-WEAHBXR2.js +1 -0
  81. package/chunk-WJPLJKPQ.js +1 -0
  82. package/chunk-WRNQOX5R.js +1 -0
  83. package/{chunk-32366MQR.js → chunk-X5ISYEI2.js} +1 -1
  84. package/chunk-X6QMUQPK.js +1 -0
  85. package/chunk-YCTTQQ6B.js +1 -0
  86. package/chunk-YIV6PKM7.js +1 -0
  87. package/chunk-Z2U5JI53.js +1 -0
  88. package/chunk-ZGU7OKMF.js +1 -0
  89. package/chunk-ZTHT3VVI.js +1 -0
  90. package/index.html +4 -4
  91. package/main-TVE62AWE.js +1 -0
  92. package/package.json +1 -1
  93. package/styles-EZGVWHZF.css +1 -0
  94. package/chunk-23ODVSFI.js +0 -1
  95. package/chunk-2BX65XJQ.js +0 -1
  96. package/chunk-2D26BDYB.js +0 -1
  97. package/chunk-2G6TVFPZ.js +0 -1
  98. package/chunk-2ULYPLGO.js +0 -1
  99. package/chunk-3JKXOOME.js +0 -1
  100. package/chunk-3WCZIRMO.js +0 -1
  101. package/chunk-3ZVSHKLD.js +0 -1
  102. package/chunk-52KRFMSD.js +0 -1
  103. package/chunk-64ZU74CD.js +0 -1
  104. package/chunk-6DSLFJ4T.js +0 -1
  105. package/chunk-6JQM2X3B.js +0 -1
  106. package/chunk-74BJ4GVA.js +0 -1
  107. package/chunk-AC7QC7PU.js +0 -1
  108. package/chunk-AFLQOHXV.js +0 -1
  109. package/chunk-BCHZRC5K.js +0 -1
  110. package/chunk-BTMXQPBB.js +0 -7
  111. package/chunk-C26ZMSTR.js +0 -1
  112. package/chunk-CCA5ZCEA.js +0 -1
  113. package/chunk-CDXBWYCI.js +0 -8
  114. package/chunk-CWLTHXVS.js +0 -1
  115. package/chunk-DNJOKPEL.js +0 -2
  116. package/chunk-E4GCCYDQ.js +0 -1
  117. package/chunk-EKP3ML6M.js +0 -1
  118. package/chunk-EQAVG2TR.js +0 -1
  119. package/chunk-FJ62TYXT.js +0 -1
  120. package/chunk-H2PTENA3.js +0 -1
  121. package/chunk-HLYFP2CB.js +0 -1
  122. package/chunk-IBG5YOFG.js +0 -1
  123. package/chunk-IZXB2EWT.js +0 -1
  124. package/chunk-J6BHRR34.js +0 -1
  125. package/chunk-JFOXV66M.js +0 -1
  126. package/chunk-JI7GCFQB.js +0 -1
  127. package/chunk-JOUBVX7V.js +0 -1
  128. package/chunk-JPMOGXHN.js +0 -1
  129. package/chunk-KSQIUDEA.js +0 -1
  130. package/chunk-LDIZ5E5Z.js +0 -1
  131. package/chunk-MMPTX6PS.js +0 -1
  132. package/chunk-MQI6JU7H.js +0 -1
  133. package/chunk-N57J64DN.js +0 -3
  134. package/chunk-N7RSCHJF.js +0 -3
  135. package/chunk-NHAGSIVX.js +0 -1
  136. package/chunk-NS4PAVKI.js +0 -1
  137. package/chunk-NZ2KKCDC.js +0 -1
  138. package/chunk-PZA4FRVJ.js +0 -1
  139. package/chunk-PZCO6IX3.js +0 -1
  140. package/chunk-Q6W2U6VI.js +0 -2
  141. package/chunk-QBJGIKPM.js +0 -1
  142. package/chunk-QIG4NNIP.js +0 -1
  143. package/chunk-QRRKPBY6.js +0 -1
  144. package/chunk-QU24HTBS.js +0 -2
  145. package/chunk-QUB4JNM7.js +0 -1
  146. package/chunk-QVEGV6V6.js +0 -1
  147. package/chunk-RCKA5DTC.js +0 -1
  148. package/chunk-UXWT75NG.js +0 -1
  149. package/chunk-V77N2OUE.js +0 -1
  150. package/chunk-WIDMAJIO.js +0 -1
  151. package/chunk-WPGKMLVU.js +0 -1
  152. package/chunk-WRWIBPXL.js +0 -2
  153. package/chunk-WZNH4JPF.js +0 -1
  154. package/chunk-WZRDKVOR.js +0 -1
  155. package/chunk-X7SFNRJF.js +0 -1
  156. package/chunk-XBJRRUMO.js +0 -2
  157. package/chunk-XIOHRQ3X.js +0 -1
  158. package/chunk-Y2PKBSNM.js +0 -1
  159. package/chunk-Y5IRBMLB.js +0 -1
  160. package/chunk-ZAFFTZSE.js +0 -1
  161. package/chunk-ZI2XNFAW.js +0 -1
  162. package/main-3QA34PNU.js +0 -1
  163. package/styles-IH5IS4WG.css +0 -1
  164. /package/{polyfills-COBLRUJG.js → polyfills-DNO7R5SL.js} +0 -0
  165. /package/{sparkle-ui-assets → ship-ui-assets}/fonts/InterTight-VariableFont_wght.woff2 +0 -0
package/main-3QA34PNU.js DELETED
@@ -1 +0,0 @@
1
- import{b as be,c as Ce}from"./chunk-V5YSQG4X.js";import{a as he}from"./chunk-QRRKPBY6.js";import{a as I}from"./chunk-WZRDKVOR.js";import"./chunk-ULLALJQ2.js";import"./chunk-J6BHRR34.js";import"./chunk-2BX65XJQ.js";import{a as P}from"./chunk-RHW5QVAY.js";import{a as L}from"./chunk-6JQM2X3B.js";import{a as de}from"./chunk-WXARH2SG.js";import"./chunk-7QJG4IIT.js";import{a as b,b as C,c as ue,d as E}from"./chunk-3ZVSHKLD.js";import{c as ie,d as ae,g as pe,h as ce}from"./chunk-2W6BEUGU.js";import{a as ee}from"./chunk-JFOXV66M.js";import{c as le}from"./chunk-Y5IRBMLB.js";import{a as te,b as oe,d as ne,e as re,f as se,i as me}from"./chunk-DNJOKPEL.js";import{a as ge}from"./chunk-UZK7ABRM.js";import{la as Y,qa as Z}from"./chunk-CWLTHXVS.js";import"./chunk-WIDMAJIO.js";import{a as ye}from"./chunk-AM7RYTIO.js";import{b as fe}from"./chunk-B6OIHB5W.js";import{A as x,Ab as z,B as G,Cc as q,Dc as X,H as w,Ic as Q,N as J,P as R,R as B,U as k,X as $,Z as s,ab as _,f as j,ha as K,i as D,n as F,na as d,o as U,r as S}from"./chunk-BTMXQPBB.js";import"./chunk-EUDKD2JW.js";var M=class e{#o=s(b);#s=s(C);ngOnInit(){this.#s.fetchConfig(),this.#o.clearAllNotCurrentVersion()}static \u0275fac=function(o){return new(o||e)};static \u0275cmp=_({type:e,selectors:[["app-root"]],decls:1,vars:0,template:function(o,n){o&1&&z(0,"router-outlet")},dependencies:[ie],encapsulation:2})};var Se={production:!0,baseUrl:"/api",machineServerUrl:"${WS_URL}",defaultTimeout:3e4};var h=new $("ENVIRONMENT");var A=class e{#o=s(me);isLoaded=d(!1);webmodules=d(null);preload(t=!1){let o=this.#o.getApiV1Webmodules().pipe(B(n=>this.webmodules.set(n)),w(()=>this.isLoaded.set(!0)));if(t)return o;o.subscribe()}static \u0275fac=function(o){return new(o||e)};static \u0275prov=k({token:e,factory:e.\u0275fac,providedIn:"root"})};var Me=()=>{let e=s(E);return e.token()?!0:e.checkProxyAuthed().pipe(R(t=>t?F(!0):e.refreshToken().pipe(S(()=>!0))))},Ae=()=>{let e=s(C),t=s(I),o=s(K),n=e.relayIsEnabled()?"longpoll":"websocket",i=[o.get(L).preload(!0),o.get(L).preloadFilterGroups(!0),o.get(A).preload(!0)];return e.configLoaded===null?x(i).pipe(S(()=>n)):e.configLoaded?.pipe(R(()=>x(i)))},Re=[{path:"",children:[{path:"login",canActivate:[],loadComponent:()=>import("./chunk-V77N2OUE.js")},{path:"logout",loadComponent:()=>import("./chunk-ZI2XNFAW.js")},{path:"",canActivate:[Me],children:[{path:"",canActivate:[Ae],loadComponent:()=>import("./chunk-E4GCCYDQ.js"),children:[{path:"",loadComponent:()=>import("./chunk-WPGKMLVU.js")},{path:"add-backup",loadComponent:()=>import("./chunk-NHAGSIVX.js")},{path:"backup/:id/export",loadComponent:()=>import("./chunk-IZXB2EWT.js")},{path:"backup/import",loadComponent:()=>import("./chunk-64ZU74CD.js")},{path:"backup-draft/:id",loadComponent:()=>import("./chunk-C26ZMSTR.js"),loadChildren:()=>import("./chunk-EQAVG2TR.js")},{path:"backup/:id",loadComponent:()=>import("./chunk-C26ZMSTR.js"),loadChildren:()=>import("./chunk-EQAVG2TR.js")},{path:"backup/:id/log",loadComponent:()=>import("./chunk-KSQIUDEA.js")},{path:"backup/:id/database",loadComponent:()=>import("./chunk-H2PTENA3.js")},{path:"backup/:id/commandline",loadComponent:()=>import("./chunk-N7RSCHJF.js")},{path:"backup/:id/commandline/:runId",loadComponent:()=>import("./chunk-6DSLFJ4T.js")},{path:"backup/:id/delete",loadComponent:()=>import("./chunk-NZ2KKCDC.js")},{path:"restore",children:[{path:"",loadComponent:()=>import("./chunk-2D26BDYB.js")},{path:"from-config",loadComponent:()=>import("./chunk-QBJGIKPM.js")}]},{path:"restore-from-files",loadComponent:()=>import("./chunk-UXWT75NG.js"),loadChildren:()=>import("./chunk-QUB4JNM7.js")},{path:"restore-draft/:id",loadComponent:()=>import("./chunk-UXWT75NG.js"),loadChildren:()=>import("./chunk-QUB4JNM7.js")},{path:"restore/:id",loadComponent:()=>import("./chunk-UXWT75NG.js"),loadChildren:()=>import("./chunk-QUB4JNM7.js")},{path:"settings",loadComponent:()=>import("./chunk-RCKA5DTC.js")},{path:"about",loadComponent:()=>import("./chunk-CCA5ZCEA.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-MMPTX6PS.js")},{path:"changelog",loadComponent:()=>import("./chunk-DBD6FOQL.js")},{path:"libraries",loadComponent:()=>import("./chunk-XBJRRUMO.js")},{path:"system-info",loadComponent:()=>import("./chunk-QVEGV6V6.js")},{path:"server-settings",loadComponent:()=>import("./chunk-EKP3ML6M.js")},{path:"logs",loadChildren:()=>import("./chunk-IBG5YOFG.js")},{path:"crashlogs",loadComponent:()=>import("./chunk-WRWIBPXL.js")}]}]}]}]}];var V=null,Te=(e,t)=>{let o=s(E),n=s(ae),i=s(b),l=s(h),r=i.getItem("locale"),u=s(le),a=be(r),p=e.url==="/api/v1/auth/login",m=e.url==="/api/v1/auth/refresh",v=e.url==="/api/v1/progressstate",g=e.url==="/api/v1/remoteoperation/test",y=e.url==="/api/v1/filesystem/validate",T=e.url.startsWith("/api/v2/"),N=o.token(),H=e,W=e.headers.has("custom-proxy-check")||N===ue;if(N&&e.url.startsWith(l.baseUrl)&&!W){let c=e.headers.set("Authorization",`Bearer ${N}`);r&&r!=="en-US"&&(c=c.set("X-Ui-Language",a)),H=e.clone({headers:c})}return t(H).pipe(S(c=>{if(c.type===4&&c.status===200&&T){let f=c.body;if(f?.Success===!1)throw{status:200,message:f?.Error??"Unknown error",error:{Error:f?.Error??"Unknown error"},body:f}}return c}),G(c=>{let f=c.error?.Error||`Error Code: ${c.status}, Message: ${c.message}`;return!W&&(v&&c.status===404||g||y||u.error(f),m&&c.status===401&&(o.logout(),n.navigate(["/logout"])),!p&&!m&&c.status===401)?(o.clearSessionToken(),V??=o.refreshToken().pipe(J()),V.pipe(R(()=>t(e.clone({headers:e.headers.set("Authorization",`Bearer ${o.token()}`)}))),w(()=>V=null))):U(()=>({error:c,message:f}))}))};var Oe="1.0.0",we=`portal-proxy-client-${P()}`,Ne=1,O=class e{#o=1e3;#s=s(h);#t=d("disconnected");#l=d(this.#o);#i=d(!1);#n=d(!1);#a=d(null);isConnectedToMachineServer=this.#n.asReadonly();wsState=this.#t.asReadonly();#p=[];#r={};#e=null;#m=new TextDecoder("utf-8");#c=null;#d=Q(()=>{let t=this.#i(),o=this.#l(),n=this.#a();if(!n||!t||!o||o<this.#o){this.#c&&window.clearInterval(this.#c);return}this.#c=window.setInterval(()=>{this.connectToMachineServer(n)},o)});utf8Atob(t){let o=Uint8Array.from(atob(t),i=>i.charCodeAt(0)),n=this.#m.decode(o);return n?JSON.parse(n):null}connectToMachineServer(t,o){let n=o?.reconnect??!1,i=this.wsState();(i==="disconnected"||i==="error"||n)&&(this.#e?.close(),this.#e=null),!this.#e&&(this.#e=new WebSocket(this.#s.machineServerUrl),this.#t.set("connecting"),this.#e.onopen=()=>{this.#t.set("connect"),this.#n.set(!0),this.#i.set(!1),this.#a.set(null)},this.#e.onclose=()=>{this.#t.set("disconnected"),this.#n.set(!1),this.#a.set(t),this.#i.set(!0)},this.#e.onerror=()=>{this.#t.set("error")},this.#e.onmessage=l=>{let r=JSON.parse(l.data);if(this.wsState()==="connect"){if(r.type!=="welcome"){this.disconnectFromMachineServer(`Unexpected message type, expected 'welcome' but got '${r.type}'`);return}let a={token:t,publicKey:"",clientVersion:Oe,protocolVersion:Ne},p=this.createResponse(r,"authportal",a);this.#t.set("welcome"),this.#e?.send(p)}else if(this.wsState()==="welcome"){if(r.type!=="authportal"){this.disconnectFromMachineServer(`Unexpected message type, expected 'authportal' but got '${r.type}'`);return}var u=JSON.parse(r.payload??"");if(u.accepted===!1){this.disconnectFromMachineServer("Authentication failed");return}for(this.#t.set("authenticated"),this.#n.set(!0);this.#p.length>0;){let a=this.#p.pop();a&&this.#r[a.messageId]&&this.activateCommand(a)}}else if(this.wsState()==="authenticated"){if(r.type!=="command"){console.warn(`Unexpected message type, expected 'command' but got '${r.type}'`);return}let a=this.#r[r.messageId];if(a){if(r.errorMessage){a.reject(r.errorMessage);return}else{let p=JSON.parse(r.payload??"");p.body=p?.body==null?null:this.utf8Atob(p.body),a.resolve(p)}delete this.#r[r.messageId],window.clearTimeout(a.timer)}}})}disconnectFromMachineServer(t=null){t&&console.error(t),this.#e?.close(),this.#e=null,this.#t.set("disconnected"),this.#n.set(!1)}createResponse(t,o,n){let i={from:we,to:t.from,type:o,messageId:t.messageId,payload:JSON.stringify(n)};return JSON.stringify(i)}sendCommand(t,o,n,i,l,r,u=5e3){return(this.wsState()==="disconnected"||this.wsState()==="error")&&this.connectToMachineServer(t),new Promise((a,p)=>{let m=P(),g={from:we,to:o,type:"command",messageId:m,payload:JSON.stringify({method:n,path:i,body:l,headers:r})},y={resolve:a,reject:p,timer:window.setTimeout(()=>{let T=this.#r[m];T&&(delete this.#r[m],T.reject("Timeout"))},u)};this.#r[m]=y,this.#n()?this.activateCommand(g):this.#p.push(g)})}activateCommand(t){this.#e?.send(JSON.stringify(t))}static \u0275fac=function(o){return new(o||e)};static \u0275prov=k({token:e,factory:e.\u0275fac,providedIn:"root"})};function xe(e){if(typeof e!="string")return null;let o=new TextEncoder().encode(e);return window.btoa(String.fromCharCode(...o))}function ke(e,t,o){let n=e.relayconfigState.config();if(n===null)return o(t);let i=xe(t.body),l={};t.headers.keys().forEach(p=>{l[p]=t.headers.get(p)??""});let r=t.headers.get("timeout"),u=r!==null?parseInt(r):e.defaultTimeout;t.url.startsWith("/api/v1/serverstate")&&t.url.includes("longpoll=true")&&(u=1e3*99);let a=e.relayWebsocket.sendCommand(n.accessToken,n.clientId,t.method,t.url,i,l,u);return new j(p=>{a.then(m=>{let v=new te;l!=null&&Object.keys(l).forEach(y=>{v.set(y,l[y])});let g=new oe({body:m.body,status:m.code,statusText:"OK",headers:v});p.next(g),p.complete()})})}var Ee=(e,t)=>{let o={relayconfigState:s(C),defaultTimeout:s(h).defaultTimeout,relayWebsocket:s(O)},n=o.relayconfigState.config();if(o.relayconfigState.configLoaded!==null&&n===null){let i=new D;return o.relayconfigState.configLoaded.subscribe(l=>{l&&ke(o,e,t).subscribe(i)}),i}return ke(o,e,t)};var Ie={providers:[q(),pe(Re,ce()),ne(se(),re([Ee,Te])),b,{provide:h,useValue:Se},{provide:X,useValue:Ce()},he,I,fe,Z,de,Y,ge,ye]};ee(M,Ie);
@@ -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-1: var(--sparkle-light, hsl(217, 91%, 95%)) var(--sparkle-dark, hsl(217, 91%, 9.5%));--primary-2: var(--sparkle-light, hsl(217, 91%, 90%)) var(--sparkle-dark, hsl(217, 91%, 15%));--primary-3: var(--sparkle-light, hsl(217, 91%, 85%)) var(--sparkle-dark, hsl(217, 91%, 22.5%));--primary-4: var(--sparkle-light, hsl(217, 91%, 80%)) var(--sparkle-dark, hsl(217, 91%, 30%));--primary-5: var(--sparkle-light, hsl(217, 91%, 75%)) var(--sparkle-dark, hsl(217, 91%, 37.5%));--primary-6: var(--sparkle-light, hsl(217, 91%, 70%)) var(--sparkle-dark, hsl(217, 91%, 45%));--primary-7: var(--sparkle-light, hsl(217, 91%, 65%)) var(--sparkle-dark, hsl(217, 91%, 52.5%));--primary-8: var(--sparkle-light, hsl(217, 91%, 60%)) var(--sparkle-dark, hsl(217, 91%, 60%));--primary-9: var(--sparkle-light, hsl(217, 91%, 46.5%)) var(--sparkle-dark, hsl(217, 91%, 70%));--primary-10: var(--sparkle-light, hsl(217, 91%, 33%)) var(--sparkle-dark, hsl(217, 91%, 80%));--primary-11: var(--sparkle-light, hsl(217, 91%, 19.5%)) var(--sparkle-dark, hsl(217, 91%, 90%));--primary-12: var(--sparkle-light, hsl(217, 91%, 6%)) var(--sparkle-dark, hsl(217, 91%, 100%));--primary-g2: linear-gradient(180deg, hsl(217, 91%, 70%) 0%, hsl(217, 91%, 60%) 50%);--primary-g3: linear-gradient(180deg, hsl(217, 91%, 80%) 0%, hsl(217, 91%, 60%) 50%);--accent-1: var(--sparkle-light, hsl(258, 90%, 95.75%)) var(--sparkle-dark, hsl(258, 90%, 9.25%));--accent-2: var(--sparkle-light, hsl(258, 90%, 91.5%)) var(--sparkle-dark, hsl(258, 90%, 16.5%));--accent-3: var(--sparkle-light, hsl(258, 90%, 87.25%)) var(--sparkle-dark, hsl(258, 90%, 24.75%));--accent-4: var(--sparkle-light, hsl(258, 90%, 83%)) var(--sparkle-dark, hsl(258, 90%, 33%));--accent-5: var(--sparkle-light, hsl(258, 90%, 78.75%)) var(--sparkle-dark, hsl(258, 90%, 41.25%));--accent-6: var(--sparkle-light, hsl(258, 90%, 74.5%)) var(--sparkle-dark, hsl(258, 90%, 49.5%));--accent-7: var(--sparkle-light, hsl(258, 90%, 70.25%)) var(--sparkle-dark, hsl(258, 90%, 57.75%));--accent-8: var(--sparkle-light, hsl(258, 90%, 66%)) var(--sparkle-dark, hsl(258, 90%, 66%));--accent-9: var(--sparkle-light, hsl(258, 90%, 51.15%)) var(--sparkle-dark, hsl(258, 90%, 74.5%));--accent-10: var(--sparkle-light, hsl(258, 90%, 36.3%)) var(--sparkle-dark, hsl(258, 90%, 83%));--accent-11: var(--sparkle-light, hsl(258, 90%, 21.45%)) var(--sparkle-dark, hsl(258, 90%, 91.5%));--accent-12: var(--sparkle-light, hsl(258, 90%, 6.6%)) var(--sparkle-dark, hsl(258, 90%, 100%));--accent-g2: linear-gradient(180deg, hsl(258, 90%, 74.5%) 0%, hsl(258, 90%, 66%) 50%);--accent-g3: linear-gradient(180deg, hsl(258, 90%, 83%) 0%, hsl(258, 90%, 66%) 50%);--warn-1: var(--sparkle-light, hsl(37, 92%, 93.75%)) var(--sparkle-dark, hsl(37, 92%, 9.25%));--warn-2: var(--sparkle-light, hsl(37, 92%, 87.5%)) var(--sparkle-dark, hsl(37, 92%, 12.5%));--warn-3: var(--sparkle-light, hsl(37, 92%, 81.25%)) var(--sparkle-dark, hsl(37, 92%, 18.75%));--warn-4: var(--sparkle-light, hsl(37, 92%, 75%)) var(--sparkle-dark, hsl(37, 92%, 25%));--warn-5: var(--sparkle-light, hsl(37, 92%, 68.75%)) var(--sparkle-dark, hsl(37, 92%, 31.25%));--warn-6: var(--sparkle-light, hsl(37, 92%, 62.5%)) var(--sparkle-dark, hsl(37, 92%, 37.5%));--warn-7: var(--sparkle-light, hsl(37, 92%, 56.25%)) var(--sparkle-dark, hsl(37, 92%, 43.75%));--warn-8: var(--sparkle-light, hsl(37, 92%, 50%)) var(--sparkle-dark, hsl(37, 92%, 50%));--warn-9: var(--sparkle-light, hsl(37, 92%, 38.75%)) var(--sparkle-dark, hsl(37, 92%, 62.5%));--warn-10: var(--sparkle-light, hsl(37, 92%, 27.5%)) var(--sparkle-dark, hsl(37, 92%, 75%));--warn-11: var(--sparkle-light, hsl(37, 92%, 16.25%)) var(--sparkle-dark, hsl(37, 92%, 87.5%));--warn-12: var(--sparkle-light, hsl(37, 92%, 5%)) var(--sparkle-dark, hsl(37, 92%, 100%));--warn-g2: linear-gradient(180deg, hsl(37, 92%, 62.5%) 0%, hsl(37, 92%, 50%) 50%);--warn-g3: linear-gradient(180deg, hsl(37, 92%, 75%) 0%, hsl(37, 92%, 50%) 50%);--error-1: var(--sparkle-light, hsl(0, 84%, 95%)) var(--sparkle-dark, hsl(0, 84%, 7.5%));--error-2: var(--sparkle-light, hsl(0, 84%, 90%)) var(--sparkle-dark, hsl(0, 84%, 15%));--error-3: var(--sparkle-light, hsl(0, 84%, 85%)) var(--sparkle-dark, hsl(0, 84%, 22.5%));--error-4: var(--sparkle-light, hsl(0, 84%, 80%)) var(--sparkle-dark, hsl(0, 84%, 30%));--error-5: var(--sparkle-light, hsl(0, 84%, 75%)) var(--sparkle-dark, hsl(0, 27%, 10%));--error-6: var(--sparkle-light, hsl(0, 84%, 70%)) var(--sparkle-dark, hsl(0, 84%, 45%));--error-7: var(--sparkle-light, hsl(0, 84%, 65%)) var(--sparkle-dark, hsl(0, 84%, 52.5%));--error-8: var(--sparkle-light, hsl(0, 84%, 60%)) var(--sparkle-dark, hsl(0, 84%, 60%));--error-9: var(--sparkle-light, hsl(0, 84%, 46.5%)) var(--sparkle-dark, hsl(0, 84%, 70%));--error-10: var(--sparkle-light, hsl(0, 84%, 33%)) var(--sparkle-dark, hsl(0, 84%, 80%));--error-11: var(--sparkle-light, hsl(0, 84%, 19.5%)) var(--sparkle-dark, hsl(0, 84%, 90%));--error-12: var(--sparkle-light, hsl(0, 84%, 6%)) var(--sparkle-dark, hsl(0, 84%, 100%));--error-g2: linear-gradient(180deg, hsl(0, 84%, 70%) 0%, hsl(0, 84%, 60%) 50%);--error-g3: linear-gradient(180deg, hsl(0, 84%, 80%) 0%, hsl(0, 84%, 60%) 50%);--success-1: var(--sparkle-light, hsl(160, 84%, 92.38%)) var(--sparkle-dark, hsl(160, 84%, 7.88%));--success-2: var(--sparkle-light, hsl(160, 84%, 84.75%)) var(--sparkle-dark, hsl(160, 3%, 17%));--success-3: var(--sparkle-light, hsl(160, 84%, 77.13%)) var(--sparkle-dark, hsl(160, 84%, 14.63%));--success-4: var(--sparkle-light, hsl(160, 84%, 69.5%)) var(--sparkle-dark, hsl(160, 84%, 19.5%));--success-5: var(--sparkle-light, hsl(160, 84%, 61.88%)) var(--sparkle-dark, hsl(160, 84%, 24.38%));--success-6: var(--sparkle-light, hsl(160, 84%, 54.25%)) var(--sparkle-dark, hsl(160, 84%, 29.25%));--success-7: var(--sparkle-light, hsl(160, 84%, 46.63%)) var(--sparkle-dark, hsl(160, 84%, 34.13%));--success-8: var(--sparkle-light, hsl(160, 84%, 39%)) var(--sparkle-dark, hsl(160, 84%, 39%));--success-9: var(--sparkle-light, hsl(160, 84%, 30.23%)) var(--sparkle-dark, hsl(160, 84%, 54.25%));--success-10: var(--sparkle-light, hsl(160, 84%, 21.45%)) var(--sparkle-dark, hsl(160, 84%, 69.5%));--success-11: var(--sparkle-light, hsl(160, 84%, 12.67%)) var(--sparkle-dark, hsl(160, 84%, 84.75%));--success-12: var(--sparkle-light, hsl(160, 84%, 3.9%)) var(--sparkle-dark, hsl(160, 84%, 100%));--success-g2: linear-gradient(180deg, hsl(160, 84%, 54.25%) 0%, hsl(160, 84%, 39%) 50%);--success-g3: linear-gradient(180deg, hsl(160, 84%, 69.5%) 0%, hsl(160, 84%, 39%) 50%);--base-1: var(--sparkle-light, #fff) var(--sparkle-dark, hsl(0, 0%, 5.75%));--base-2: var(--sparkle-light, hsl(0, 0%, 98.05%)) var(--sparkle-dark, hsl(0, 0%, 8.75%));--base-3: var(--sparkle-light, hsl(0, 0%, 94.5%)) var(--sparkle-dark, hsl(0, 0%, 11.5%));--base-4: var(--sparkle-light, hsl(0, 0%, 84.75%)) var(--sparkle-dark, hsl(0, 0%, 17.25%));--base-5: var(--sparkle-light, hsl(0, 0%, 79.75%)) var(--sparkle-dark, hsl(0, 0%, 17.25%));--base-6: var(--sparkle-light, hsl(0, 0%, 66.25%)) var(--sparkle-dark, hsl(0, 0%, 28.75%));--base-7: var(--sparkle-light, hsl(0, 0%, 54.5%)) var(--sparkle-dark, hsl(0, 0%, 34.5%));--base-8: var(--sparkle-light, hsl(0, 0%, 46%)) var(--sparkle-dark, hsl(0, 0%, 46%));--base-9: var(--sparkle-light, hsl(0, 0%, 35.65%)) var(--sparkle-dark, hsl(0, 0%, 59.5%));--base-10: var(--sparkle-light, hsl(0, 0%, 25.3%)) var(--sparkle-dark, hsl(0, 0%, 73%));--base-11: var(--sparkle-light, hsl(0, 0%, 14.95%)) var(--sparkle-dark, hsl(0, 0%, 86.5%));--base-12: var(--sparkle-light, hsl(0, 0%, 4.6%)) var(--sparkle-dark, hsl(0, 0%, 100%));--base-g2: linear-gradient(180deg, hsl(0, 0%, 66.25%) 0%, hsl(0, 0%, 46%) 50%);--base-g3: linear-gradient(180deg, hsl(0, 0%, 73%) 0%, hsl(0, 0%, 46%) 50%);--base-g6: linear-gradient(180deg, hsl(0, 0%, 25.3%) 0%, hsl(0, 0%, 14.95%) 50%);--base-g7: linear-gradient(180deg, hsl(0, 0%, 35.65%) 0%, hsl(0, 0%, 14.95%) 50%);--primary-c8: var(--light-text);--accent-c8: var(--light-text);--warn-c8: var(--light-text);--error-c8: var(--light-text);--success-c8: var(--light-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / 1.125rem Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--code-10: 500 1rem / normal monospace;--code-20: 500 .875rem / normal monospace;--code-30: 500 .75rem / normal monospace;--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);--dark-text: #000;--light-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-2)}body{margin:0;font:var(--paragraph-30);color:var(--base-12)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-8)}.spk-accent{color:var(--accent-8)}.spk-warn{color:var(--warn-8)}.spk-error{color:var(--error-500)}.spk-success{color:var(--success-500)}.loader{width:3rem;height:3rem;display:grid;place-content:center;color:var(--base-8)}.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-12)}p,.paragraph-10,.paragraph-20,.paragraph-30,.paragraph-40,.paragraph-10B,.paragraph-20B,.paragraph-30B,.paragraph-40B{color:var(--base-8)}p{margin:0}strong{font-weight:600}a{color:var(--primary-8)}sup{color:var(--error-8);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10B{font:var(--title-10B)}body .title-20B{font:var(--title-20B)}body .title-30B{font:var(--title-30B)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10B{font:var(--paragraph-10B)}body .paragraph-20B{font:var(--paragraph-20B)}body .paragraph-30B{font:var(--paragraph-30B)}body .paragraph-40B{font:var(--paragraph-40B)}body .code-10{font:var(--code-10)}body .code-20{font:var(--code-20)}body .code-30{font:var(--code-30)}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-2);--alert-bc: var(--base-4);--alert-state-ic: var(--base-12);--alert-close-ic: var(--base-8);--alert-title-c: var(--base-12);--alert-content-c: var(--base-8);--alert-bs: var(--box-shadow-10);--alert-p: .5rem .75rem;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:var(--alert-p);align-items:flex-start;gap:.25rem .5rem;border:1px solid var(--alert-bc);border-radius:var(--shape-2);background: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-8);--alert-close-ic: var(--primary-8);--alert-title-c: var(--primary-8);--alert-content-c: var(--primary-8);--alert-bg: var(--primary-1);--alert-bc: var(--primary-4)}spk-alert.accent{--alert-state-ic: var(--accent-8);--alert-close-ic: var(--accent-8);--alert-title-c: var(--accent-8);--alert-content-c: var(--accent-8);--alert-bg: var(--accent-1);--alert-bc: var(--accent-4)}spk-alert.warn{--alert-state-ic: var(--warn-8);--alert-close-ic: var(--warn-8);--alert-title-c: var(--warn-8);--alert-content-c: var(--warn-8);--alert-bg: var(--warn-1);--alert-bc: var(--warn-4)}spk-alert.error{--alert-state-ic: var(--error-8);--alert-close-ic: var(--error-8);--alert-title-c: var(--error-8);--alert-content-c: var(--error-8);--alert-bg: var(--error-1);--alert-bc: var(--error-4)}spk-alert.success{--alert-state-ic: var(--success-8);--alert-close-ic: var(--success-8);--alert-title-c: var(--success-8);--alert-content-c: var(--success-8);--alert-bg: var(--success-1);--alert-bc: var(--success-4)}spk-alert.simple{--alert-bc: var(--alert-bg)}spk-alert.simple.primary{--alert-content-c: var(--primary-6)}spk-alert.simple.accent{--alert-content-c: var(--accent-6)}spk-alert.simple.warn{--alert-content-c: var(--warn-6)}spk-alert.simple.error{--alert-content-c: var(--error-6)}spk-alert.simple.success{--alert-content-c: var(--success-7)}spk-alert.raised,spk-alert.flat{--alert-title-c: #fff;--alert-content-c: #fff;--alert-bg: var(--base-8);--alert-bc: var(--alert-bg);--alert-state-ic: #fff;--alert-close-ic: #fff;--alert-bs: none}spk-alert.raised.primary,spk-alert.flat.primary{--alert-bg: var(--primary-8)}spk-alert.raised.accent,spk-alert.flat.accent{--alert-bg: var(--accent-8)}spk-alert.raised.warn,spk-alert.flat.warn{--alert-bg: var(--warn-8)}spk-alert.raised.error,spk-alert.flat.error{--alert-bg: var(--error-8)}spk-alert.raised.success,spk-alert.flat.success{--alert-bg: var(--success-8)}spk-alert.raised{--alert-bg: var(--base-g6);--alert-p: .5625rem .75rem}spk-alert.raised.primary{--alert-bg: var(--primary-g2)}spk-alert.raised.accent{--alert-bg: var(--accent-g2)}spk-alert.raised.warn{--alert-bg: var(--warn-g2)}spk-alert.raised.error{--alert-bg: var(--error-g2)}spk-alert.raised.success{--alert-bg: var(--success-g2)}spk-alert:not(:has([content])) .alert{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([content]) .alert{--alert-p: .75rem}spk-alert.outlined{--alert-bg: var(--base-1);--alert-bc: var(--base-4);--alert-title-c: var(--base-12);--alert-content-c: var(--base-8);--alert-close-ic: var(--base-8);--alert-bs: 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;font-weight:500}spk-alert .content{grid-area:content;color:var(--alert-content-c)}spk-alert .content:empty{display:none}spk-toggle{--toggle-bg: var(--base-4);--toggle-b: 0;--togglek-bg: var(--base-2);--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-8)}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-3);--togglek-bg: var(--primary-8)}spk-toggle:has(input[type=checkbox]:checked).accent,spk-toggle.active.accent{--toggle-bg: var(--accent-3);--togglek-bg: var(--accent-8)}spk-toggle:has(input[type=checkbox]:checked).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-3);--togglek-bg: var(--warn-8)}spk-toggle:has(input[type=checkbox]:checked).error,spk-toggle.active.error{--toggle-bg: var(--error-3);--togglek-bg: var(--error-8)}spk-toggle:has(input[type=checkbox]:checked).success,spk-toggle.active.success{--toggle-bg: var(--success-3);--togglek-bg: var(--success-8)}spk-toggle.outlined{--toggle-bg: var(--base-1);--togglek-bg: var(--base-5);--togglek-bs: none;--toggle-b: 1px solid var(--base-5)}spk-toggle.outlined .knob{width:.875rem;height:.875rem}spk-toggle.outlined.active{--togglek-bg: var(--base-9)}spk-toggle.outlined.active.primary{--togglek-bg: var(--primary-8)}spk-toggle.outlined.active.accent{--togglek-bg: var(--accent-8)}spk-toggle.outlined.active.warn{--togglek-bg: var(--warn-8)}spk-toggle.outlined.active.error{--togglek-bg: var(--error-8)}spk-toggle.outlined.active.success{--togglek-bg: var(--success-8)}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-8)}spk-toggle.flat:has(input[type=checkbox]:checked).primary,spk-toggle.flat.active.primary{--toggle-bg: var(--primary-8)}spk-toggle.flat:has(input[type=checkbox]:checked).accent,spk-toggle.flat.active.accent{--toggle-bg: var(--accent-8)}spk-toggle.flat:has(input[type=checkbox]:checked).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-8)}spk-toggle.flat:has(input[type=checkbox]:checked).error,spk-toggle.flat.active.error{--toggle-bg: var(--error-8)}spk-toggle.flat:has(input[type=checkbox]:checked).success,spk-toggle.flat.active.success{--toggle-bg: var(--success-8)}spk-toggle.raised{--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked),spk-toggle.raised.active{--toggle-bg: var(--base-g2);--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary,spk-toggle.raised.active.primary{--toggle-bg: var(--primary-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).accent,spk-toggle.raised.active.accent{--toggle-bg: var(--accent-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).error,spk-toggle.raised.active.error{--toggle-bg: var(--error-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).success,spk-toggle.raised.active.success{--toggle-bg: var(--success-g2)}[spk-button]{--btn-h: 2.5rem;--btn-s: var(--shape-2);--btn-f: var(--paragraph-20);--loader-c: var(--base-8);--btn-c: var(--base-12);--btn-ic: var(--base-12);--btn-ir: var(0deg);--btn-bg: var(--base-1);--btn-bg-h: var(--base-2);--btn-bc: var(--base-4);--btn-bs: none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;text-decoration:none;border-radius:var(--btn-s);height:var(--btn-h);border:1px solid var(--btn-bc);box-shadow:var(--btn-bs);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c);transition:background 75ms linear}[spk-button] spk-icon{color:var(--btn-ic);rotate:var(--btn-ir);transition:rotate 125ms ease-in-out}[spk-button]:has(spk-icon:only-child){padding:0 .5625rem}[spk-button]:hover{--btn-c: var(--base-12);background:var(--btn-bg-h)}[spk-button].loader.outlined,[spk-button].loader.simple,[spk-button].loader.flat,[spk-button].loader.raised,[spk-button].loader{color:transparent;width:auto}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.error,[spk-button].loader.outlined.success,[spk-button].loader.simple:hover,[spk-button].loader.simple.primary,[spk-button].loader.simple.accent,[spk-button].loader.simple.warn,[spk-button].loader.simple.error,[spk-button].loader.simple.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.warn,[spk-button].loader.flat.error,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.warn,[spk-button].loader.raised.error,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.warn,[spk-button].loader.error,[spk-button].loader.success{color:transparent}[spk-button].loader.outlined>*,[spk-button].loader.simple>*,[spk-button].loader.flat>*,[spk-button].loader.raised>*,[spk-button].loader>*{opacity:0}[spk-button].rotated-icon spk-icon{--btn-ir: 180deg}[spk-button].small{--btn-h: 2rem;--btn-f: var(--paragraph-30);padding:0 .5rem;gap:.25rem}[spk-button].small:has(spk-icon:only-child){padding:0 .375rem}[spk-button][disabled]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-ic: var(--primary-8)}[spk-button].accent{--btn-ic: var(--accent-8)}[spk-button].warn{--btn-ic: var(--warn-8)}[spk-button].error{--btn-ic: var(--error-8)}[spk-button].success{--btn-ic: var(--success-8)}[spk-button].simple,[spk-button].outlined{--btn-c: var(--base-12);--btn-bg: var(--base-2);--btn-bg-h: var(--base-3);transition:color 80ms linear,background 80ms linear}[spk-button].simple.primary,[spk-button].outlined.primary{--loader-c: var(--primary-8);--btn-bg: var(--primary-1);--btn-bg-h: var(--primary-2);--btn-bc: var(--primary-4)}[spk-button].simple.accent,[spk-button].outlined.accent{--loader-c: var(--accent-8);--btn-bg: var(--accent-1);--btn-bg-h: var(--accent-2);--btn-bc: var(--accent-4)}[spk-button].simple.warn,[spk-button].outlined.warn{--loader-c: var(--warn-8);--btn-bg: var(--warn-1);--btn-bg-h: var(--warn-2);--btn-bc: var(--warn-4)}[spk-button].simple.error,[spk-button].outlined.error{--loader-c: var(--error-8);--btn-bg: var(--error-1);--btn-bg-h: var(--error-2);--btn-bc: var(--error-4)}[spk-button].simple.success,[spk-button].outlined.success{--loader-c: var(--success-8);--btn-bg: var(--success-1);--btn-bg-h: var(--success-2);--btn-bc: var(--success-4)}[spk-button].simple,[spk-button].simple.primary,[spk-button].simple.accent,[spk-button].simple.warn,[spk-button].simple.error,[spk-button].simple.success{--btn-bc: var(--btn-bg)}[spk-button].simple.primary{--btn-c: var(--primary-8)}[spk-button].simple.accent{--btn-c: var(--accent-8)}[spk-button].simple.warn{--btn-c: var(--warn-8)}[spk-button].simple.error{--btn-c: var(--error-8)}[spk-button].simple.success{--btn-c: var(--success-8)}[spk-button].flat{--loader-c: var(--base-1);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-8);--btn-bg-h: color-mix(in srgb, var(--base-8), #fff 10%);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-c8);--btn-bg: var(--primary-8);--btn-bg-h: var(--primary-6)}[spk-button].flat.accent{--btn-c: var(--accent-c8);--btn-bg: var(--accent-8);--btn-bg-h: var(--accent-6)}[spk-button].flat.warn{--btn-c: var(--warn-c8);--btn-bg: var(--warn-8);--btn-bg-h: var(--warn-6)}[spk-button].flat.error{--btn-c: var(--error-c8);--btn-bg: var(--error-8);--btn-bg-h: var(--error-6)}[spk-button].flat.success{--btn-c: var(--success-c8);--btn-bg: var(--success-8);--btn-bg-h: var(--success-6)}[spk-button].raised{--loader-c: var(--base-1);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-g6);--btn-bg-h: var(--base-g7);border:0}[spk-button].raised:has(spk-icon:only-child){padding:0 .625rem}[spk-button].raised.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].raised.primary{--btn-c: var(--primary-c8);--btn-bg: var(--primary-g2);--btn-bg-h: var(--primary-g3)}[spk-button].raised.accent{--btn-c: var(--accent-c8);--btn-bg: var(--accent-g2);--btn-bg-h: var(--accent-g3)}[spk-button].raised.warn{--btn-c: var(--warn-c8);--btn-bg: var(--warn-g2);--btn-bg-h: var(--warn-g3)}[spk-button].raised.error{--btn-c: var(--error-c8);--btn-bg: var(--error-g2);--btn-bg-h: var(--error-g3)}[spk-button].raised.success{--btn-c: var(--success-c8);--btn-bg: var(--success-g2);--btn-bg-h: var(--success-g3)}spk-progress-bar{--pb-h: .5rem;--pb-b: var(--base-4);--pb-bg: var(--base-2);--pb-br: var(--shape-2);--pbt-bg: var(--base-2);--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-2);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary{--pbt-bg: var(--primary-8)}spk-progress-bar.accent{--pbt-bg: var(--accent-8)}spk-progress-bar.warn{--pbt-bg: var(--warn-8)}spk-progress-bar.error{--pbt-bg: var(--error-8)}spk-progress-bar.success{--pbt-bg: var(--success-8)}spk-progress-bar.outlined{--pb-b: 1px solid var(--base-4);--pb-bg: var(--base-1)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{--pbt-bg: var(--base-2)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{--pbt-bg: var(--primary-3)}spk-progress-bar.flat.accent{--pbt-bg: var(--accent-3)}spk-progress-bar.flat.warn{--pbt-bg: var(--warn-3)}spk-progress-bar.flat.error{--pbt-bg: var(--error-3)}spk-progress-bar.flat.success{--pbt-bg: var(--success-3)}spk-progress-bar.raised{--pbt-bg: var(--base-g3)}spk-progress-bar.raised.primary{--pbt-bg: var(--primary-g3)}spk-progress-bar.raised.accent{--pbt-bg: var(--accent-g3)}spk-progress-bar.raised.warn{--pbt-bg: var(--warn-g3)}spk-progress-bar.raised.error{--pbt-bg: var(--error-g3)}spk-progress-bar.raised.success{--pbt-bg: var(--success-g3)}@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-4);--box-c: var(--base-8);--box-bg: var(--base-2);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-3);--box-bc: var(--primary-4);--box-c: var(--primary-8)}spk-checkbox.accent{--box-bg: var(--accent-3);--box-bc: var(--accent-4);--box-c: var(--accent-8)}spk-checkbox.warn{--box-bg: var(--warn-3);--box-bc: var(--warn-4);--box-c: var(--warn-8)}spk-checkbox.error{--box-bg: var(--error-3);--box-bc: var(--error-4);--box-c: var(--error-8)}spk-checkbox.success{--box-bg: var(--success-3);--box-bc: var(--success-4);--box-c: var(--success-8)}spk-checkbox.outlined{--box-bg: var(--base-1)}spk-checkbox.outlined.primary,spk-checkbox.outlined.accent,spk-checkbox.outlined.warn,spk-checkbox.outlined.error,spk-checkbox.outlined.success{--box-bg: var(--base-1);--box-bc: var(--base-4)}spk-checkbox.flat.primary,spk-checkbox.flat.accent,spk-checkbox.flat.warn,spk-checkbox.flat.error,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.warn,spk-checkbox.raised.error,spk-checkbox.raised.success{--box-bc: var(--base-4);--box-c: var(--base-8);--box-bg: var(--base-2)}.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(--base-8);--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-8)}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-8)}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-8)}spk-checkbox.error.flat:has(input[type=checkbox]:checked),spk-checkbox.error.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.flat{--box-bg: var(--error-8)}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-8)}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-g2);--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-g2)}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-g2)}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-g2)}spk-checkbox.error.raised:has(input[type=checkbox]:checked),spk-checkbox.error.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.raised{--box-bg: var(--error-g2)}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-g2)}spk-daterange-input spk-form-field-popover .input-wrap .input,spk-datepicker-input spk-form-field-popover .input-wrap .input{display:grid;grid-template-columns:1fr auto auto;align-items:center;margin:0}spk-daterange-input spk-form-field-popover .input-wrap [suffix],spk-datepicker-input spk-form-field-popover .input-wrap [suffix]{margin-right:.75rem}spk-daterange-input spk-form-field-popover .masked-value,spk-datepicker-input spk-form-field-popover .masked-value{font:var(--paragraph-30B);color:var(--base-8)}spk-daterange-input spk-form-field-popover .masked-value+input+input,spk-daterange-input spk-form-field-popover .masked-value+input,spk-datepicker-input spk-form-field-popover .masked-value+input+input,spk-datepicker-input spk-form-field-popover .masked-value+input{opacity:0;height:0;width:0}spk-daterange-input spk-form-field-popover [suffix]+[suffix].default-indicator,spk-datepicker-input spk-form-field-popover [suffix]+[suffix].default-indicator{display:none}spk-daterange-input spk-datepicker,spk-datepicker-input spk-datepicker{z-index:10000;position:relative;--dp-width: 15rem}spk-daterange-input spk-popover .popover{--dp-width: 18.75rem;min-width:var(--dp-width)}spk-daterange-input spk-form-field-popover.columns-1 spk-popover .popover{--dp-width: 18.75rem }spk-daterange-input spk-form-field-popover.columns-2 spk-popover .popover{--dp-width: 38.5rem }spk-daterange-input spk-form-field-popover.columns-3 spk-popover .popover{--dp-width: 58.25rem }spk-datepicker{--dp-sel-bg: var(--base-8);--dp-sel-bw: 0;--dp-sel-bc: transparent;--dp-sel-c: #fff;--dp-day-c: var(--base-8);--dp-day-g: .25rem 0;--dp-day-f: var(--paragraph-20);--dp-width: 18.75rem;width:100%;max-width:var(--dp-width);display:flex;flex-direction:column}spk-datepicker.columns-1{--dp-width: 18.75rem }spk-datepicker.columns-2{--dp-width: 38.5rem }spk-datepicker.columns-3{--dp-width: 58.25rem }spk-datepicker.as-range section .days>div.sel{background:var(--dp-sel-bg);opacity:.5}spk-datepicker.as-range section .days>div.month-start,spk-datepicker.as-range section .days>div.week-start,spk-datepicker.as-range section .days>div.first{border-top-left-radius:50%;border-bottom-left-radius:50%}spk-datepicker.as-range section .days>div.month-end,spk-datepicker.as-range section .days>div.week-end,spk-datepicker.as-range section .days>div.last{border-top-right-radius:50%;border-bottom-right-radius:50%}spk-datepicker.as-range section .days>div.first,spk-datepicker.as-range section .days>div.last{opacity:1}spk-datepicker.as-range .month .days>div.out-of-scope{opacity:0;pointer-events:none}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:0}spk-datepicker header .title{font:var(--paragraph-20)}spk-datepicker header button{appearance:none;background-color:transparent;border:0;cursor:pointer;height:2rem;color:var(--base-8)}spk-datepicker header button:focus{outline:none}spk-datepicker .months-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}spk-datepicker .month{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 7fr;gap:var(--dp-day-g);align-items:flex-start}spk-datepicker .month .days,spk-datepicker .month .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker .month .days>.days,spk-datepicker .month .weekdays>.days{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--dp-day-g);z-index:0}spk-datepicker .month .days>div,spk-datepicker .month .weekdays>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;cursor:pointer;position:relative;z-index:1;color:var(--dp-day-c);font:var(--dp-day-f);-webkit-user-select:none;user-select:none}spk-datepicker .month .days>div.sel,spk-datepicker .month .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker .month .days>div.out-of-scope,spk-datepicker .month .weekdays>div.out-of-scope{opacity:.4}spk-datepicker .month .days>div.sel-el,spk-datepicker .month .weekdays>div.sel-el{position:relative;top:0;left:0;transition:transform 75ms linear,opacity 75ms linear;background:var(--dp-sel-bg);border-radius:50%;border:var(--dp-sel-bw) solid var(--dp-sel-bc);opacity:0;box-sizing:border-box}spk-datepicker .month .weekdays>div{color:var(--base-12)}spk-datepicker.primary{--dp-sel-bg: var(--primary-8)}spk-datepicker.accent{--dp-sel-bg: var(--accent-8)}spk-datepicker.warn{--dp-sel-bg: var(--warn-8)}spk-datepicker.error{--dp-sel-bg: var(--error-8)}spk-datepicker.success{--dp-sel-bg: var(--success-8)}spk-datepicker.outlined{--dp-sel-bg: var(--base-1);--dp-sel-c: var(--base-12);--dp-sel-bw: 2px;--dp-sel-bc: var(--base-4)}spk-datepicker.outlined.primary{--dp-sel-bc: var(--primary-8)}spk-datepicker.outlined.accent{--dp-sel-bc: var(--accent-8)}spk-datepicker.outlined.warn{--dp-sel-bc: var(--warn-8)}spk-datepicker.outlined.error{--dp-sel-bc: var(--error-8)}spk-datepicker.outlined.success{--dp-sel-bc: var(--success-8)}spk-datepicker.raised{--dp-sel-bg: var(--base-g2)}spk-datepicker.raised.primary{--dp-sel-bg: var(--primary-g2)}spk-datepicker.raised.accent{--dp-sel-bg: var(--accent-g2)}spk-datepicker.raised.warn{--dp-sel-bg: var(--warn-g2)}spk-datepicker.raised.error{--dp-sel-bg: var(--error-g2)}spk-datepicker.raised.success{--dp-sel-bg: var(--success-g2)}spk-icon{--icon-c: inherit;font-size:1.25rem;line-height:1em;width:1em;height:1em;min-width:1em;min-height:1em;max-width:1em;max-height:1em;text-align:left;overflow:hidden;display:inline-block;color:var(--icon-c)}spk-icon.primary{--icon-c: var(--primary-8)}spk-icon.accent{--icon-c: var(--accent-8)}spk-icon.warn{--icon-c: var(--warn-8)}spk-icon.error{--icon-c: var(--error-8)}spk-icon.success{--icon-c: var(--success-8)}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{--menu-mh: 20rem;display:inline-flex;position:relative}spk-menu.disabled{opacity:.5;pointer-events:none}spk-menu.stretch{width:100%}spk-menu.stretch [trigger]>*{width:100%}spk-menu.has-search spk-popover .options [title]{position:sticky;border-bottom:1px solid var(--base-4)}spk-menu.has-search .form-field-wrap{margin:.5rem .5rem 0}spk-menu.has-search .options{margin:.25rem 0 0}spk-menu.multi-layer [trigger]:has(spk-icon.open-indicator).is-open .open-indicator{transform:translateY(-50%) rotate(-90deg)}spk-menu.multi-layer [trigger]:has(spk-icon.open-indicator){display:flex}spk-menu.multi-layer [trigger]:has(spk-icon.open-indicator) .open-indicator{right:1rem}spk-menu.multi-layer [trigger] button:first-child{margin-top:0}spk-menu [trigger]:has(spk-icon.open-indicator){position:relative}spk-menu [trigger]:has(spk-icon.open-indicator)>:first-child{padding-right:2rem}spk-menu [trigger]:has(spk-icon.open-indicator) .open-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--base-8);font-size:1rem;font-weight:inherit;pointer-events:none;transition:transform 75ms ease-in-out}spk-menu [trigger]:has(spk-icon.open-indicator).is-open .open-indicator{transform:translateY(-50%) rotate(-180deg)}spk-menu spk-popover{flex:1 0}spk-menu spk-popover .popover{padding:0}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field{z-index:10;background-color:var(--base-1)}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field.hidden{opacity:0;height:0;width:0;min-width:0;min-height:0;margin:0}spk-menu spk-popover .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:0;margin:0;max-height:var(--menu-mh);overflow:auto}spk-menu spk-popover .options button:first-child{margin-top:.5rem}spk-menu spk-popover .options.searching button[disabled]{display:none}spk-menu spk-popover .options.searching button[value="0"]{display:none}spk-menu spk-popover .options.searching *:not(button){display:none}spk-menu spk-popover .options:after{content:"";display:block;width:100%;min-height:.25rem;order:9999999}spk-menu spk-popover .options [title]{font:var(--paragraph-30);color:var(--base-8);padding:.5rem .75rem;margin:0;-webkit-user-select:none;user-select:none;position:relative;top:0;z-index:10;background-color:var(--base-1)}spk-menu spk-popover .options button{display:flex;justify-content:flex-start;align-items:center;text-align:left;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-12)}spk-menu spk-popover .options button[disabled]{opacity:.3;cursor:initial}spk-menu spk-popover .options button[disabled]:hover{background-color:transparent}spk-menu spk-popover .options button [suffix]{order:999;color:var(--base-8);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}spk-menu spk-popover .options button spk-icon{font-size:1rem}spk-menu spk-popover .options button.active,spk-menu spk-popover .options button:hover{background-color:var(--base-2);color:var(--base-12)}spk-menu spk-popover .options button.focused{background-color:var(--primary-2);color:var(--base-12)}spk-menu spk-popover .options button.focused:hover{background-color:var(--primary-3)}spk-divider{--divider-c: var(--base-4);--divider-h: .0625rem;display:flex;gap:.5rem;align-items:center;text-align:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-c);height:var(--divider-h);flex:1 0}dialog[spkDialog]{--dialog-p: 1rem;--dialog-g: .5rem;--dialog-bg: var(--base-1);border:1px solid var(--base-4);background:transparent;border-radius:var(--shape-2);box-shadow:var(--box-shadow-40);color:var(--base-8);font:var(--paragraph-30);padding:0;margin:auto;z-index:0}dialog[spkDialog].type-b{background:var(--base-2);padding:.5rem;outline:1px solid var(--base-4);outline-offset:-1px;overflow:hidden}dialog[spkDialog].type-b::backdrop{background:rgb(from var(--base-1) r g b/30%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[spkDialog].type-b .content{border:1px solid rgb(from var(--base-4) r g b/70%)}dialog[spkDialog] .content{border-radius:var(--shape-2);background-color:var(--dialog-bg);z-index:2;max-width:initial;max-height:calc(96vh - 1rem);position:relative;overflow:auto}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog]:focus{outline:none}dialog[spkDialog] .dialog-content{position:relative;z-index:2}dialog[spkDialog] .dialog-backdrop{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] [header],dialog[spkDialog] [content],dialog[spkDialog] [footer]{width:100%}dialog[spkDialog] [header]{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [header].sticky{background-color:var(--dialog-bg);border-bottom:1px solid var(--base-4);box-shadow:var(--box-shadow-35);position:sticky;top:0}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [content]:not(:has(~[footer])){padding-bottom:var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [footer].sticky{background-color:var(--dialog-bg);border-top:1px solid var(--base-4);box-shadow:var(--box-shadow-35);position:sticky;bottom:0}spk-popover{--po-d: inherit;display:var(--po-d)}spk-popover.multi-layer .popover{top:anchor(top);left:calc(anchor(right) - .625rem)}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-1);border:1px solid var(--base-4);border-radius:var(--shape-2);font:var(--paragraph-30);color:var(--base-8)}@supports (anchor-name: --anchor){spk-popover .popover{inset:unset;left:anchor(left);top:calc(anchor(bottom) + .25rem);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}spk-chip{--chip-h: 2rem;--chip-s: calc(var(--chip-h) / 2);--chip-c: var(--base-12);--chip-ic: var(--base-12);--chip-bg: var(--base-1);--chip-bc: var(--base-4);--chip-bs: none;display:inline-flex;align-items:center;justify-content:center;padding:0 .75rem;font:var(--paragraph-30B);height:var(--chip-h);border-radius:var(--chip-s);border:1px solid var(--chip-bc);box-shadow:var(--chip-bs);background:var(--chip-bg);white-space:nowrap}spk-chip div{display:flex;align-items:center;gap:.5rem;color:var(--chip-c)}spk-chip.dynamic.simple,spk-chip.dynamic{border-color:transparent;--chip-bg: rgb(from var(--chip-c) r g b / .14);color:var(--chip-c)}spk-chip.dynamic.simple spk-icon,spk-chip.dynamic spk-icon{color:inherit}spk-chip.sharp{--chip-s: calc(var(--chip-h) / 4);padding:0 .5rem}spk-chip.sharp.small{padding:0 .375rem}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;font:var(--paragraph-40B);padding:0 .5rem}spk-chip.small div{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-8)}spk-chip.accent{--chip-ic: var(--accent-8)}spk-chip.warn{--chip-ic: var(--warn-8)}spk-chip.error{--chip-ic: var(--error-8)}spk-chip.success{--chip-ic: var(--success-8)}spk-chip.simple,spk-chip.outlined{--chip-c: var(--base-12);--chip-bg: var(--base-2);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loader-c: var(--primary-8);--chip-bg: var(--primary-1);--chip-bc: var(--primary-4)}spk-chip.simple.accent,spk-chip.outlined.accent{--loader-c: var(--accent-8);--chip-bg: var(--accent-1);--chip-bc: var(--accent-4)}spk-chip.simple.warn,spk-chip.outlined.warn{--loader-c: var(--warn-8);--chip-bg: var(--warn-1);--chip-bc: var(--warn-4)}spk-chip.simple.error,spk-chip.outlined.error{--loader-c: var(--error-8);--chip-bg: var(--error-1);--chip-bc: var(--error-4)}spk-chip.simple.success,spk-chip.outlined.success{--loader-c: var(--success-8);--chip-bg: var(--success-1);--chip-bc: var(--success-4)}spk-chip.simple{--chip-c: var(--base-12);--chip-bg: var(--base-3);--chip-bc: var(--chip-bg);transition:color 80ms linear}spk-chip.simple.primary{--chip-c: var(--primary-8);--chip-bc: var(--chip-bg)}spk-chip.simple.accent{--chip-c: var(--accent-8);--chip-bc: var(--chip-bg)}spk-chip.simple.warn{--chip-c: var(--warn-8);--chip-bc: var(--chip-bg)}spk-chip.simple.error{--chip-c: var(--error-8);--chip-bc: var(--chip-bg)}spk-chip.simple.success{--chip-c: var(--success-8);--chip-bc: var(--chip-bg)}spk-chip.flat{--loader-c: var(--base-1);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-8);border:0}spk-chip.flat.primary{--chip-c: var(--primary-c8);--chip-bg: var(--primary-8)}spk-chip.flat.accent{--chip-c: var(--accent-c8);--chip-bg: var(--accent-8)}spk-chip.flat.warn{--chip-c: var(--warn-c8);--chip-bg: var(--warn-8)}spk-chip.flat.error{--chip-c: var(--error-c8);--chip-bg: var(--error-8)}spk-chip.flat.success{--chip-c: var(--success-c8);--chip-bg: var(--success-8)}spk-chip.raised{--loader-c: var(--base-1);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-g6);border:0;box-shadow:none}spk-chip.raised.primary{--chip-c: var(--primary-c8);--chip-bg: var(--primary-g2)}spk-chip.raised.accent{--chip-c: var(--accent-c8);--chip-bg: var(--accent-g2)}spk-chip.raised.warn{--chip-c: var(--warn-c8);--chip-bg: var(--warn-g2)}spk-chip.raised.error{--chip-c: var(--error-c8);--chip-bg: var(--error-g2)}spk-chip.raised.success{--chip-c: var(--success-c8);--chip-bg: var(--success-g2)}spk-daterange-input.small spk-form-field-popover,spk-daterange-input.small spk-form-field,spk-datepicker-input.small spk-form-field-popover,spk-datepicker-input.small spk-form-field,spk-form-field-popover.small,spk-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}spk-daterange-input.small spk-form-field-popover .prefix,spk-daterange-input.small spk-form-field .prefix,spk-datepicker-input.small spk-form-field-popover .prefix,spk-datepicker-input.small spk-form-field .prefix,spk-form-field-popover.small .prefix,spk-form-field.small .prefix,spk-daterange-input.small spk-form-field-popover .suffix,spk-daterange-input.small spk-form-field .suffix,spk-datepicker-input.small spk-form-field-popover .suffix,spk-datepicker-input.small spk-form-field .suffix,spk-form-field-popover.small .suffix,spk-form-field.small .suffix{line-height:1rem}spk-daterange-input.small spk-form-field-popover .prefix>spk-icon,spk-daterange-input.small spk-form-field .prefix>spk-icon,spk-datepicker-input.small spk-form-field-popover .prefix>spk-icon,spk-datepicker-input.small spk-form-field .prefix>spk-icon,spk-form-field-popover.small .prefix>spk-icon,spk-form-field.small .prefix>spk-icon,spk-daterange-input.small spk-form-field-popover .suffix>spk-icon,spk-daterange-input.small spk-form-field .suffix>spk-icon,spk-datepicker-input.small spk-form-field-popover .suffix>spk-icon,spk-datepicker-input.small spk-form-field .suffix>spk-icon,spk-form-field-popover.small .suffix>spk-icon,spk-form-field.small .suffix>spk-icon{font-size:1rem}spk-form-field-popover,spk-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-4);--ff-prefix-bg: var(--base-2);--ff-suffix-bg: transparent;--ff-ic: var(--base-8);--ff-bg: var(--base-1);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: none;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}spk-form-field-popover[read-only],spk-form-field-popover[read-only=true],spk-form-field-popover[readonly=true],spk-form-field-popover[readonly],spk-form-field-popover.readonly,spk-form-field-popover[disabled],spk-form-field-popover[disabled=true],spk-form-field-popover.disabled,spk-form-field-popover:has(input[disabled]),spk-form-field-popover:has(textarea[disabled]),spk-form-field-popover:has(textarea[disabled=true]),spk-form-field-popover:has(input[disabled=true]),spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field-popover.auto-width,spk-form-field.auto-width{width:initial}spk-form-field-popover.auto-width .input-wrap,spk-form-field-popover.auto-width input,spk-form-field.auto-width .input-wrap,spk-form-field.auto-width input{width:initial}spk-form-field-popover.center .input-wrap input[type=number],spk-form-field-popover.center .input-wrap input,spk-form-field.center .input-wrap input[type=number],spk-form-field.center .input-wrap input{text-align:center}spk-form-field-popover label,spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field-popover label spk-icon,spk-form-field label spk-icon{font-size:1rem}spk-form-field-popover .suffix,spk-form-field-popover .prefix,spk-form-field .suffix,spk-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);transition:background-color 125ms linear;background-color:var(--ff-prefix-bg);line-height:1.25rem}spk-form-field-popover .suffix:not(:empty),spk-form-field-popover .prefix:not(:empty),spk-form-field .suffix:not(:empty),spk-form-field .prefix:not(:empty){display:flex}spk-form-field-popover .suffix,spk-form-field .suffix{background-color:var(--ff-suffix-bg)}spk-form-field-popover .suffix:has([textsuffix]),spk-form-field .suffix:has([textsuffix]){padding-left:0}spk-form-field-popover:has(input.ng-touched.ng-invalid),spk-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-8);--ff-bc: var(--error-8);--ff-prefix-bg: var(--error-2)}spk-form-field-popover.autosize,spk-form-field.autosize{width:min-content}spk-form-field-popover.autosize .input-wrap,spk-form-field.autosize .input-wrap{height:auto}spk-form-field-popover.autosize .input-wrap textarea,spk-form-field-popover.autosize .input-wrap input,spk-form-field.autosize .input-wrap textarea,spk-form-field.autosize .input-wrap input{field-sizing:content}spk-form-field-popover .input-wrap,spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear;min-width:var(--ff-mw);width:100%}spk-form-field-popover .input-wrap spk-popover,spk-form-field-popover .input-wrap .input,spk-form-field .input-wrap spk-popover,spk-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}spk-form-field-popover .input-wrap textarea,spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-8);field-sizing:content}spk-form-field-popover .input-wrap:has(textarea),spk-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}spk-form-field-popover .input-wrap spk-icon,spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field-popover .input-wrap spk-icon.primary,spk-form-field .input-wrap spk-icon.primary{--ff-ic: var(--primary-8)}spk-form-field-popover .input-wrap spk-icon.accent,spk-form-field .input-wrap spk-icon.accent{--ff-ic: var(--accent-8)}spk-form-field-popover .input-wrap spk-icon.warn,spk-form-field .input-wrap spk-icon.warn{--ff-ic: var(--warn-8)}spk-form-field-popover .input-wrap spk-icon.error,spk-form-field .input-wrap spk-icon.error{--ff-ic: var(--error-8)}spk-form-field-popover .input-wrap spk-icon.success,spk-form-field .input-wrap spk-icon.success{--ff-ic: var(--success-8)}spk-form-field-popover .input-wrap spk-chip spk-icon,spk-form-field .input-wrap spk-chip spk-icon{color:var(--chip-ic)}spk-form-field-popover .input-wrap spk-spinner,spk-form-field .input-wrap spk-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}spk-form-field-popover .input-wrap textarea,spk-form-field-popover .input-wrap input,spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-8);margin:var(--ff-input-space);width:100%}spk-form-field-popover .input-wrap textarea::placeholder,spk-form-field-popover .input-wrap input::placeholder,spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-6)}spk-form-field-popover .input-wrap textarea:focus,spk-form-field-popover .input-wrap input:focus,spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field-popover .input-wrap textarea[type=number],spk-form-field-popover .input-wrap input[type=number],spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}spk-form-field-popover .helpers,spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem;width:100%}spk-form-field-popover .helpers [hint],spk-form-field .helpers [hint]{color:var(--base-9)}spk-form-field-popover .helpers [hint][suffix],spk-form-field .helpers [hint][suffix]{text-align:right;width:100%}spk-form-field-popover .helpers:has(.error-wrap:not(:empty)) .hint,spk-form-field .helpers:has(.error-wrap:not(:empty)) .hint{display:none}spk-form-field-popover:has(.error-wrap:empty+.hint:empty) .helpers,spk-form-field:has(.error-wrap:empty+.hint:empty) .helpers{height:0;padding-top:0}spk-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,spk-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}spk-form-field-popover .error-wrap,spk-form-field .error-wrap{color:var(--error-8);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field-popover .hint,spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-8);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field-popover .hint:empty,spk-form-field .hint:empty{opacity:0}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--error-8)}spk-form-field-popover.warning,spk-form-field.warning{--ff-ic: var(--warn-8)}spk-form-field-popover.success,spk-form-field.success{--ff-ic: var(--success-8)}spk-color-picker{position:relative;display:block;width:18.75rem;height:18.75rem}spk-color-picker canvas{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}spk-color-picker.hsl canvas{border-radius:100%;overflow:hidden}spk-color-picker.saturation:not(.vertical),spk-color-picker.hue:not(.vertical){height:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) canvas,spk-color-picker.hue:not(.vertical) canvas{border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) .marker,spk-color-picker.hue:not(.vertical) .marker{top:50%!important}spk-color-picker.saturation.vertical,spk-color-picker.hue.vertical{width:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation.vertical canvas,spk-color-picker.hue.vertical canvas{border-radius:var(--shape-2)}spk-color-picker.saturation.vertical .marker,spk-color-picker.hue.vertical .marker{left:50%!important}spk-color-picker canvas{width:calc(100% + 1px);height:calc(100% + 1px);transform:translate(-1px,-1px);border:2px solid var(--base-1);outline:1px solid var(--base-4)}spk-color-picker .marker{position:absolute;inset:0;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #fff;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-1);border:1px solid var(--base-4);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-1);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-4);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple{border-radius:0}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.simple.closed{--sidenav-width: 6.25rem}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-2);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-2);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-4)}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-1);--list-color: var(--base-9);--list-active-bs: none;--list-p: 1.25rem 1rem;--list-item-p: .5rem .75rem;--list-item-gap: .5rem;width:100%;padding:var(--list-p);gap:.5rem;display:flex;flex-direction:column}spk-list.base-1{--list-active-bg: var(--base-1);--list-active-bs: var(--box-shadow-20)}spk-list:empty{padding:0}spk-list>[title]{color:var(--base-8);margin:0 .75rem;font:var(--paragraph-30);line-height:1.5rem}spk-list>[action],spk-list>[item]{border-radius:var(--list-s);padding:var(--list-item-p);font:var(--paragraph-30B);color:var(--list-color);display:flex;align-items:center;gap:var(--list-item-gap);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-8)}spk-list :has(input[type=checkbox]),spk-list :has(input[type=radio]),spk-list>[action]{cursor:pointer}spk-list>[item]:has(input[type=checkbox]:checked),spk-list>[action]:has(input[type=checkbox]:checked),spk-list>[item]:has(input[type=radio]:checked),spk-list>[action]:has(input[type=radio]:checked),spk-list>[action].active,spk-list>[action].selected{--list-color: var(--base-12);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-8)}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-8)}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-8)}spk-list.error>[item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error>[action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error>[item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error>[action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error>[action].active spk-icon:first-child,spk-list.error>[action].selected spk-icon:first-child{color:var(--error-8)}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-8)}spk-radio{--radio-bw: .0625rem;--radio-bg: var(--base-2);--radio-bc: var(--base-4);--radio-c: var(--base-8);--radiod-o: 0;--radiod-c: var(--base-8);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-8);--radiod-c: var(--primary-8);--radio-bg: var(--primary-3);--radio-bc: var(--primary-4)}spk-radio.accent{--radio-c: var(--accent-8);--radiod-c: var(--accent-8);--radio-bg: var(--accent-3);--radio-bc: var(--accent-4)}spk-radio.warn{--radio-c: var(--warn-8);--radiod-c: var(--warn-8);--radio-bg: var(--warn-3);--radio-bc: var(--warn-4)}spk-radio.error{--radio-c: var(--error-8);--radiod-c: var(--error-8);--radio-bg: var(--error-3);--radio-bc: var(--error-4)}spk-radio.success{--radio-c: var(--success-8);--radiod-c: var(--success-8);--radio-bg: var(--success-3);--radio-bc: var(--success-4)}spk-radio.outlined{--radio-bg: var(--base-1)}spk-radio.outlined.primary,spk-radio.outlined.accent,spk-radio.outlined.warn,spk-radio.outlined.error,spk-radio.outlined.success{--radio-bc: var(--base-4)}spk-radio.flat,spk-radio.raised{--radio-c: #fff;--radio-bc: var(--base-4);--radio-bg: var(--base-2);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked),spk-radio.flat.active{--radio-bw: 0;--radio-bg: var(--base-8);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked).primary,spk-radio.flat.active.primary{--radio-bg: var(--primary-8)}spk-radio.flat:has(input[type=radio]:checked).accent,spk-radio.flat.active.accent{--radio-bg: var(--accent-8)}spk-radio.flat:has(input[type=radio]:checked).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-8)}spk-radio.flat:has(input[type=radio]:checked).error,spk-radio.flat.active.error{--radio-bg: var(--error-8)}spk-radio.flat:has(input[type=radio]:checked).success,spk-radio.flat.active.success{--radio-bg: var(--success-8)}spk-radio.raised:has(input[type=radio]:checked),spk-radio.raised.active{--radio-bw: 0;--radio-bg: var(--base-g2)}spk-radio.raised:has(input[type=radio]:checked).primary,spk-radio.raised.active.primary{--radio-bg: var(--primary-g2)}spk-radio.raised:has(input[type=radio]:checked).accent,spk-radio.raised.active.accent{--radio-bg: var(--accent-g2)}spk-radio.raised:has(input[type=radio]:checked).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-g2)}spk-radio.raised:has(input[type=radio]:checked).error,spk-radio.raised.active.error{--radio-bg: var(--error-g2)}spk-radio.raised:has(input[type=radio]:checked).success,spk-radio.raised.active.success{--radio-bg: var(--success-g2)}spk-button-group{--btng-bg: var(--base-1);--btng-c: var(--base-12);--btng-ic: var(--base-12);--btng-bc: var(--base-4);--btng-h: 2.5rem;--btng-p: 0 .75rem;--btng-s: var(--shape-2);--btng-f: var(--paragraph-30);display:inline-flex;border:1px solid var(--btng-bc);border-radius:var(--btng-s);height:var(--btng-h);overflow:hidden}spk-button-group.small{--btng-h: 2rem;--btng-p: 0 .5rem}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:var(--btng-p);transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;white-space:nowrap;background:var(--btng-bg);color:var(--btng-c);font:var(--btng-f);border-left:1px solid var(--btng-bc)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--btng-c: var(--base-12);--btng-ic: var(--base-12);--btng-bg: var(--base-3)}spk-range-slider{--rs-h: 2.5rem;--rs-f: var(--paragraph-30);--rs-unit-g: .75rem;--rs-unit-c: var(--base-8);--rst: var(--base-2);--rst-bc: var(--base-1);--rst-bg: var(--base-8);--rst-h: .5rem;--rst-s: var(--shape-1);--rs-thumb-c: var(--base-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--base-2);--rs-thumb-value-c: var(--base-3);--rs-thumb-si: 1rem;display:flex;flex-direction:column;width:100%;font:var(--rs-f)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider:has(input[type=range][disabled]){--rst-bg: var(--base-8);opacity:.6}spk-range-slider:has(input[type=range][disabled]) *{pointer-events:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--rs-unit-g)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--rs-thumb-si) / 4);width:var(--rs-thumb-si);height:var(--rs-thumb-si);border-radius:50%;background-color:var(--rs-thumb-c);border:1px solid var(--rs-thumb-bc);box-shadow:var(--box-shadow-10);transform:translate(-50%)}spk-range-slider .thumb.always-show .value-indicator{opacity:1}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--rst-h)}spk-range-slider .track{position:relative;width:100%;height:var(--rst-h);border-radius:var(--rst-s);background-color:var(--rst);border:1px solid var(--rst-bc);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--rst-bg);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--rs-unit-c)}spk-range-slider input[type=range]:hover~.thumb-wrap .value-indicator,spk-range-slider input[type=range]:focus~.thumb-wrap .value-indicator{opacity:1}spk-range-slider .value-indicator{position:absolute;top:-1.875rem;height:1.5rem;border-radius:var(--shape-2);left:50%;margin:auto;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--rs-thumb-value-bg);color:var(--rs-thumb-value-c);white-space:nowrap;opacity:0;transition:opacity 125ms linear;-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider .value-indicator:after{content:"";border-top:.375rem solid var(--rs-thumb-value-bg);border-left:.375rem solid transparent;border-right:.375rem solid transparent;position:absolute;top:100%;left:50%;margin-left:-.375rem}spk-range-slider input[type=range][readonly]{-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider input[type=range][readonly]~.track .track-filled{transition:width 125ms linear;border-radius:var(--rst-s)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--rst-bg: var(--primary-8);--rst: var(--primary-4);--rs-thumb-c: var(--primary-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--primary-4);--rs-thumb-value-c: var(--primary-8)}spk-range-slider.accent{--rst-bg: var(--accent-8);--rst: var(--accent-4);--rs-thumb-c: var(--accent-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--accent-4);--rs-thumb-value-c: var(--accent-8)}spk-range-slider.warn{--rst-bg: var(--warn-8);--rst: var(--warn-4);--rs-thumb-c: var(--warn-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--warn-4);--rs-thumb-value-c: var(--warn-8)}spk-range-slider.error{--rst-bg: var(--error-8);--rst: var(--error-4);--rs-thumb-c: var(--error-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--error-4);--rs-thumb-value-c: var(--error-8)}spk-range-slider.success{--rst-bg: var(--success-8);--rst: var(--success-4);--rs-thumb-c: var(--success-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--success-4);--rs-thumb-value-c: var(--success-8)}spk-range-slider.outlined{--rst: var(--base-1);--rst-bc: var(--base-4);--rs-thumb-c: var(--base-6);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.warn,spk-range-slider.outlined.error,spk-range-slider.outlined.success{--rst: var(--base-1)}spk-range-slider.outlined.primary{--rs-thumb-c: var(--primary-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.accent{--rs-thumb-c: var(--accent-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.warn{--rs-thumb-c: var(--warn-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.error{--rs-thumb-c: var(--error-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.success{--rs-thumb-c: var(--success-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.flat{--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.warn,spk-range-slider.flat.error,spk-range-slider.flat.success{--rst: var(--base-2);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.raised{--rst-bg: var(--base-g2);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.warn,spk-range-slider.raised.error,spk-range-slider.raised.success{--rst: var(--base-2);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.raised.primary{--rst-bg: var(--primary-g2)}spk-range-slider.raised.accent{--rst-bg: var(--accent-g2)}spk-range-slider.raised.warn{--rst-bg: var(--warn-g2)}spk-range-slider.raised.error{--rst-bg: var(--error-g2)}spk-range-slider.raised.success{--rst-bg: var(--success-g2)}.tooltip.active+sparkle-tooltip-wrapper{opacity:1;z-index:0;visibility:visible}.tooltip{position:relative;pointer-events:initial!important}.tooltip:after{content:"";position:absolute;inset:-.5rem;z-index:1}.tooltip.primary+sparkle-tooltip-wrapper{--tt-bg: var(--primary-2);--tt-c: var(--primary-8)}.tooltip.accent+sparkle-tooltip-wrapper{--tt-bg: var(--accent-2);--tt-c: var(--accent-8)}.tooltip.warn+sparkle-tooltip-wrapper{--tt-bg: var(--warn-2);--tt-c: var(--warn-8)}.tooltip.error+sparkle-tooltip-wrapper{--tt-bg: var(--error-2);--tt-c: var(--error-8)}.tooltip.success+sparkle-tooltip-wrapper{--tt-bg: var(--success-2);--tt-c: var(--success-8)}.tooltip.active{z-index:1}.tooltip.active+sparkle-tooltip-wrapper{transform:translateY(-.5rem) scale(1)}.tooltip.active+sparkle-tooltip-wrapper.below{transform:translateY(.5rem) scale(1)}sparkle-tooltip-wrapper{--tt-bg: var(--base-3);--tt-c: var(--base-12);--tt-mh: 8.5rem;--tt-mw: 17.5rem;position:fixed;opacity:0;visibility:hidden;padding:0;transform:translateY(50%) scale(0);background:var(--tt-bg);border-radius:var(--shape-2);box-shadow:var(--box-shadow-20);width:max-content;overflow:visible;box-shadow:none;margin:initial;border:0}@supports (anchor-name: --anchor){sparkle-tooltip-wrapper{inset:unset;justify-self:anchor-center;bottom:anchor(top);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}sparkle-tooltip-wrapper: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}sparkle-tooltip-wrapper.below:before{border-top-color:transparent;border-bottom-color:var(--tt-bg);top:auto;bottom:100%}sparkle-tooltip-wrapper .tooltip-content{padding:.5rem .75rem;position:relative;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;color:var(--tt-c);max-height:var(--tt-mh);max-width:var(--tt-mw);overflow:auto;background:none}spk-select{--miw: 13.125rem;display:flex}spk-select spk-form-field{display:flex;--ff-mw: var(--miw)}spk-select spk-popover{flex:1 0}spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-select .selected-value{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:var(--base-8)}spk-select .selected-value input{margin:0}spk-select .selected-value.is-selected{color:var(--base-12)}spk-select spk-form-field .input-wrap .input{position:relative;display:flex;flex-wrap:wrap;--ff-space: .4375rem .625rem}spk-select spk-form-field .input-wrap .input textarea,spk-select spk-form-field .input-wrap .input input{opacity:0;width:0;height:0;position:absolute}spk-select spk-form-field .input-wrap .input.show-search-text input{opacity:1;height:initial;min-width:min-content;field-sizing:content;font:var(--paragraph-30);position:relative}spk-select spk-form-field .input-wrap .input.show-search-text textarea{opacity:1;height:initial;margin:.25rem 0 0}spk-select spk-form-field.small .input-wrap .input{--ff-space: .3125rem .5rem}spk-select spk-form-field.small .input-wrap .input spk-chip{--chip-h: 1.25rem;font-size:80%}.sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.sparkle-options .option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-12);-webkit-user-select:none;user-select:none}.sparkle-options .option[disabled]{opacity:.3;cursor:initial}.sparkle-options .option[disabled]:hover{background-color:transparent}.sparkle-options .option spk-icon{font-size:1rem}.sparkle-options .option.active,.sparkle-options .option:checked,.sparkle-options .option:hover{background-color:var(--base-2);color:var(--base-12)}.sparkle-options .option.focused{background-color:var(--primary-1);color:var(--base-12)}.sparkle-options .option.focused:hover{background-color:var(--primary-2)}spk-card{--card-bg: var(--base-1);--card-ibg: var(--base-2);--card-bc: var(--base-4);--card-sh: var(--box-shadow-10);--card-p: 1.5rem;--card-shp: .5rem;display:block;padding:var(--card-p);position:relative;z-index:0;border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);overflow:hidden}spk-card:before,spk-card:after{content:"";position:absolute}spk-card:before{background-color:var(--card-bg);inset:0;z-index:-2}spk-card:after{background-color:var(--card-ibg);border-radius:var(--shape-2);inset:var(--card-shp);z-index:-1}spk-card.type-b{--card-bg: var(--base-2);--card-ibg: var(--base-1);--card-sh: none;--card-shp: .25rem}spk-card.type-c{--card-ibg: var(--card-bg);--card-p: 0}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-9);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-g2)}spk-stepper [step] spk-radio .radio{--radiod-c: var(--base-1);width:1rem;height:1rem}spk-stepper [step].active{color:var(--primary-8);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-g2)}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-8)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-3)}spk-spinner{--spinner-c: var(--base-8);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}spk-spinner:before{content:"";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}spk-spinner.primary{--spinner-c: var(--primary-8)}spk-spinner.accent{--spinner-c: var(--accent-8)}spk-spinner.warn{--spinner-c: var(--warn-8)}spk-spinner.error{--spinner-c: var(--error-8)}spk-spinner.success{--spinner-c: var(--success-8)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2;background:var(--base-1)}[spkSortable] .sortable-placeholder{position:absolute;top:0;z-index:1}[spkSortable] .sortable-placeholder.active{z-index:1;background-color:var(--base-6);border:1px solid var(--base-8);opacity:.5}[spkSortable] .sortable-ghost,[spkSortable] .sortable-ghost.active{opacity:1}[spkSortable] .sortable-dragged-el.active,[spkSortable] .sortable-dragged-el{opacity:0}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-2)}spk-toggle-card.active .collapsable{grid-template-rows:1fr}spk-toggle-card.active .content{padding:0 1rem 1rem}spk-toggle-card.active .content:empty{padding:0 1rem}spk-toggle-card.active spk-icon.toggle-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon.toggle-icon{cursor:pointer;transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .collapsable{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s linear;overflow:hidden}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;min-height:0;overflow:hidden}spk-table{--table-bc: var(--base-4);--table-th-bg: var(--base-1);--table-tr-bg: var(--base-1);--table-td-bg: var(--base-1);--table-th-c: var(--base-8);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-8);--table-td-f: var(--paragraph-30);--table-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem;width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}spk-table.type-a tbody>th,spk-table.type-a tbody>td,spk-table.type-a thead>th,spk-table.type-a thead>td{padding-right:0}spk-table.type-a tbody>th:first-child,spk-table.type-a tbody>td:first-child,spk-table.type-a thead>th:first-child,spk-table.type-a thead>td:first-child{padding:0}spk-table.type-a.scrolled-x.can-scroll-x [spkStickyColumns=""],spk-table.type-a.scrolled-x.can-scroll-x th.sticky,spk-table.type-a.scrolled-x.can-scroll-x td.sticky{border-right-width:.0625rem}spk-table.type-a:not(.scrolled-x-end).can-scroll-x [spkStickyColumns=end],spk-table.type-a:not(.scrolled-x-end).can-scroll-x th.sticky-end,spk-table.type-a:not(.scrolled-x-end).can-scroll-x td.sticky-end{border-left-width:.0625rem}spk-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-2);--table-sticky-bw: .125rem}spk-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}spk-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}spk-table.type-b [spkStickyColumns=end]{border-left-width:.125rem}spk-table.type-b.scrolled-x [spkStickyColumns=""]{border-right-width:.125rem}spk-table.type-b.scrolled-x-end [spkStickyColumns=end]{border-left-width:.0625rem}spk-table.type-b td.sticky,spk-table.type-b th.sticky{border-left-width:0;border-right-width:.0625rem}spk-table.type-b td.sticky+*,spk-table.type-b th.sticky+*{border-left-width:0}spk-table.resizing{-webkit-user-select:none;user-select:none}spk-table:has([spkTableResize]) td{overflow:auto}spk-table.no-resize .spk-resizer{display:none}spk-table.no-resize td{overflow:initial}spk-table thead{position:relative}spk-table thead:has(tr.sticky){position:sticky;top:0;z-index:2}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table tr{background:var(--table-tr-bg)}spk-table tr.sticky{position:sticky;top:0;z-index:1}spk-table tr.sticky-end{position:sticky;bottom:0;z-index:3}spk-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}spk-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}spk-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);z-index:100}spk-table th:has(.spk-resizer){position:relative}spk-table th .spk-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}spk-table th .spk-resizer:before,spk-table th .spk-resizer:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-4)}spk-table th .spk-resizer:hover:before,spk-table th .spk-resizer:hover:after{background-color:var(--primary-8)}spk-table th .spk-resizer:before{left:.1875rem}spk-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw);background:var(--table-td-bg)}spk-table td+td.sticky-end:last-child{padding:var(--table-td-p)}spk-table th.sticky,spk-table th.sticky-end,spk-table td.sticky,spk-table td.sticky-end{position:sticky;overflow:hidden;right:auto;left:0;z-index:1;padding:var(--table-td-p)}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child,spk-table td.sticky:first-child,spk-table td.sticky-end:first-child{padding:var(--table-th-p)}spk-table th.sticky-end,spk-table td.sticky-end{right:0;left:auto}spk-table th.sticky,spk-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child{padding:var(--table-th-p)}spk-table [spkStickyColumns]{display:grid;grid-template-columns:subgrid;position:sticky;left:0;z-index:1000;border:0;border-color:var(--table-bc);border-style:solid}spk-table [spkStickyColumns=end]{left:auto;right:0}spk-table thead>[spkStickyColumns]{border-width:var(--table-th-bw)}spk-table tbody>[spkStickyColumns]{border-width:var(--table-td-bw)}spk-table .span-all{grid-column:1/-1;white-space:initial;align-items:flex-start;padding:0;border-left-width:0}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-tabs{--tabs-bc: var(--base-4);--tabs-bg: var(--base-1);--tabs-c: var(--base-12);--tabs-c-hover: var(--base-8);--tabs-c-active: var(--base-12);--tabs-f: var(--paragraph-30);--tabs-sel-bg: var(--base-12);display:flex;gap:1rem;border-bottom:1px solid var(--base-4)}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-8);--tabs-c-active: var(--primary-8)}spk-tabs.accent{--tabs-sel-bg: var(--accent-8);--tabs-c-active: var(--accent-8)}spk-tabs.warn{--tabs-sel-bg: var(--warn-8);--tabs-c-active: var(--warn-8)}spk-tabs.error{--tabs-sel-bg: var(--error-8);--tabs-c-active: var(--error-8)}spk-tabs.success{--tabs-sel-bg: var(--success-8);--tabs-c-active: var(--success-8)}spk-file-upload{--fu-bg-active: rgba(0, 0, 0, .1);display:flex;flex-direction:column;gap:.75rem;position:relative}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-2)}spk-file-upload .files-text,spk-file-upload .placeholder{color:var(--base-8);font:var(--paragraph-30B)}spk-file-upload input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:100}spk-file-upload .bg-overlay{opacity:0;position:absolute;inset:.0625rem;background-color:var(--fu-bg-active);transition:opacity 125ms linear;z-index:0;border-radius:var(--ff-s)}spk-file-upload .bg-overlay.files-over{opacity:1}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}.sparkle-popup-menu{min-width:initial}.sparkle-popup-menu.right button{justify-content:flex-end}.cmd-output h1,.markdown-output h1{margin:2.5rem 0 1.5rem}.cmd-output h2,.markdown-output h2{margin:0 0 1.25rem}.cmd-output h3,.markdown-output h3{margin:0 0 1rem}.cmd-output h4,.cmd-output h5,.cmd-output h6,.cmd-output p,.markdown-output h4,.markdown-output h5,.markdown-output h6,.markdown-output p{margin:0 0 .75rem}.cmd-output code,.markdown-output code{padding:.25rem .5rem;border-radius:var(--shape-2);background-color:var(--base-8);color:var(--base-1);display:inline-block;font-size:85%}.cmd-output h1 code,.markdown-output h1 code{padding:0;text-decoration:underline;background-color:transparent;color:var(--base-12);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) " "}