@duplicati/ngclient 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/spk.woff2 +0 -0
- package/chunk-2LTGXEZS.js +1 -0
- package/{chunk-V7LHB36E.js → chunk-3B6RZWP4.js} +1 -1
- package/chunk-3DBUGAIF.js +1 -0
- package/chunk-3SP3MQEU.js +1 -0
- package/chunk-4OR2MBXM.js +1 -0
- package/{chunk-P4AWKIXG.js → chunk-6PJU5W5X.js} +1 -1
- package/chunk-74EYKZJR.js +1 -0
- package/chunk-7CGTOI24.js +1 -0
- package/chunk-7ROMUYYO.js +1 -0
- package/chunk-7YI4IDWY.js +1 -0
- package/chunk-7YM6RN2G.js +1 -0
- package/chunk-A2PI66LB.js +1 -0
- package/chunk-AVWHS36O.js +1 -0
- package/chunk-B42N6RQ3.js +1 -0
- package/{chunk-K4KGTWQK.js → chunk-BDBR5EDG.js} +1 -1
- package/{chunk-K3HFPUKT.js → chunk-BRVLVIBB.js} +1 -1
- package/chunk-CWAAKGM6.js +1 -0
- package/chunk-DNHLTHLR.js +1 -0
- package/chunk-ER25OIRY.js +1 -0
- package/chunk-HAOKXZHF.js +1 -0
- package/{chunk-TIGGJ4KF.js → chunk-ICCENBZO.js} +1 -1
- package/chunk-KLPRJO2S.js +1 -0
- package/chunk-MYQPVSUP.js +1 -0
- package/chunk-NGPWOMCW.js +8 -0
- package/chunk-NSHVJHI5.js +1 -0
- package/chunk-NVFX5EQI.js +1 -0
- package/{chunk-AVFON3HN.js → chunk-OI46JH74.js} +2 -2
- package/{chunk-5Y47Y3RB.js → chunk-Q3B3QVNE.js} +1 -1
- package/chunk-QROBYUJD.js +2 -0
- package/{chunk-JDCFQ6PF.js → chunk-QVTIOQU4.js} +1 -1
- package/{chunk-DMP4KFQP.js → chunk-RH5CENQ7.js} +1 -1
- package/chunk-RIVCLGIC.js +1 -0
- package/chunk-RK3NUMZK.js +1 -0
- package/chunk-RL7JYJ4S.js +1 -0
- package/chunk-S4UXVQU2.js +1 -0
- package/chunk-SS4RWMEQ.js +1 -0
- package/chunk-SWUZR64I.js +1 -0
- package/chunk-TXPM7OPP.js +1 -0
- package/chunk-VJK4WSMT.js +1 -0
- package/chunk-WH7DPJOS.js +1 -0
- package/chunk-WQPTWFXA.js +1 -0
- package/chunk-XYN4OGS4.js +1 -0
- package/chunk-ZBL4ZWSP.js +1 -0
- package/chunk-ZUISIMKR.js +1 -0
- package/chunk-ZUVMWAQY.js +1 -0
- package/index.html +2 -2
- package/main-RMFQXRTZ.js +1 -0
- package/package.json +1 -1
- package/styles-GLYEHLO7.css +1 -0
- package/chunk-2AXNYUNT.js +0 -2
- package/chunk-4KQ5PO6F.js +0 -1
- package/chunk-4W77W5ES.js +0 -1
- package/chunk-5FHN6XPA.js +0 -1
- package/chunk-5SGHSZAK.js +0 -1
- package/chunk-6XCCSABS.js +0 -1
- package/chunk-AFUS3PYG.js +0 -1
- package/chunk-BQJJKX7Q.js +0 -1
- package/chunk-C52YH32J.js +0 -1
- package/chunk-CHPE3R64.js +0 -1
- package/chunk-CMP3TWYX.js +0 -1
- package/chunk-H2IAZHJK.js +0 -1
- package/chunk-IYC3FMCU.js +0 -1
- package/chunk-JCO3FLHD.js +0 -1
- package/chunk-JZTRJKNF.js +0 -1
- package/chunk-KCVUEWQV.js +0 -1
- package/chunk-L4EVZZOM.js +0 -1
- package/chunk-LPWDGHUL.js +0 -1
- package/chunk-MVPI7URN.js +0 -1
- package/chunk-NN636EFZ.js +0 -1
- package/chunk-RBNO3K72.js +0 -8
- package/chunk-RUP4GIVS.js +0 -1
- package/chunk-S3XM5X3R.js +0 -1
- package/chunk-SYBUINNV.js +0 -1
- package/chunk-VG4KZKV3.js +0 -1
- package/chunk-VSPW7AWV.js +0 -1
- package/chunk-WU4K3UNC.js +0 -1
- package/chunk-X2SVHSJM.js +0 -1
- package/chunk-XJ2LABT6.js +0 -1
- package/chunk-ZL5O2DGZ.js +0 -1
- package/chunk-ZYCMR5VM.js +0 -1
- package/main-BZZ56FAH.js +0 -1
- package/styles-7MWOIMAV.css +0 -1
package/chunk-ZL5O2DGZ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as me}from"./chunk-5Y47Y3RB.js";import{a as le}from"./chunk-K3HFPUKT.js";import"./chunk-JDCFQ6PF.js";import{a as ae}from"./chunk-RUP4GIVS.js";import"./chunk-V7LHB36E.js";import"./chunk-WU4K3UNC.js";import{b as se}from"./chunk-P4AWKIXG.js";import{b as L,d as $,e as W,f as q,h as z,i as j,j as H,l as J,m as K,n as Q,o as X,p as Y,q as Z}from"./chunk-C52YH32J.js";import{a as re}from"./chunk-TIGGJ4KF.js";import{d as ee,h as te,l as ne,n as ie}from"./chunk-KCVUEWQV.js";import{a as oe}from"./chunk-SYBUINNV.js";import{$a as O,$b as G,Db as r,Eb as E,Fb as b,Jb as A,L as v,La as D,Oa as s,Ua as h,X as y,Z as I,bb as S,bc as B,db as M,f as F,fb as C,gb as x,ha as u,hb as T,ia as d,ib as k,jb as n,kb as o,lb as p,mb as R,nb as w,pb as _,qb as m,rb as c,s as U,ub as N}from"./chunk-RBNO3K72.js";function ue(a,e){if(a&1){let t=_();n(0,"spk-form-field",28),p(1,"input",29),o(),n(2,"button",30),m("click",function(){u(t);let l=c(2);return d(l.beginRemoteRegistration())}),r(3," Register for remote control "),o()}}function de(a,e){if(a&1&&(n(0,"div",26)(1,"label"),r(2,"Machine is now registered, open this link to add it to your account:"),o(),n(3,"a",31),r(4),o()()),a&2){let t=c(2);s(3),N("href",t.remoteControlClaimUrl(),D),s(),E(t.remoteControlClaimUrl())}}function ge(a,e){a&1&&(n(0,"div",26)(1,"label"),r(2,"Registering, please wait..."),o()())}function Ce(a,e){if(a&1){let t=_();n(0,"button",30),m("click",function(){u(t);let l=c(2);return d(l.cancelRemoteRegistration())}),r(1," Cancel registration "),o()}}function _e(a,e){if(a&1){let t=_();n(0,"button",30),m("click",function(){u(t);let l=c(2);return d(l.disableRemoteControl())}),r(1," Disable remote control "),o()}}function fe(a,e){if(a&1){let t=_();n(0,"button",30),m("click",function(){u(t);let l=c(2);return d(l.enableRemoteControl())}),r(1," Enable remote control "),o(),n(2,"button",32),m("click",function(){u(t);let l=c(2);return d(l.deleteRemoteControl())}),r(3," Delete remote control setup "),o()}}function Se(a,e){if(a&1&&(n(0,"div",5),O(1,ue,4,0)(2,de,5,2,"div",26)(3,ge,3,0,"div",26)(4,Ce,2,0,"button",27)(5,_e,2,0,"button",27)(6,fe,4,0),o()),a&2){let t=c();s(),C(t.remoteControlState()==="inactive"?1:-1),s(),C(t.remoteControlState()==="registered"?2:-1),s(),C(t.remoteControlState()==="registering"?3:-1),s(),C(t.remoteControlState()==="registering"||t.remoteControlState()==="registeringfaulted"||t.remoteControlState()==="registered"?4:-1),s(),C(t.remoteControlState()==="connected"||t.remoteControlState()==="enabled"?5:-1),s(),C(t.remoteControlState()==="disabled"?6:-1)}}function he(a,e){if(a&1){let t=_();n(0,"option",33),m("click",function(){let l=u(t).$implicit,g=c();return d(g.pauseSettings.controls.timeType.setValue(l.value))}),r(1),o()}if(a&2){let t=e.$implicit;S("value",t.value),s(),b(" ",t.label," ")}}function be(a,e){if(a&1){let t=_();n(0,"option",33),m("click",function(){let l=u(t).$implicit,g=c();return d(g.pauseSettings.controls.time.setValue(l))}),r(1),o()}if(a&2){let t=e.$implicit;S("value",t),s(),E(t)}}function ve(a,e){if(a&1){let t=_();n(0,"option",33),m("click",function(){let l=u(t).$implicit,g=c();return d(g.settingsForm.controls.usageStatistics.setValue(l.value))}),r(1),o()}if(a&2){let t=e.$implicit;S("value",t.value),s(),b(" ",t.label," ")}}var f=new X,pe=[{value:"s",label:"Seconds"},{value:"m",label:"Minutes"},{value:"h",label:"Hours"}],V=[{value:"en",label:"English"},{value:"fr",label:"French"},{value:"de",label:"German"},{value:"es",label:"Spanish"},{value:"it",label:"Italian"}],ce=[{value:"",label:"System default (information)"},{value:"information",label:"Usage statistics, warnings, errors, and crashes"},{value:"warning",label:"Warnings, errors and crashes"},{value:"error",label:"Errors and crashes"},{value:"crash",label:"Crashes only"},{value:"none",label:"None / disabled"}],P=class a{#i=y(le);#o=y(re);#e=y(oe);sysinfo=this.#o.systemInfo;isDarkMode=this.#i.isDarkMode;editAs=h("list");settingsForm=f.group({pauseSettings:f.group({time:f.control(0),timeType:f.control("s")}),language:f.control("en"),usageStatistics:f.control(""),updateChannel:f.control(""),remoteControlRegisterUrl:f.control("")});remoteControlState=h("unknown");remoteControlClaimUrl=h(null);sysInfoEffect=B(()=>{this.settingsForm.controls.remoteControlRegisterUrl.patchValue(this.sysinfo()?.RemoteControlRegistrationUrl??"")},{allowSignalWrites:!0});get pauseSettings(){return this.settingsForm.controls.pauseSettings}langSignal=se(this.settingsForm.controls.language.valueChanges);timeTypeOptions=h(pe);timeOptions=me([this.pauseSettings.controls.timeType.valueChanges.pipe(v("s")),this.pauseSettings.controls.time.valueChanges.pipe(v(null))],F(U(([e,t])=>{let i=this.#r(e);return t!==null?i.filter(l=>l.toString().includes(t.toString())):i}),v([])));languageOptions=G(()=>this.langSignal()?V.filter(e=>e.value===this.langSignal()):V);usageStatisticsOptions=h(ce);ngOnInit(){this.refreshRemoteControlStatus(),this.getServerSettings()}submit(){let e=`${this.pauseSettings.controls.time.value}${this.pauseSettings.controls.timeType.value}`;this.#e.patchApiV1Serversettings({requestBody:{"usage-reporter-level":this.settingsForm.controls.usageStatistics.value,"startup-delay":e==="0s"?"":e,"update-channel":this.settingsForm.controls.updateChannel.value}}).subscribe({next:t=>{console.log("res",t)},error:t=>{console.error("err",t)}})}getServerSettings(){return this.#e.getApiV1Serversettings().subscribe({next:e=>{let t=e["startup-delay"];this.settingsForm.patchValue({pauseSettings:{time:parseInt(t.substring(0,t.length-1)==""?"0":t.substring(0,t.length-1)),timeType:t.substring(-1)===""?"s":t.substring(-1)},usageStatistics:e["usage-reporter-level"],updateChannel:e["update-channel"]})}})}languageDisplay(e){return e?V.find(t=>t.value===e)?.label??null:null}typeDisplay(e){return e==null?null:pe.find(t=>t.value===e)?.label??null}usageDisplay(e){return typeof e!="string"?null:ce.find(t=>t.value===e)?.label??null}setDarkMode(){this.#i.setDarkMode()}setLightMode(){this.#i.setLightMode()}#r(e){let t=e==="h"?25:61;return new Array(t).fill(0).map((i,l)=>l)}repeatRegisterTimer=null;#t(e){e.RegistrationUrl&&this.remoteControlClaimUrl.set(e.RegistrationUrl),console.log(e),e.IsConnected?this.remoteControlState.set("connected"):e.IsEnabled?this.remoteControlState.set("enabled"):e.CanEnable?this.remoteControlState.set("disabled"):e.IsRegisteringFaulted?this.remoteControlState.set("registeringfaulted"):e.IsRegistering?e.RegistrationUrl!=null&&e.RegistrationUrl.trim().length>0?this.remoteControlState.set("registered"):this.remoteControlState.set("registering"):this.remoteControlState.set("inactive");let t=this.remoteControlState();console.log(t),this.repeatRegisterTimer!==null&&(clearTimeout(this.repeatRegisterTimer),this.repeatRegisterTimer=null),t==="registering"&&(this.repeatRegisterTimer=setTimeout(()=>{this.#e.postApiV1RemotecontrolRegister({requestBody:{RegistrationUrl:""}}).subscribe({next:i=>{this.#t(i)},error:i=>{this.#n(i)}})},5e3)),(t==="enabled"||t==="registered")&&(this.repeatRegisterTimer=setTimeout(()=>{this.#e.getApiV1RemotecontrolStatus().subscribe({next:i=>{this.#t(i)},error:i=>{this.#n(i)}})},5e3)),e.IsRegistering&&e.CanEnable&&this.#e.deleteApiV1RemotecontrolRegister().subscribe({next:i=>{this.#t(i)}})}#n(e){this.#e.getApiV1RemotecontrolStatus().subscribe({next:t=>{this.#t(t)}})}refreshRemoteControlStatus(){this.#e.getApiV1RemotecontrolStatus().subscribe({next:e=>{this.#t(e)},error:e=>{this.#n(e)}})}beginRemoteRegistration(){this.remoteControlState.set("registering");let e=this.settingsForm.controls.remoteControlRegisterUrl.value;this.#e.postApiV1RemotecontrolRegister({requestBody:{RegistrationUrl:e}}).subscribe({next:t=>{this.#t(t)},error:t=>{this.#n(t)}})}cancelRemoteRegistration(){this.#e.deleteApiV1RemotecontrolRegister().subscribe({next:e=>{this.#t(e)},error:e=>{this.#n(e)}})}enableRemoteControl(){this.#e.postApiV1RemotecontrolEnable().subscribe({next:e=>{this.#t(e)},error:e=>{this.#n(e)}})}disableRemoteControl(){this.#e.postApiV1RemotecontrolDisable().subscribe({next:e=>{this.#t(e)},error:e=>{this.#n(e)}})}deleteRemoteControl(){let e=this;confirm("Are you sure you want to delete the remote control registration?")&&e.#e.deleteApiV1RemotecontrolRegistration().subscribe({next:t=>{e.#t(t)},error:t=>{e.#n(t)}})}getRemoteControlStatusText(){let e=this.remoteControlState();return e==="enabled"?"Remote control is enabled but not connected":e==="connected"?"Remote control is connected":e==="registering"?"Registering machine...":e==="registeringfaulted"?"Registration failed":e==="registered"?"Registered, waiting for accept":e==="disabled"?"Remote control is configured but not enabled":e==="unknown"?"...loading...":"Remote control is not set up"}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=I({type:a,selectors:[["app-settings"]],standalone:!0,features:[A],decls:100,vars:11,consts:[[1,"content",3,"submit","formGroup"],[1,"title"],["type","submit","spk-button","",1,"raised","primary"],[1,"left"],[1,"right","remote-control"],[1,"field-row"],[1,"right"],["formGroupName","pauseSettings",1,"field-row"],[3,"displayValue"],["type","text","formControlName","timeType"],["options",""],[3,"value"],["type","search","formControlName","time"],[1,"themes"],["src","assets/images/light-theme.png","alt","light theme",3,"click"],["src","assets/images/dark-theme.png","alt","dark theme",3,"click"],[1,"right","radios"],[1,"radio-option",3,"click"],[1,"outlined","primary"],["type","radio","name","updateChannel","value","","formControlName","updateChannel"],["type","radio","name","updateChannel","value","stable","formControlName","updateChannel"],["type","radio","name","updateChannel","value","beta","formControlName","updateChannel"],["type","radio","name","updateChannel","value","experimental","formControlName","updateChannel"],["type","radio","name","updateChannel","value","canary","formControlName","updateChannel"],["href","#"],["type","text","formControlName","usageStatistics"],[1,"field-col"],["type","button","spk-button","",1,"raised"],["label","Registration URL","for","remoteControlRegisterUrl"],["type","text","spk-input","","id","remoteControlRegisterUrl","name","remoteControlRegisterUrl","formControlName","remoteControlRegisterUrl"],["type","button","spk-button","",1,"raised",3,"click"],["target","_blank",3,"href"],["type","button","spk-button","",1,"raised","warn",3,"click"],[3,"click","value"]],template:function(t,i){if(t&1&&(p(0,"app-status-bar"),n(1,"form",0),m("submit",function(){return i.submit()}),n(2,"header")(3,"div",1)(4,"h2"),r(5,"Settings"),o(),n(6,"p"),r(7,"Configure your backup settings."),o()(),n(8,"button",2),r(9,"Save changes"),o()(),n(10,"section")(11,"div",3)(12,"h3"),r(13,"Remote access control"),o(),n(14,"p"),r(15),o()(),n(16,"div",4),O(17,Se,7,6,"div",5),o()(),n(18,"section")(19,"div",3)(20,"h3"),r(21,"Pause after startup or hibernation"),o(),n(22,"p"),r(23," Duplicati will run when started, but will remain in paused state for the duration. Duplicati will occupy minimal system resources and no backups will be run. "),o()(),n(24,"div",6)(25,"div",7)(26,"spk-select",8),p(27,"input",9),R(28,10),T(29,he,2,2,"option",11,x),w(),o(),n(31,"spk-select"),p(32,"input",12),R(33,10),T(34,be,2,2,"option",11,x),w(),o()()()(),n(36,"section")(37,"div",3)(38,"h3"),r(39,"Color theme"),o(),n(40,"p"),r(41,"Customize your application theme"),o()(),n(42,"div",6)(43,"div",13)(44,"img",14),m("click",function(){return i.setLightMode()}),o(),n(45,"img",15),m("click",function(){return i.setDarkMode()}),o()()()(),n(46,"section")(47,"div",3)(48,"h3"),r(49,"Update channel"),o(),n(50,"p"),r(51,"Lorem ipsum dolor sit amet, consectetur adipiscing elit."),o()(),n(52,"div",16)(53,"div",17),m("click",function(){return i.settingsForm.controls.updateChannel.setValue("")}),n(54,"spk-radio",18),r(55),p(56,"input",19),o(),n(57,"p"),r(58),o()(),n(59,"div",17),m("click",function(){return i.settingsForm.controls.updateChannel.setValue("stable")}),n(60,"spk-radio",18),r(61," Stable "),p(62,"input",20),o(),n(63,"p"),r(64,"Official releases"),o()(),n(65,"div",17),m("click",function(){return i.settingsForm.controls.updateChannel.setValue("beta")}),n(66,"spk-radio",18),r(67," Beta "),p(68,"input",21),o(),n(69,"p"),r(70," Try out the new features that we are working on. Currently the most stable version available. Test Restore data before using this in production environments. "),o()(),n(71,"div",17),m("click",function(){return i.settingsForm.controls.updateChannel.setValue("experimental")}),n(72,"spk-radio",18),r(73," Experimental "),p(74,"input",22),o(),n(75,"p"),r(76,"Specific builds for developers only. Not for use with important data."),o()(),n(77,"div",17),m("click",function(){return i.settingsForm.controls.updateChannel.setValue("canary")}),n(78,"spk-radio",18),r(79," Canary "),p(80,"input",23),o(),n(81,"p"),r(82,"Individual builds for developers only. Not for use with important data."),o()()()(),n(83,"section")(84,"div",3)(85,"h3"),r(86,"Usage statistics"),o(),n(87,"p"),r(88," Usage reports help us improve the user experience and evaluate impact of new features. We use them to generate "),n(89,"a",24),r(90,"public usage statistics."),o(),p(91,"br")(92,"br"),r(93," All usage reports are sent anonymously and do not contain any personal information. They contain information about hardware and operating system, the type of backend, backup duration, overall size of source data and similar data. They do not contain paths, filenames, usernames, passwords or similar sensitive information. "),o()(),n(94,"div",6)(95,"spk-select",8),p(96,"input",25),R(97,10),T(98,ve,2,2,"option",11,x),w(),o()()()()),t&2){let l,g;s(),S("formGroup",i.settingsForm),s(14),E(i.getRemoteControlStatusText()),s(2),C(i.remoteControlState()!=="unknown"?17:-1),s(9),S("displayValue",i.typeDisplay(i.settingsForm.value.pauseSettings==null?null:i.settingsForm.value.pauseSettings.timeType)),s(3),k(i.timeTypeOptions()),s(5),k(i.timeOptions()),s(10),M("active",!i.isDarkMode()),s(),M("active",i.isDarkMode()),s(10),b(" Default (",(l=i.sysinfo())==null?null:l.DefaultUpdateChannel,") "),s(3),b("Same as the base install version: ",(g=i.sysinfo())==null?null:g.ServerVersionType,""),s(37),S("displayValue",i.usageDisplay(i.settingsForm.controls.usageStatistics.value)),s(3),k(i.usageStatisticsOptions())}},dependencies:[Y,q,K,Q,L,z,$,W,Z,j,J,H,ae,ee,ne,te,ie],styles:["[_nghost-%COMP%]{display:block}.content[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:0 2rem 2rem}header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:2rem 0}header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.25rem}section[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem 0;border-top:1px solid var(--base-level-40)}section[_ngcontent-%COMP%] .left[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}section[_ngcontent-%COMP%] .left[_ngcontent-%COMP%] spk-button-group[_ngcontent-%COMP%]{margin-top:.25rem}section[_ngcontent-%COMP%] .left[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{text-wrap:balance;width:50%}.themes[_ngcontent-%COMP%]{display:flex;gap:.5rem}.themes[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:240px;border-radius:var(--shape-3);cursor:pointer}.themes[_ngcontent-%COMP%] img.active[_ngcontent-%COMP%]{border:2px solid var(--primary-500)}.radios[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1rem}.radio-option[_ngcontent-%COMP%]{cursor:pointer}.radio-option[_ngcontent-%COMP%] spk-radio[_ngcontent-%COMP%]{color:var(--base-level-60);margin-bottom:.25rem}.radio-option[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{text-wrap:balance;color:var(--base-level-60R)}.field-col[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem}.field-row[_ngcontent-%COMP%]{display:flex;gap:.5rem;width:100%}.field-row[_ngcontent-%COMP%] spk-form-field[_ngcontent-%COMP%], .field-row[_ngcontent-%COMP%] spk-select[_ngcontent-%COMP%]{flex:1 0}.remote-control[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{white-space:nowrap}"],changeDetection:0})};export{P as default};
|
package/chunk-ZYCMR5VM.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as h}from"./chunk-P4AWKIXG.js";import{a as s}from"./chunk-SYBUINNV.js";import{Db as o,Eb as c,Jb as m,Oa as p,X as g,Z as r,jb as t,kb as n}from"./chunk-RBNO3K72.js";var a=class i{#e=g(s);changelog=h(this.#e.getApiV1Changelog());static \u0275fac=function(e){return new(e||i)};static \u0275cmp=r({type:i,selectors:[["app-changelog"]],standalone:!0,features:[m],decls:4,vars:1,template:function(e,u){if(e&1&&(t(0,"h3"),o(1,"Changelog"),n(),t(2,"pre"),o(3),n()),e&2){let l;p(3),c((l=u.changelog())==null?null:l.Changelog)}},styles:["[_nghost-%COMP%]{display:block}h3[_ngcontent-%COMP%]{font:var(--title-30)}"],changeDetection:0})};export{a as default};
|
package/main-BZZ56FAH.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as z}from"./chunk-K4KGTWQK.js";import{a as b}from"./chunk-JDCFQ6PF.js";import{b as G}from"./chunk-V7LHB36E.js";import{b as _}from"./chunk-KCVUEWQV.js";import{a as L,b as $,c as K,f as W,g as B}from"./chunk-AFUS3PYG.js";import{a as J}from"./chunk-L4EVZZOM.js";import"./chunk-SYBUINNV.js";import{A as k,Jb as x,M as w,R as v,U as N,Ua as l,X as i,Xb as V,Z as A,bc as P,g as I,lb as O,p as E,sc as j,tc as F,vc as H,wc as D,xc as U}from"./chunk-RBNO3K72.js";var q={production:!0,baseUrl:"/api",machineServerUrl:"${WS_URL}",defaultTimeout:3e4};var m=new N("ENVIRONMENT");var Z=[{path:"",children:[{path:"login",loadComponent:()=>import("./chunk-VG4KZKV3.js")},{path:"logout",loadComponent:()=>import("./chunk-2AXNYUNT.js")},{path:"",loadComponent:()=>import("./chunk-XJ2LABT6.js"),children:[{path:"",loadComponent:()=>import("./chunk-LPWDGHUL.js")},{path:"add-backup",loadComponent:()=>import("./chunk-MVPI7URN.js")},{path:"backup/:id",loadComponent:()=>import("./chunk-CMP3TWYX.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-NN636EFZ.js")},{path:"destination",loadComponent:()=>import("./chunk-4KQ5PO6F.js")},{path:"source-data",loadComponent:()=>import("./chunk-IYC3FMCU.js")},{path:"schedule",loadComponent:()=>import("./chunk-5FHN6XPA.js")},{path:"options",loadComponent:()=>import("./chunk-BQJJKX7Q.js")}]},{path:"restore",loadComponent:()=>import("./chunk-4W77W5ES.js")},{path:"restore-flow/:id",loadComponent:()=>import("./chunk-S3XM5X3R.js"),children:[{path:"",redirectTo:"select-files",pathMatch:"full"},{path:"select-files",loadComponent:()=>import("./chunk-JCO3FLHD.js")},{path:"options",loadComponent:()=>import("./chunk-6XCCSABS.js")}]},{path:"settings",loadComponent:()=>import("./chunk-ZL5O2DGZ.js")},{path:"about",loadComponent:()=>import("./chunk-X2SVHSJM.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-AVFON3HN.js")},{path:"changelog",loadComponent:()=>import("./chunk-ZYCMR5VM.js")},{path:"libraries",loadComponent:()=>import("./chunk-VSPW7AWV.js")},{path:"system-info",loadComponent:()=>import("./chunk-H2IAZHJK.js")},{path:"logs",loadComponent:()=>import("./chunk-5SGHSZAK.js")}]}]}]}];var g=0,Q=(t,o)=>{let e=i(z),s=i(K),p=i(m),r=i(_),c=t;return e.tokenSetTime()&&Date.now()-e.tokenSetTime()>15*60*1e3&&g<1?(g++,e.refreshToken().pipe(w(n=>(c=t.clone({headers:t.headers.set("Authorization",`Bearer ${n.AccessToken}`)}),o(c))))):(e.token()&&t.url.startsWith(p.baseUrl)&&(c=t.clone({headers:t.headers.set("Authorization",`Bearer ${e.token()}`)})),o(c).pipe(k(n=>{if(r.error(n.message),n.status===401&&g<1)return g++,e.refreshToken().pipe(w(()=>o(t.clone({headers:t.headers.set("Authorization",`Bearer ${e.token()}`)}))));n.status===401&&(s.navigate(["/logout"]),g=0);let a=`Error Code: ${n.status}, Message: ${n.message}`;return E(()=>a)})))};var oe="1.0.0",X="portal-proxy-client",ne=1,R=class t{#o=1e3;#s=i(m);#t=l("disconnected");#l=l(this.#o);#i=l(!1);#n=l(!1);#a=l(null);isConnectedToMachineServer=this.#n.asReadonly();wsState=this.#t.asReadonly();#p=[];#r={};#e=null;#m=new TextDecoder("utf-8");#c=null;#d=P(()=>{let o=this.#i(),e=this.#l(),s=this.#a();if(!s||!o||!e||e<this.#o){this.#c&&window.clearInterval(this.#c);return}this.#c=window.setInterval(()=>{this.connectToMachineServer(s)},e)});utf8Atob(o){let e=Uint8Array.from(atob(o),p=>p.charCodeAt(0)),s=this.#m.decode(e);return s?JSON.parse(s):null}connectToMachineServer(o,e){let s=e?.reconnect??!1;this.#e&&this.wsState()==="authenticated"&&!s||(this.#e&&this.wsState()!=="authenticated"&&this.#e.close(),this.#e=new WebSocket(this.#s.machineServerUrl),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(o),this.#i.set(!0)},this.#e.onerror=()=>{this.#t.set("error")},this.#e.onmessage=p=>{let r=JSON.parse(p.data);if(this.wsState()==="connect"){if(r.type!=="welcome"){this.disconnectFromMachineServer(`Unexpected message type, expected 'welcome' but got '${r.type}'`);return}let n={token:o,publicKey:"",clientVersion:oe,protocolVersion:ne},a=this.createResponse(r,"authportal",n);this.#t.set("welcome"),this.#e?.send(a)}else if(this.wsState()==="welcome"){if(r.type!=="authportal"){this.disconnectFromMachineServer(`Unexpected message type, expected 'authportal' but got '${r.type}'`);return}var c=JSON.parse(r.payload??"");if(c.accepted===!1){this.disconnectFromMachineServer("Authentication failed");return}for(this.#t.set("authenticated"),this.#n.set(!0);this.#p.length>0;){let n=this.#p.pop();n&&this.#r[n.messageId]&&this.activateCommand(n)}}else if(this.wsState()==="authenticated"){if(r.type!=="command"){console.warn(`Unexpected message type, expected 'command' but got '${r.type}'`);return}let n=this.#r[r.messageId];if(n){if(r.errorMessage){n.reject(r.errorMessage);return}else{let a=JSON.parse(r.payload??"");a.body=a?.body==null?null:this.utf8Atob(a.body),n.resolve(a)}delete this.#r[r.messageId],window.clearTimeout(n.timer)}}})}disconnectFromMachineServer(o=null){o&&console.error(o),this.#e?.close(),this.#e=null,this.#t.set("disconnected"),this.#n.set(!1)}createResponse(o,e,s){let p={from:X,to:o.from,type:e,messageId:o.messageId,payload:JSON.stringify(s)};return JSON.stringify(p)}sendCommand(o,e,s,p,r,c,n=5e3){return(this.wsState()==="disconnected"||this.wsState()==="error")&&this.connectToMachineServer(o),new Promise((a,T)=>{let d=crypto.randomUUID(),f={from:X,to:e,type:"command",messageId:d,payload:JSON.stringify({method:s,path:p,body:r,headers:c})},y={resolve:a,reject:T,timer:window.setTimeout(()=>{let C=this.#r[d];C&&(delete this.#r[d],C.reject("Timeout"))},n)};this.#r[d]=y,this.#n()?this.activateCommand(f):this.#p.push(f)})}activateCommand(o){this.#e?.send(JSON.stringify(o))}static \u0275fac=function(e){return new(e||t)};static \u0275prov=v({token:t,factory:t.\u0275fac,providedIn:"root"})};var u=class t{#o=l(null);config=this.#o.asReadonly();setConfig(o){this.#o.set(o)}clearConfig(){this.#o.set(null)}static \u0275fac=function(e){return new(e||t)};static \u0275prov=v({token:t,factory:t.\u0275fac,providedIn:"root"})};function re(t){if(typeof t!="string")return null;let e=new TextEncoder().encode(t);return window.btoa(String.fromCharCode(...e))}var ee=(t,o)=>{let s=i(u).config(),p=i(m);if(s===null)return o(t);let r=i(R),c=re(t.body),n={};t.headers.keys().forEach(h=>{n[h]=t.headers.get(h)??""});let a=t.headers.get("timeout"),T=a!==null?parseInt(a):p.defaultTimeout,d=r.sendCommand(s.accessToken,s.clientId,t.method,t.url,c,n,T);return new I(h=>{d.then(f=>{let y=new j;n!=null&&Object.keys(n).forEach(M=>{y.set(M,n[M])});let C=new F({body:f.body,status:f.code,statusText:"OK",headers:y});h.next(C),h.complete()})})};var te={providers:[V(),W(Z,B()),H(U(),D([ee,Q])),b,{provide:m,useValue:q},G]};var S=class t{#o=i(b);#s=i(L);#t=i(u);sub=null;ngOnInit(){this.sub=this.#s.queryParams.subscribe(({accessToken:o,clientId:e})=>{o?.length&&e?.length&&this.#t.setConfig({accessToken:o,clientId:e})}),this.#o.clearAllNotCurrentVersion()}ngOnDestroy(){this.sub?.unsubscribe()}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=A({type:t,selectors:[["app-root"]],standalone:!0,features:[x],decls:1,vars:0,template:function(e,s){e&1&&O(0,"router-outlet")},dependencies:[$],encapsulation:2})};J(S,te).catch(t=>console.error(t));
|
package/styles-7MWOIMAV.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--font-size: 16px;font-size:var(--font-size)}html body{--sparkle-light: initial;--sparkle-dark: ;color-scheme:light dark;--primary-50: #eff6ff;--primary-rgb-50: 239,246,255;--primary-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-rgb-100: 219,234,254;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-rgb-200: 191,219,254;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-rgb-300: 147,197,253;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-rgb-400: 96,165,250;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-rgb-500: 59,130,246;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-rgb-600: 37,99,235;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-rgb-700: 29,78,216;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-rgb-800: 30,64,175;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-rgb-900: 30,58,138;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-rgb-950: 23,37,84;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-rgb-50: 245,243,255;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-rgb-100: 237,233,254;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-rgb-200: 221,214,254;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-rgb-300: 196,181,253;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-rgb-400: 167,139,250;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-rgb-500: 139,92,246;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-rgb-600: 124,58,237;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-rgb-700: 109,40,217;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-rgb-800: 91,33,182;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-rgb-900: 76,29,149;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-rgb-950: 46,16,101;--accent-contrast-950: var(--light-primary-text);--tertiary-50: #fffbeb;--tertiary-rgb-50: 255,251,235;--tertiary-contrast-50: var(--dark-primary-text);--tertiary-100: #fef3c7;--tertiary-rgb-100: 254,243,199;--tertiary-contrast-100: var(--dark-primary-text);--tertiary-200: #fde68a;--tertiary-rgb-200: 253,230,138;--tertiary-contrast-200: var(--dark-primary-text);--tertiary-300: #fcd34d;--tertiary-rgb-300: 252,211,77;--tertiary-contrast-300: var(--dark-primary-text);--tertiary-400: #fbbf24;--tertiary-rgb-400: 251,191,36;--tertiary-contrast-400: var(--light-primary-text);--tertiary-500: #f59e0b;--tertiary-rgb-500: 245,158,11;--tertiary-contrast-500: var(--light-primary-text);--tertiary-600: #d97706;--tertiary-rgb-600: 217,119,6;--tertiary-contrast-600: var(--light-primary-text);--tertiary-700: #b45309;--tertiary-rgb-700: 180,83,9;--tertiary-contrast-700: var(--light-primary-text);--tertiary-800: #92400e;--tertiary-rgb-800: 146,64,14;--tertiary-contrast-800: var(--light-primary-text);--tertiary-900: #78350f;--tertiary-rgb-900: 120,53,15;--tertiary-contrast-900: var(--light-primary-text);--tertiary-950: #451a03;--tertiary-rgb-950: 69,26,3;--tertiary-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-rgb-50: 250,250,250;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-rgb-100: 244,244,245;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-rgb-200: 228,228,231;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-rgb-300: 212,212,216;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-rgb-400: 161,161,170;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-rgb-500: 113,113,122;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-rgb-600: 82,82,91;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-rgb-700: 63,63,70;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-rgb-750: 47,47,49;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-rgb-800: 39,39,42;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-rgb-900: 24,24,27;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-rgb-950: 9,9,11;--grey-contrast-950: var(--light-primary-text);--warn-50: #fef2f2;--warn-rgb-50: 254,242,242;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fee2e2;--warn-rgb-100: 254,226,226;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fecaca;--warn-rgb-200: 254,202,202;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fca5a5;--warn-rgb-300: 252,165,165;--warn-contrast-300: var(--dark-primary-text);--warn-400: #f87171;--warn-rgb-400: 248,113,113;--warn-contrast-400: var(--light-primary-text);--warn-500: #ef4444;--warn-rgb-500: 239,68,68;--warn-contrast-500: var(--light-primary-text);--warn-600: #dc2626;--warn-rgb-600: 220,38,38;--warn-contrast-600: var(--light-primary-text);--warn-700: #b91c1c;--warn-rgb-700: 185,28,28;--warn-contrast-700: var(--light-primary-text);--warn-800: #991b1b;--warn-rgb-800: 153,27,27;--warn-contrast-800: var(--light-primary-text);--warn-900: #7f1d1d;--warn-rgb-900: 127,29,29;--warn-contrast-900: var(--light-primary-text);--warn-950: #450a0a;--warn-rgb-950: 69,10,10;--warn-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-rgb-50: 236,253,245;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-rgb-100: 209,250,229;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-rgb-200: 167,243,208;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-rgb-300: 110,231,183;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-rgb-400: 52,211,153;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-rgb-500: 16,185,129;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-rgb-600: 5,150,105;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-rgb-700: 4,120,87;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-rgb-800: 6,95,70;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-rgb-900: 6,78,59;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-rgb-950: 2,44,34;--success-contrast-950: var(--light-primary-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--shape-1: .25rem;--shape-2: .5rem;--shape-3: .75rem;--shape-4: 1rem;--shape-5: 1.25rem;--box-shadow-10: 0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20: 0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30: 0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35: 0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40: 0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50: 0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60: 0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20: var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30: var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40: var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50: var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60: var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R: var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20: linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30: linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60: linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70: linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20: var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30: var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40: var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50: var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R: var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80: var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30: linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20: var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30: var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40: var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50: var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R: var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80: var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20: linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30: linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--tertiary-level-20: var(--sparkle-light, var(--tertiary-50)) var(--sparkle-dark, var(--tertiary-950));--tertiary-level-30: var(--sparkle-light, var(--tertiary-100)) var(--sparkle-dark, var(--tertiary-900));--tertiary-level-40: var(--sparkle-light, var(--tertiary-200)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50: var(--sparkle-light, var(--tertiary-300)) var(--sparkle-dark, var(--tertiary-800));--tertiary-level-50R: var(--sparkle-light, var(--tertiary-800)) var(--sparkle-dark, var(--tertiary-300));--tertiary-level-80: var(--sparkle-light, var(--tertiary-900)) var(--sparkle-dark, var(--tertiary-300));--tertiary-gradient-20: linear-gradient(180deg, var(--tertiary-400) 0%, var(--tertiary-500) 50%);--tertiary-gradient-30: linear-gradient(180deg, var(--tertiary-300) 0%, var(--tertiary-500) 50%);--warn-level-20: var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30: var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40: var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50: var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R: var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80: var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20: linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30: linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--success-level-20: var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30: var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40: var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50: var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R: var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80: var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20: linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30: linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text: var(--grey-900);--light-primary-text: #fff}html body.dark{--sparkle-light: ;--sparkle-dark: initial;color-scheme:dark}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-tertiary{color:var(--tertiary-500)}.spk-warn{color:var(--warn-500)}.spk-success,.mat-success{color:var(--success-500)}.mat-tertiary{color:var(--tertiary-500)}.loader{width:3rem;height:3rem;display:grid;place-content:center;color:var(--base-level-60)}.loader,.loading{position:relative}.loader:before,.loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--loading-color);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.mat-typography h1,body.mat-typography h2,body.mat-typography h3,body.mat-typography h4,body.mat-typography h5,body.mat-typography h6,body.mat-typography p,body.mat-typography .title-10,body.mat-typography .title-20B,body.mat-typography .title-20,body.mat-typography .title-30B,body.mat-typography .paragraph-10,body.mat-typography .paragraph-20{margin:0}body h1,body h2,body h3,body h4,body h5,body h6,body .title-10,body .title-20B,body .title-20,body .title-30B{color:var(--base-level-70)}p,.paragraph-10,.paragraph-20,.paragraph-30,.paragraph-40,.paragraph-10B,.paragraph-20B,.paragraph-30B,.paragraph-40B{color:var(--base-level-60)}p{margin:0}strong{font-weight:600}a{color:var(--primary-500)}sup{color:var(--warn-500);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10b{font:var(--title-10b)}body .title-20b{font:var(--title-20b)}body .title-30b{font:var(--title-30b)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10b{font:var(--paragraph-10b)}body .paragraph-20b{font:var(--paragraph-20b)}body .paragraph-30b{font:var(--paragraph-30b)}body .paragraph-40b{font:var(--paragraph-40b)}body .apexcharts-text{fill:var(--base-level-70)}body .apexcharts-text.apexcharts-yaxis-label,body .apexcharts-text.apexcharts-xaxis-label{fill:var(--base-level-60)}body .apexcharts-gridline,body .apexcharts-yaxis-tick,body .apexcharts-xaxis-tick{stroke:var(--base-level-60R)}body .apexcharts-grid-borders line{stroke:var(--base-level-60R)}body .apexcharts-tracks .apexcharts-radialbar-area{stroke:var(--base-level-40)}body .apexcharts-tooltip.apexcharts-theme-light{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--base-level-30);color:var(--base-level-60)}body .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background-color:var(--base-level-20);border-bottom:1px solid var(--base-level-40)}body .apexcharts-xaxistooltip,body .apexcharts-yaxistooltip{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--base-level-30);color:var(--base-level-60)}spk-alert-container{width:100%;position:relative}spk-alert-container spk-alert{margin-bottom:.5rem}spk-alert-container spk-alert:first-of-type{margin-bottom:0}spk-alert-container spk-alert.spk-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 .alert-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{--spk-alert-animation-duration: .4s;--spk-alert-background-color: var(--base-level-10);--spk-alert-border-color: var(--base-level-40);--spk-alert-state-icon-color: var(--base-level-70);--spk-alert-close-icon-color: var(--base-level-60);--spk-alert-title-color: var(--base-level-70);--spk-alert-content-color: var(--base-level-60);--spk-alert-box-shadow: var(--box-shadow-10);--spk-alert-box-shadow: light-dark(var(--box-shadow-10), var(--box-shadow-60));max-height:18.75rem;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:1;overflow:hidden;transition:max-height var(--spk-alert-animation-duration) ease-in-out,transform var(--spk-alert-animation-duration) ease-in-out,opacity var(--spk-alert-animation-duration) ease-in-out,margin-bottom var(--spk-alert-animation-duration) ease-in-out,padding-top var(--spk-alert-animation-duration) ease-in-out,padding-bottom var(--spk-alert-animation-duration) ease-in-out;transform:translateY(0);box-shadow:var(--spk-alert-box-shadow)}spk-alert .spk-alert-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"stateIcon title closeIcon" ". alertContent .";padding:.5rem .75rem;align-items:flex-start;gap:.5rem .75rem;border:1px solid var(--spk-alert-border-color);border-radius:var(--shape-2);background-color:var(--spk-alert-background-color)}spk-alert.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.spk-alert-is-hidden:before{opacity:0}spk-alert.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.spk-alert-animate-in:before{opacity:0}spk-alert.spk-alert-animate-out{max-height:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-40px)}spk-alert.spk-alert-animate-out:before{opacity:0}spk-alert.primary .spk-alert-item{--spk-alert-state-icon-color: var(--primary-500);--spk-alert-close-icon-color: var(--primary-500);--spk-alert-title-color: var(--primary-level-80);--spk-alert-content-color: var(--primary-level-80);--spk-alert-background-color: var(--primary-level-20);--spk-alert-border-color: var(--primary-level-40)}spk-alert.accent .spk-alert-item{--spk-alert-state-icon-color: var(--accent-500);--spk-alert-close-icon-color: var(--accent-500);--spk-alert-title-color: var(--accent-level-80);--spk-alert-content-color: var(--accent-level-80);--spk-alert-background-color: var(--accent-level-20);--spk-alert-border-color: var(--accent-level-40)}spk-alert.error .spk-alert-item{--spk-alert-state-icon-color: var(--warn-500);--spk-alert-close-icon-color: var(--warn-500);--spk-alert-title-color: var(--warn-level-80);--spk-alert-content-color: var(--warn-level-80);--spk-alert-background-color: var(--warn-level-20);--spk-alert-border-color: var(--warn-level-40)}spk-alert.success .spk-alert-item{--spk-alert-state-icon-color: var(--success-500);--spk-alert-close-icon-color: var(--success-500);--spk-alert-title-color: var(--success-level-80);--spk-alert-content-color: var(--success-level-80);--spk-alert-background-color: var(--success-level-20);--spk-alert-border-color: var(--success-level-40)}spk-alert.warning .spk-alert-item{--spk-alert-state-icon-color: var(--tertiary-500);--spk-alert-close-icon-color: var(--tertiary-500);--spk-alert-title-color: var(--tertiary-level-80);--spk-alert-content-color: var(--tertiary-level-80);--spk-alert-background-color: var(--tertiary-level-20);--spk-alert-border-color: var(--tertiary-level-40)}spk-alert:not(:has([spk-alert-content])) .spk-alert-item{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([spk-alert-content]) .spk-alert-item{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--box-shadow-50)}spk-alert:has([spk-alert-content]) .spk-alert-item .spk-alert-title{color:var(--base-level-70)}spk-alert:has([spk-alert-content]) .spk-alert-item .spk-alert-close-icon{color:var(--grey-400)}spk-alert:has([spk-alert-content]) .spk-alert-item .spk-alert-content{color:var(--base-level-60)}body.dark spk-alert:has([spk-alert-content]) .spk-alert-item{background-color:var(--grey-800);box-shadow:var(--box-shadow-50)}spk-alert .spk-alert-icon{grid-area:stateIcon;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}spk-alert [spk-alert-icon],spk-alert .spk-alert-state-icon{color:var(--spk-alert-state-icon-color)}spk-alert .spk-alert-close-icon{grid-area:closeIcon;color:var(--spk-alert-close-icon-color);transform:rotate(45deg);transform-origin:center}spk-alert .spk-alert-title{grid-area:title;color:var(--spk-alert-title-color);padding-top:.125rem}spk-alert .spk-alert-content{grid-area:alertContent;color:var(--spk-alert-content-color)}spk-alert .spk-alert-content:empty{display:none}spk-toggle{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(--base-level-40);transition:background .15s linear}spk-toggle>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer;z-index:0}spk-toggle:has(input[type=checkbox]:checked) .knob,spk-toggle.active .knob{left:1rem;background-color:var(--base-level-60)}spk-toggle:has(input[type=checkbox]:checked).primary .box,spk-toggle.active.primary .box{background:var(--primary-level-30)}spk-toggle:has(input[type=checkbox]:checked).primary .box .knob,spk-toggle.active.primary .box .knob{background-color:var(--primary-500)}spk-toggle:has(input[type=checkbox]:checked).accent .box,spk-toggle.active.accent .box{background:var(--accent-level-30)}spk-toggle:has(input[type=checkbox]:checked).accent .box .knob,spk-toggle.active.accent .box .knob{background-color:var(--accent-500)}spk-toggle:has(input[type=checkbox]:checked).tertiary .box,spk-toggle.active.tertiary .box{background:var(--tertiary-level-30)}spk-toggle:has(input[type=checkbox]:checked).tertiary .box .knob,spk-toggle.active.tertiary .box .knob{background-color:var(--tertiary-500)}spk-toggle:has(input[type=checkbox]:checked).warn .box,spk-toggle.active.warn .box{background:var(--warn-level-30)}spk-toggle:has(input[type=checkbox]:checked).warn .box .knob,spk-toggle.active.warn .box .knob{background-color:var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).success .box,spk-toggle.active.success .box{background:var(--success-level-30)}spk-toggle:has(input[type=checkbox]:checked).success .box .knob,spk-toggle.active.success .box .knob{background-color:var(--success-500)}spk-toggle .knob{--knob-base-color: var(--base-level-30);position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background-color:var(--knob-base-color);box-shadow:var(--box-shadow-20);transition:left 125ms ease-in-out}spk-toggle.outlined .box{background:var(--base-level-10);border:1px solid var(--base-level-40)}spk-toggle.outlined.primary .box,spk-toggle.outlined.accent .box,spk-toggle.outlined.tertiary .box,spk-toggle.outlined.warn .box,spk-toggle.outlined.success .box{background:var(--base-level-10)}spk-toggle.outlined .knob{--knob-base-color: var(--base-level-40);width:.875rem;height:.875rem;box-shadow:none}spk-toggle.flat:has(input[type=checkbox]:checked) .box,spk-toggle.flat.active .box{background:var(--base-level-60)}spk-toggle.flat:has(input[type=checkbox]:checked).primary .box,spk-toggle.flat.active.primary .box{background:var(--primary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).accent .box,spk-toggle.flat.active.accent .box{background:var(--accent-500)}spk-toggle.flat:has(input[type=checkbox]:checked).tertiary .box,spk-toggle.flat.active.tertiary .box{background:var(--tertiary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).warn .box,spk-toggle.flat.active.warn .box{background:var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).success .box,spk-toggle.flat.active.success .box{background:var(--success-500)}spk-toggle.flat:has(input[type=checkbox]:checked) .knob,spk-toggle.flat.active .knob{background-color:#fff}spk-toggle.flat:has(input[type=checkbox]:checked).primary .knob,spk-toggle.flat:has(input[type=checkbox]:checked).accent .knob,spk-toggle.flat:has(input[type=checkbox]:checked).tertiary .knob,spk-toggle.flat:has(input[type=checkbox]:checked).warn .knob,spk-toggle.flat:has(input[type=checkbox]:checked).success .knob,spk-toggle.flat.active.primary .knob,spk-toggle.flat.active.accent .knob,spk-toggle.flat.active.tertiary .knob,spk-toggle.flat.active.warn .knob,spk-toggle.flat.active.success .knob{background-color:#fff}spk-toggle.flat .knob{background-color:#fff}spk-toggle.raised:has(input[type=checkbox]:checked) .box,spk-toggle.raised.active .box{background:var(--base-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).primary .box,spk-toggle.raised.active.primary .box{background:var(--primary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).accent .box,spk-toggle.raised.active.accent .box{background:var(--accent-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).tertiary .box,spk-toggle.raised.active.tertiary .box{background:var(--tertiary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).warn .box,spk-toggle.raised.active.warn .box{background:var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).success .box,spk-toggle.raised.active.success .box{background:var(--success-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked) .knob,spk-toggle.raised.active .knob{background-color:#fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary .knob,spk-toggle.raised:has(input[type=checkbox]:checked).accent .knob,spk-toggle.raised:has(input[type=checkbox]:checked).tertiary .knob,spk-toggle.raised:has(input[type=checkbox]:checked).warn .knob,spk-toggle.raised:has(input[type=checkbox]:checked).success .knob,spk-toggle.raised.active.primary .knob,spk-toggle.raised.active.accent .knob,spk-toggle.raised.active.tertiary .knob,spk-toggle.raised.active.warn .knob,spk-toggle.raised.active.success .knob{background-color:#fff}spk-toggle.raised .knob{background-color:#fff}[spk-button]{--btn-height: 2.5rem;--btn-shape: var(--shape-2);--btn-font: var(--paragraph-20);--loading-color: var(--base-level-60);--btn-color: var(--base-level-70);--btn-icon-color: var(--base-level-70);--btn-bg: var(--base-level-10);--btn-bg-hover: var(--base-level-20);--btn-border-color: var(--base-level-40);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;border-radius:var(--btn-shape);height:var(--btn-height);border:1px solid var(--btn-border-color);font:var(--btn-font);background:var(--btn-bg);color:var(--btn-color)}[spk-button] spk-icon{color:var(--btn-icon-color)}[spk-button]:hover{--btn-color: var(--base-level-70);background:var(--btn-bg-hover)}[spk-button].loading.outlined,[spk-button].loading.flat,[spk-button].loading.raised,[spk-button].loading,[spk-button].loading.outlined:hover,[spk-button].loading.outlined.primary,[spk-button].loading.outlined.accent,[spk-button].loading.outlined.tertiary,[spk-button].loading.outlined.warn,[spk-button].loading.outlined.success,[spk-button].loading.flat:hover,[spk-button].loading.flat.primary,[spk-button].loading.flat.accent,[spk-button].loading.flat.tertiary,[spk-button].loading.flat.warn,[spk-button].loading.flat.success,[spk-button].loading.raised:hover,[spk-button].loading.raised.primary,[spk-button].loading.raised.accent,[spk-button].loading.raised.tertiary,[spk-button].loading.raised.warn,[spk-button].loading.raised.success,[spk-button].loading:hover,[spk-button].loading.primary,[spk-button].loading.accent,[spk-button].loading.tertiary,[spk-button].loading.warn,[spk-button].loading.success{color:transparent}[spk-button].loading.outlined>*,[spk-button].loading.flat>*,[spk-button].loading.raised>*,[spk-button].loading>*{opacity:0}[spk-button].small{--btn-height: 2rem;--btn-font: var(--paragraph-30);padding:0 .5rem;gap:.25rem}[spk-button][disabled]{opacity:.5}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-icon-color: var(--primary-500)}[spk-button].accent{--btn-icon-color: var(--accent-500)}[spk-button].tertiary{--btn-icon-color: var(--tertiary-500)}[spk-button].warn{--btn-icon-color: var(--warn-500)}[spk-button].success{--btn-icon-color: var(--success-500)}[spk-button].icon{padding:0 .5625rem}[spk-button].icon.small{padding:0 .3125rem}[spk-button].icon,[spk-button].outlined{--btn-color: var(--base-level-70);--btn-bg: var(--base-level-20);--btn-bg-hover: var(--base-level-30);transition:color 80ms linear}[spk-button].icon.primary,[spk-button].outlined.primary{--loading-color: var(--primary-500);--btn-bg: var(--primary-level-20);--btn-bg-hover: var(--primary-level-30);--btn-border-color: var(--primary-level-40)}[spk-button].icon.accent,[spk-button].outlined.accent{--loading-color: var(--accent-500);--btn-bg: var(--accent-level-20);--btn-bg-hover: var(--accent-level-30);--btn-border-color: var(--accent-level-40)}[spk-button].icon.tertiary,[spk-button].outlined.tertiary{--loading-color: var(--tertiary-500);--btn-bg: var(--tertiary-level-20);--btn-bg-hover: var(--tertiary-level-30);--btn-border-color: var(--tertiary-level-40)}[spk-button].icon.warn,[spk-button].outlined.warn{--loading-color: var(--warn-500);--btn-bg: var(--warn-level-20);--btn-bg-hover: var(--warn-level-30);--btn-border-color: var(--warn-level-40)}[spk-button].icon.success,[spk-button].outlined.success{--loading-color: var(--success-500);--btn-bg: var(--success-level-20);--btn-bg-hover: var(--success-level-30);--btn-border-color: var(--success-level-40)}[spk-button].flat{--loading-color: var(--base-level-10);--btn-color: #fff;--btn-icon-color: #fff;--btn-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));--btn-bg-hover: var(--sparkle-light, var(--grey-700)) var(--sparkle-dark, var(--grey-700));border:0}[spk-button].flat.primary{--btn-color: var(--primary-contrast-500);--btn-bg: var(--primary-500);--btn-bg-hover: var(--primary-500)}[spk-button].flat.accent{--btn-color: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-hover: var(--accent-500)}[spk-button].flat.tertiary{--btn-color: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-500);--btn-bg-hover: var(--tertiary-500)}[spk-button].flat.warn{--btn-color: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-hover: var(--warn-500)}[spk-button].flat.success{--btn-color: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-hover: var(--success-500)}[spk-button].raised{--loading-color: var(--base-level-10);--btn-color: #fff;--btn-icon-color: #fff;--btn-bg: var(--base-gradient-60);--btn-bg-hover: var(--base-gradient-70);border:0;box-shadow:none}[spk-button].raised.primary{--btn-color: var(--primary-contrast-500);--btn-bg: var(--primary-gradient-20);--btn-bg-hover: var(--primary-gradient-30)}[spk-button].raised.accent{--btn-color: var(--accent-contrast-500);--btn-bg: var(--accent-gradient-20);--btn-bg-hover: var(--accent-gradient-30)}[spk-button].raised.tertiary{--btn-color: var(--tertiary-contrast-500);--btn-bg: var(--tertiary-gradient-20);--btn-bg-hover: var(--tertiary-gradient-30)}[spk-button].raised.warn{--btn-color: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-hover: var(--warn-gradient-30)}[spk-button].raised.success{--btn-color: var(--success-contrast-500);--btn-bg: var(--success-gradient-20);--btn-bg-hover: var(--success-gradient-30)}spk-progress-bar{display:block;width:100%;height:.5rem;position:relative;overflow:hidden;border-radius:var(--shape-2);background-color:var(--base-level-30)}spk-progress-bar .progress-bar{position:absolute;top:0;left:0;bottom:0;height:100%;transform-origin:top left;border-radius:var(--shape-2);background-color:var(--base-level-60)}spk-progress-bar.indeterminate .progress-bar{right:0;animation:indeterminate-progress-bar-stripes 2s linear infinite}spk-progress-bar.indeterminate:after{content:"";position:absolute;inset:0;background-color:var(--base-level-30);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary .progress-bar{background-color:var(--primary-500)}spk-progress-bar.accent .progress-bar{background-color:var(--accent-500)}spk-progress-bar.tertiary .progress-bar{background-color:var(--tertiary-500)}spk-progress-bar.warn .progress-bar{background-color:var(--warn-500)}spk-progress-bar.success .progress-bar{background-color:var(--success-500)}spk-progress-bar.outlined{border:1px solid var(--base-level-40);background-color:var(--base-level-10)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{background-color:var(--base-level-30)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{background-color:var(--primary-level-30)}spk-progress-bar.flat.accent{background-color:var(--accent-level-30)}spk-progress-bar.flat.tertiary{background-color:var(--tertiary-level-30)}spk-progress-bar.flat.warn{background-color:var(--warn-level-30)}spk-progress-bar.flat.success{background-color:var(--success-level-30)}spk-progress-bar.raised .progress-bar{background:var(--base-gradient-30)}spk-progress-bar.raised.primary .progress-bar{background:var(--primary-gradient-30)}spk-progress-bar.raised.accent .progress-bar{background:var(--accent-gradient-30)}spk-progress-bar.raised.tertiary .progress-bar{background:var(--tertiary-gradient-30)}spk-progress-bar.raised.warn .progress-bar{background:var(--warn-gradient-30)}spk-progress-bar.raised.success .progress-bar{background:var(--success-gradient-30)}@keyframes indeterminate-progress-bar-stripes-background{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes indeterminate-progress-bar-stripes{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}spk-checkbox{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:1px solid var(--base-level-40);background:var(--base-level-30);font-size:.75rem;color:var(--base-level-60)}spk-checkbox spk-icon{opacity:0;font-weight:700}spk-checkbox:has(input[type=checkbox]:checked) spk-icon,spk-checkbox.active spk-icon{opacity:1}spk-checkbox.primary .box{background:var(--primary-level-30);border-color:var(--primary-level-40);color:var(--primary-500)}spk-checkbox.accent .box{background:var(--accent-level-30);border-color:var(--accent-level-40);color:var(--accent-500)}spk-checkbox.tertiary .box{background:var(--tertiary-level-30);border-color:var(--tertiary-level-40);color:var(--tertiary-500)}spk-checkbox.warn .box{background:var(--warn-level-30);border-color:var(--warn-level-40);color:var(--warn-500)}spk-checkbox.success .box{background:var(--success-level-30);border-color:var(--success-level-40);color:var(--success-500)}spk-checkbox.outlined .box{background:var(--base-level-10)}spk-checkbox.outlined.primary .box,spk-checkbox.outlined.accent .box,spk-checkbox.outlined.tertiary .box,spk-checkbox.outlined.warn .box,spk-checkbox.outlined.success .box{background:var(--base-level-10);border-color:var(--base-level-40)}spk-checkbox.flat .box,spk-checkbox.raised .box{border-color:var(--base-level-40);background:var(--base-level-30);color:#fff}.sparkle-popup-menu spk-option[selected] spk-checkbox spk-icon{opacity:1}spk-checkbox.flat:has(input[type=checkbox]:checked) .box,spk-checkbox.flat.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.flat .box{border-width:0;background:var(--grey-500);color:#fff}spk-checkbox.primary.flat:has(input[type=checkbox]:checked) .box,spk-checkbox.primary.flat.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.flat .box{background:var(--primary-500);color:#fff}spk-checkbox.accent.flat:has(input[type=checkbox]:checked) .box,spk-checkbox.accent.flat.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.flat .box{background:var(--accent-500);color:#fff}spk-checkbox.tertiary.flat:has(input[type=checkbox]:checked) .box,spk-checkbox.tertiary.flat.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.flat .box{background:var(--tertiary-500);color:#fff}spk-checkbox.warn.flat:has(input[type=checkbox]:checked) .box,spk-checkbox.warn.flat.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.flat .box{background:var(--warn-500);color:#fff}spk-checkbox.success.flat:has(input[type=checkbox]:checked) .box,spk-checkbox.success.flat.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.flat .box{background:var(--success-500);color:#fff}spk-checkbox.raised:has(input[type=checkbox]:checked) .box,spk-checkbox.raised.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.raised .box{border-width:0;background:var(--base-gradient-20)}spk-checkbox.primary.raised:has(input[type=checkbox]:checked) .box,spk-checkbox.primary.raised.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.raised .box{background:var(--primary-gradient-20)}spk-checkbox.accent.raised:has(input[type=checkbox]:checked) .box,spk-checkbox.accent.raised.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.raised .box{background:var(--accent-gradient-20)}spk-checkbox.tertiary.raised:has(input[type=checkbox]:checked) .box,spk-checkbox.tertiary.raised.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.tertiary.raised .box{background:var(--tertiary-gradient-20)}spk-checkbox.warn.raised:has(input[type=checkbox]:checked) .box,spk-checkbox.warn.raised.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.raised .box{background:var(--warn-gradient-20)}spk-checkbox.success.raised:has(input[type=checkbox]:checked) .box,spk-checkbox.success.raised.active .box,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.raised .box{background:var(--success-gradient-20)}spk-icon{font-size:1.25rem;line-height:1em;width:1em;height:1em;text-align:left;overflow:hidden}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{display:inline-block;position:relative}.sparkle-menu-backdrop{position:fixed;inset:0;opacity:0;z-index:1;transition:opacity 125ms linear}.sparkle-options{position:relative;z-index:2;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.sparkle-popup-menu [spk-menu-title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0 .5rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}.sparkle-popup-menu [spk-menu-item]{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70)}.sparkle-popup-menu [spk-menu-item][disabled]{opacity:.3;cursor:initial}.sparkle-popup-menu [spk-menu-item][disabled]:hover{background-color:transparent}.sparkle-popup-menu [spk-menu-item] [suffix]{order:999;color:var(--base-level-60);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}.sparkle-popup-menu [spk-menu-item] spk-icon{font-size:1rem}.sparkle-popup-menu [spk-menu-item].active,.sparkle-popup-menu [spk-menu-item]:hover{background-color:var(--base-level-30);color:var(--base-level-70)}.sparkle-popup-menu [spk-menu-item].focused{background-color:var(--primary-level-20);color:var(--base-level-70)}.sparkle-popup-menu [spk-menu-item].focused:hover{background-color:var(--primary-level-30)}spk-divider{--divider-color: var(--base-level-40);--divider-height: .0625rem;display:flex;gap:.5rem;align-items:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-color);height:var(--divider-height);flex:1 0}spk-chip{--chip-height: 2rem;--chip-shape: 1rem;--chip-color: var(--base-level-70);--chip-icon-color: var(--base-level-70);--chip-bg: var(--base-level-10);--chip-border-color: var(--base-level-40);display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;font:var(--paragraph-30B);color:var(--chip-color);height:var(--chip-height);border-radius:var(--chip-shape);border:1px solid var(--chip-border-color);background:var(--chip-bg)}spk-chip spk-icon{color:var(--chip-icon-color);font-size:1rem;font-weight:inherit}spk-chip [spkChipAvatar]{height:calc(var(--chip-height) - .75rem);width:calc(var(--chip-height) - .75rem);border-radius:50%}spk-chip.small{--chip-height: 1.5rem;--chip-shape: .75rem;font:var(--paragraph-40B);padding:0 .5rem;gap:.25rem}spk-chip.small spk-icon{font-size:.75rem}spk-chip[disabled]{opacity:.5}spk-chip[read-only],spk-chip[read-only=true],spk-chip[readonly=true],spk-chip[readonly],spk-chip.readonly{pointer-events:none;-webkit-user-select:none;user-select:none}spk-chip.primary{--chip-icon-color: var(--primary-500)}spk-chip.accent{--chip-icon-color: var(--accent-500)}spk-chip.tertiary{--chip-icon-color: var(--tertiary-500)}spk-chip.warn{--chip-icon-color: var(--warn-500)}spk-chip.success{--chip-icon-color: var(--success-500)}spk-chip.simple{border:0;--chip-color: var(--base-level-70)}spk-chip.simple.primary{--chip-color: var(--primary-500)}spk-chip.simple.accent{--chip-color: var(--accent-500)}spk-chip.simple.tertiary{--chip-color: var(--tertiary-500)}spk-chip.simple.warn{--chip-color: var(--warn-500)}spk-chip.simple.success{--chip-color: var(--success-500)}spk-chip.simple,spk-chip.outlined{--chip-color: var(--base-level-70);--chip-bg: var(--base-level-20);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loading-color: var(--primary-500);--chip-bg: var(--primary-level-20);--chip-border-color: var(--primary-level-40)}spk-chip.simple.accent,spk-chip.outlined.accent{--loading-color: var(--accent-500);--chip-bg: var(--accent-level-20);--chip-border-color: var(--accent-level-40)}spk-chip.simple.tertiary,spk-chip.outlined.tertiary{--loading-color: var(--tertiary-500);--chip-bg: var(--tertiary-level-20);--chip-border-color: var(--tertiary-level-40)}spk-chip.simple.warn,spk-chip.outlined.warn{--loading-color: var(--warn-500);--chip-bg: var(--warn-level-20);--chip-border-color: var(--warn-level-40)}spk-chip.simple.success,spk-chip.outlined.success{--loading-color: var(--success-500);--chip-bg: var(--success-level-20);--chip-border-color: var(--success-level-40)}spk-chip.flat{--loading-color: var(--base-level-10);--chip-color: #fff;--chip-icon-color: #fff;--chip-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));border:0}spk-chip.flat.primary{--chip-color: var(--primary-contrast-500);--chip-bg: var(--primary-500)}spk-chip.flat.accent{--chip-color: var(--accent-contrast-500);--chip-bg: var(--accent-500)}spk-chip.flat.tertiary{--chip-color: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-500)}spk-chip.flat.warn{--chip-color: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.success{--chip-color: var(--success-contrast-500);--chip-bg: var(--success-500)}spk-chip.raised{--loading-color: var(--base-level-10);--chip-color: #fff;--chip-icon-color: #fff;--chip-bg: var(--base-gradient-60);border:0;box-shadow:none}spk-chip.raised.primary{--chip-color: var(--primary-contrast-500);--chip-bg: var(--primary-gradient-20)}spk-chip.raised.accent{--chip-color: var(--accent-contrast-500);--chip-bg: var(--accent-gradient-20)}spk-chip.raised.tertiary{--chip-color: var(--tertiary-contrast-500);--chip-bg: var(--tertiary-gradient-20)}spk-chip.raised.warn{--chip-color: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.success{--chip-color: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field{--spk-input-height: 2.5rem;--spk-input-shape: var(--shape-2);--spk-input-border-color: var(--base-level-40);--spk-input-prefix-bg: var(--base-level-20);--spk-input-icon-color: var(--base-level-60);--spk-input-background-color: var(--base-level-10);display:flex;flex-direction:column;position:relative}spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field.small{--spk-input-height: 2rem}spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field label spk-icon{font-size:1rem}spk-form-field .prefix{display:none;align-items:center;gap:.25rem;background-color:var(--spk-input-prefix-bg);padding:0 .75rem;height:100%;min-height:calc(var(--spk-input-height) - .125rem);transition:background-color 125ms linear}spk-form-field .prefix [spkPrefix]+[spkTextPrefix]{margin-left:.25rem}spk-form-field .prefix-spacer,spk-form-field .suffix-spacer{width:0;height:100%}spk-form-field:not(:has(.helpers .error:empty)){--spk-input-icon-color: var(--warn-500);--spk-input-border-color: var(--warn-500);--spk-input-prefix-bg: var(--warn-level-20)}spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--spk-input-border-color);border-radius:var(--spk-input-shape);background:var(--spk-input-background-color);padding:.4375rem .75rem;min-height:var(--spk-input-height);overflow:hidden;transition:border-color 125ms linear}spk-form-field .input-wrap .input{flex:1 0}spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field .input-wrap:has(textarea){height:auto;min-height:var(--spk-input-height)}spk-form-field .input-wrap spk-icon{color:var(--spk-input-icon-color);transition:color 125ms linear}spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-level-60)}spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field .input-wrap:has([spkSuffix]) .suffix-spacer{width:.5rem}spk-form-field .input-wrap:has([spkPrefix]),spk-form-field .input-wrap:has([spkTextPrefix]){padding:0 .75rem 0 0}spk-form-field .input-wrap:has([spkPrefix]) .prefix,spk-form-field .input-wrap:has([spkTextPrefix]) .prefix{display:flex}spk-form-field .input-wrap:has([spkPrefix]) .prefix-spacer,spk-form-field .input-wrap:has([spkTextPrefix]) .prefix-spacer{width:.5rem}spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field .helpers:has(.error:empty):has(.hint:empty){height:0;padding-top:0}spk-form-field .helpers:not(:has(.error:empty)) .hint{opacity:0;visibility:hidden}spk-form-field .helpers [spkHint]{color:var(--base-level-60R)}spk-form-field .helpers [spkHint][suffix]{justify-self:flex-end}spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-level-60R);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field .hint:empty{opacity:0}spk-form-field .error{color:var(--warn-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field .error:empty{opacity:0}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav.closed .sidenav{width:3rem}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-3);height:calc(100vh - 2rem);box-shadow:var(--box-shadow-35)}spk-sidenav .closed-topbar{display:none;min-height:3.75rem;background-color:var(--base-level-10);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-level-40);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem;box-shadow:none}spk-sidenav.overlay .sidenav{position:fixed;z-index:0}spk-sidenav.overlay .dragable{position:absolute;top:0;left:0;bottom:0;z-index:9999;width:50px;padding-right:30px;display:flex;align-items:center;justify-content:center;cursor:grab}spk-sidenav.overlay .dragable:active{cursor:grabbing}spk-sidenav.overlay .dragable:after{content:"";display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-level-40)}spk-sidenav.overlay .dropping-surface{position:fixed;inset:0;z-index:100000}spk-sidenav.overlay .main-wrap{z-index:1;padding:0;display:flex;height:100vh;position:relative;flex-direction:column;transform:translate(0);transition:transform .2s linear}spk-sidenav.overlay.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}spk-sidenav.overlay.is-dragging .main-wrap{transition:none}spk-sidenav.overlay.is-dragging>*{cursor:grabbing}spk-sidenav.overlay.is-dragging .dragable{cursor:grabbing}spk-sidenav.overlay.open .main-wrap{transform:translate(var(--sidenav-width))}spk-sidenav.overlay .closed-topbar{display:flex}spk-sidenav.overlay .closed-topbar:empty{display:none}spk-sidenav.overlay main{border:0;box-shadow:none;flex:1 0}spk-list{--list-shape: var(--shape-2);--list-active-bg: var(--base-level-20);--list-active-box-shadow: none;width:100%;padding:1.25rem 1rem;gap:.5rem;display:flex;flex-direction:column}spk-list.base-level-20{--list-active-bg: var(--base-level-10);--list-active-box-shadow: var(--box-shadow-20)}spk-list [title]{color:var(--base-level-60R);margin:0 .75rem;font:var(--paragraph-30);line-height:1.25rem}spk-list [spk-action-item],spk-list [spk-list-item]{border-radius:var(--list-shape);padding:.5rem .75rem;font:var(--paragraph-30);color:var(--base-level-60);display:flex;align-items:center;gap:.5rem;width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent}spk-list [spk-action-item]:focus,spk-list [spk-list-item]:focus{outline:none}spk-list [spk-action-item] [suffix],spk-list [spk-list-item] [suffix]{margin-left:auto}spk-list :has(input[type=checkbox]),spk-list :has(input[type=radio]),spk-list [spk-action-item]{cursor:pointer}spk-list [spk-list-item]:has(input[type=checkbox]:checked),spk-list [spk-action-item]:has(input[type=checkbox]:checked),spk-list [spk-list-item]:has(input[type=radio]:checked),spk-list [spk-action-item]:has(input[type=radio]:checked),spk-list [spk-action-item].active,spk-list [spk-action-item].selected{background-color:var(--list-active-bg);box-shadow:var(--list-active-box-shadow)}spk-list.primary [spk-list-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [spk-action-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [spk-list-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [spk-action-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [spk-action-item].active spk-icon:first-child,spk-list.primary [spk-action-item].selected spk-icon:first-child{color:var(--primary-500)}spk-list.accent [spk-list-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [spk-action-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [spk-list-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [spk-action-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [spk-action-item].active spk-icon:first-child,spk-list.accent [spk-action-item].selected spk-icon:first-child{color:var(--accent-500)}spk-list.tertiary [spk-list-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [spk-action-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.tertiary [spk-list-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [spk-action-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.tertiary [spk-action-item].active spk-icon:first-child,spk-list.tertiary [spk-action-item].selected spk-icon:first-child{color:var(--tertiary-500)}spk-list.warn [spk-list-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [spk-action-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [spk-list-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [spk-action-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [spk-action-item].active spk-icon:first-child,spk-list.warn [spk-action-item].selected spk-icon:first-child{color:var(--warn-500)}spk-list.success [spk-list-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [spk-action-item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [spk-list-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [spk-action-item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [spk-action-item].active spk-icon:first-child,spk-list.success [spk-action-item].selected spk-icon:first-child{color:var(--success-500)}spk-radio{--spk-radio-dot-opacity: 0;--spk-radio-dot-color: var(--base-level-60);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-radio>input[type=radio]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-radio>input[type=radio]:focus{outline:none}spk-radio:has(input[type=radio]:checked),spk-radio.active{--spk-radio-dot-opacity: 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:1px solid var(--base-level-40);background:var(--base-level-30);font-size:.75rem;color:var(--base-level-60)}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(--spk-radio-dot-color);opacity:var(--spk-radio-dot-opacity);transition:opacity 125ms linear}spk-radio.primary .radio{--spk-radio-dot-color: var(--primary-500);background:var(--primary-level-30);border-color:var(--primary-level-40);color:var(--primary-500)}spk-radio.accent .radio{--spk-radio-dot-color: var(--accent-500);background:var(--accent-level-30);border-color:var(--accent-level-40);color:var(--accent-500)}spk-radio.tertiary .radio{--spk-radio-dot-color: var(--tertiary-500);background:var(--tertiary-level-30);border-color:var(--tertiary-level-40);color:var(--tertiary-500)}spk-radio.warn .radio{--spk-radio-dot-color: var(--warn-500);background:var(--warn-level-30);border-color:var(--warn-level-40);color:var(--warn-500)}spk-radio.success .radio{--spk-radio-dot-color: var(--success-500);background:var(--success-level-30);border-color:var(--success-level-40);color:var(--success-500)}spk-radio.outlined .radio{background:var(--base-level-10)}spk-radio.outlined.primary .radio,spk-radio.outlined.accent .radio,spk-radio.outlined.tertiary .radio,spk-radio.outlined.warn .radio,spk-radio.outlined.success .radio{background:var(--base-level-10);border-color:var(--base-level-40)}spk-radio.flat .radio,spk-radio.raised .radio{--spk-radio-dot-color: #fff;border-color:var(--base-level-40);background:var(--base-level-30);color:#fff}spk-radio.flat:has(input[type=radio]:checked) .radio,spk-radio.flat.active .radio{border-width:0;background:var(--grey-500);color:#fff}spk-radio.flat:has(input[type=radio]:checked).primary .radio,spk-radio.flat.active.primary .radio{background:var(--primary-500);color:#fff}spk-radio.flat:has(input[type=radio]:checked).accent .radio,spk-radio.flat.active.accent .radio{background:var(--accent-500);color:#fff}spk-radio.flat:has(input[type=radio]:checked).tertiary .radio,spk-radio.flat.active.tertiary .radio{background:var(--tertiary-500);color:#fff}spk-radio.flat:has(input[type=radio]:checked).warn .radio,spk-radio.flat.active.warn .radio{background:var(--warn-500);color:#fff}spk-radio.flat:has(input[type=radio]:checked).success .radio,spk-radio.flat.active.success .radio{background:var(--success-500);color:#fff}spk-radio.raised:has(input[type=radio]:checked) .radio,spk-radio.raised.active .radio{border-width:0;background:var(--base-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).primary .radio,spk-radio.raised.active.primary .radio{background:var(--primary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).accent .radio,spk-radio.raised.active.accent .radio{background:var(--accent-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).tertiary .radio,spk-radio.raised.active.tertiary .radio{background:var(--tertiary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).warn .radio,spk-radio.raised.active.warn .radio{background:var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).success .radio,spk-radio.raised.active.success .radio{background:var(--success-gradient-20)}spk-button-group{--spk-button-group-bg: var(--base-level-10);--spk-button-group-color: var(--base-level-70);--spk-button-group-icon-color: var(--base-level-70);--spk-button-group-border-color: var(--base-level-40);--spk-button-group-height: 2.5rem;--spk-button-group-shape: var(--shape-2);--spk-button-group-font: var(--paragraph-30);display:inline-flex;border:1px solid var(--spk-button-group-border-color);border-radius:var(--spk-button-group-shape);height:var(--spk-button-group-height);overflow:hidden}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;background:var(--spk-button-group-bg);color:var(--spk-button-group-color);font:var(--spk-button-group-font);border-left:1px solid var(--spk-button-group-border-color)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--spk-button-group-color: var(--base-level-70);--spk-button-group-icon-color: var(--base-level-70);--spk-button-group-bg: var(--base-level-30)}spk-range-slider{--spk-range-slider-track: var(--base-level-30);--spk-range-slider-track-border-color: var(--base-level-10);--spk-range-slider-track-filled-color: var(--base-level-60R);--spk-range-slider-thumb-color: var(--base-level-40);--spk-range-slider-thumb-border-color: var(--base-level-10);--spk-range-slider-thumb-value-bg: var(--base-level-30);--spk-range-slider-thumb-value-color: var(--base-level-30R);--spk-range-slider-track-height: .5rem;--spk-range-slider-track-shape: var(--shape-1);--spk-range-slider-height: 2.5rem;--spk-range-slider-thumb-size: 1rem;--spk-range-slider-font: var(--paragraph-30);--spk-range-slider-unit-gap: .75rem;--spk-range-slider-unit-color: var(--base-level-60);display:flex;flex-direction:column;width:100%;color:var(--spk-range-slider-color);font:var(--spk-range-slider-font)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--spk-range-slider-unit-gap)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--spk-range-slider-thumb-size) / 4);width:var(--spk-range-slider-thumb-size);height:var(--spk-range-slider-thumb-size);border-radius:50%;background-color:var(--spk-range-slider-thumb-color);border:1px solid var(--spk-range-slider-thumb-border-color);box-shadow:var(--box-shadow-10)}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--spk-range-slider-track-height)}spk-range-slider .track{position:relative;width:100%;height:var(--spk-range-slider-track-height);border-radius:var(--spk-range-slider-track-shape);background-color:var(--spk-range-slider-track);border:1px solid var(--spk-range-slider-track-border-color);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--spk-range-slider-track-filled-color);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--spk-range-slider-unit-color)}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(--spk-range-slider-thumb-value-bg);color:var(--spk-range-slider-thumb-value-color);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(--spk-range-slider-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(--spk-range-slider-track-shape)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--spk-range-slider-track-filled-color: var(--primary-500);--spk-range-slider-track: var(--primary-level-40);--spk-range-slider-thumb-color: var(--primary-level-50);--spk-range-slider-thumb-border-color: var(--base-level-10);--spk-range-slider-thumb-value-bg: var(--primary-level-50);--spk-range-slider-thumb-value-color: var(--primary-level-50R)}spk-range-slider.accent{--spk-range-slider-track-filled-color: var(--accent-500);--spk-range-slider-track: var(--accent-level-40);--spk-range-slider-thumb-color: var(--accent-level-50);--spk-range-slider-thumb-border-color: var(--base-level-10);--spk-range-slider-thumb-value-bg: var(--accent-level-50);--spk-range-slider-thumb-value-color: var(--accent-level-50R)}spk-range-slider.tertiary{--spk-range-slider-track-filled-color: var(--tertiary-500);--spk-range-slider-track: var(--tertiary-level-40);--spk-range-slider-thumb-color: var(--tertiary-level-50);--spk-range-slider-thumb-border-color: var(--base-level-10);--spk-range-slider-thumb-value-bg: var(--tertiary-level-50);--spk-range-slider-thumb-value-color: var(--tertiary-level-50R)}spk-range-slider.warn{--spk-range-slider-track-filled-color: var(--warn-500);--spk-range-slider-track: var(--warn-level-40);--spk-range-slider-thumb-color: var(--warn-level-50);--spk-range-slider-thumb-border-color: var(--base-level-10);--spk-range-slider-thumb-value-bg: var(--warn-level-50);--spk-range-slider-thumb-value-color: var(--warn-level-50R)}spk-range-slider.success{--spk-range-slider-track-filled-color: var(--success-500);--spk-range-slider-track: var(--success-level-40);--spk-range-slider-thumb-color: var(--success-level-50);--spk-range-slider-thumb-border-color: var(--base-level-10);--spk-range-slider-thumb-value-bg: var(--success-level-50);--spk-range-slider-thumb-value-color: var(--success-level-50R)}spk-range-slider.outlined{--spk-range-slider-track: var(--base-level-10);--spk-range-slider-track-border-color: var(--base-level-40);--spk-range-slider-thumb-color: var(--base-level-50);--spk-range-slider-thumb-border-color: var(--base-level-10)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.tertiary,spk-range-slider.outlined.warn,spk-range-slider.outlined.success{--spk-range-slider-track: var(--base-level-10)}spk-range-slider.outlined.primary{--spk-range-slider-thumb-color: var(--primary-level-40);--spk-range-slider-thumb-border-color: var(--base-level-10)}spk-range-slider.outlined.accent{--spk-range-slider-thumb-color: var(--accent-level-40);--spk-range-slider-thumb-border-color: var(--base-level-10)}spk-range-slider.outlined.tertiary{--spk-range-slider-thumb-color: var(--tertiary-level-40);--spk-range-slider-thumb-border-color: var(--base-level-10)}spk-range-slider.outlined.warn{--spk-range-slider-thumb-color: var(--warn-level-40);--spk-range-slider-thumb-border-color: var(--base-level-10)}spk-range-slider.outlined.success{--spk-range-slider-thumb-color: var(--success-level-40);--spk-range-slider-thumb-border-color: var(--base-level-10)}spk-range-slider.flat{--spk-range-slider-thumb-color: #fff;--spk-range-slider-thumb-border-color: var(--base-level-40)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.tertiary,spk-range-slider.flat.warn,spk-range-slider.flat.success{--spk-range-slider-track: var(--base-level-30);--spk-range-slider-thumb-color: #fff;--spk-range-slider-thumb-border-color: var(--base-level-40)}spk-range-slider.raised{--spk-range-slider-track-filled-color: var(--base-gradient-20);--spk-range-slider-thumb-color: #fff;--spk-range-slider-thumb-border-color: var(--base-level-40)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.tertiary,spk-range-slider.raised.warn,spk-range-slider.raised.success{--spk-range-slider-track: var(--base-level-30);--spk-range-slider-thumb-color: #fff;--spk-range-slider-thumb-border-color: var(--base-level-40)}spk-range-slider.raised.primary{--spk-range-slider-track-filled-color: var(--primary-gradient-20)}spk-range-slider.raised.accent{--spk-range-slider-track-filled-color: var(--accent-gradient-20)}spk-range-slider.raised.tertiary{--spk-range-slider-track-filled-color: var(--tertiary-gradient-20)}spk-range-slider.raised.warn{--spk-range-slider-track-filled-color: var(--warn-gradient-20)}spk-range-slider.raised.success{--spk-range-slider-track-filled-color: var(--success-gradient-20)}[spk-tooltip],[spk-tooltip-primary],[spk-tooltip-accent],[spk-tooltip-tertiary],[spk-tooltip-warn],[spk-tooltip-success]{--spk-tooltip-bg: var(--base-level-30);--spk-tooltip-color: var(--base-level-30R);position:relative}[spk-tooltip]:after,[spk-tooltip-primary]:after,[spk-tooltip-accent]:after,[spk-tooltip-tertiary]:after,[spk-tooltip-warn]:after,[spk-tooltip-success]:after{content:attr(spk-tooltip);position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--spk-tooltip-bg);color:var(--spk-tooltip-color);max-width:12.5rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000}[spk-tooltip]:before,[spk-tooltip-primary]:before,[spk-tooltip-accent]:before,[spk-tooltip-tertiary]:before,[spk-tooltip-warn]:before,[spk-tooltip-success]:before{content:"";position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%);border-width:.5rem;border-style:solid;border-color:transparent;border-top-color:var(--spk-tooltip-bg);width:0;height:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;z-index:1000}[spk-tooltip]:hover:after,[spk-tooltip]:hover:before,[spk-tooltip-primary]:hover:after,[spk-tooltip-primary]:hover:before,[spk-tooltip-accent]:hover:after,[spk-tooltip-accent]:hover:before,[spk-tooltip-tertiary]:hover:after,[spk-tooltip-tertiary]:hover:before,[spk-tooltip-warn]:hover:after,[spk-tooltip-warn]:hover:before,[spk-tooltip-success]:hover:after,[spk-tooltip-success]:hover:before{opacity:1;visibility:visible}[spk-tooltip-primary]{--spk-tooltip-bg: var(--primary-level-50);--spk-tooltip-color: var(--primary-level-50R)}[spk-tooltip-primary]:after{content:attr(spk-tooltip-primary)}[spk-tooltip-accent]{--spk-tooltip-bg: var(--accent-level-50);--spk-tooltip-color: var(--accent-level-50R)}[spk-tooltip-accent]:after{content:attr(spk-tooltip-accent)}[spk-tooltip-tertiary]{--spk-tooltip-bg: var(--tertiary-level-50);--spk-tooltip-color: var(--tertiary-level-50R)}[spk-tooltip-tertiary]:after{content:attr(spk-tooltip-tertiary)}[spk-tooltip-warn]{--spk-tooltip-bg: var(--warn-level-50);--spk-tooltip-color: var(--warn-level-50R)}[spk-tooltip-warn]:after{content:attr(spk-tooltip-warn)}[spk-tooltip-success]{--spk-tooltip-bg: var(--success-level-50);--spk-tooltip-color: var(--success-level-50R)}[spk-tooltip-success]:after{content:attr(spk-tooltip-success)}[spk-tooltip][spk-tooltip-left]:after,[spk-tooltip-primary][spk-tooltip-left]:after,[spk-tooltip-accent][spk-tooltip-left]:after,[spk-tooltip-tertiary][spk-tooltip-left]:after,[spk-tooltip-warn][spk-tooltip-left]:after,[spk-tooltip-success][spk-tooltip-left]:after{top:50%;left:auto;right:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][spk-tooltip-left]:before,[spk-tooltip-primary][spk-tooltip-left]:before,[spk-tooltip-accent][spk-tooltip-left]:before,[spk-tooltip-tertiary][spk-tooltip-left]:before,[spk-tooltip-warn][spk-tooltip-left]:before,[spk-tooltip-success][spk-tooltip-left]:before{top:50%;left:auto;right:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--spk-tooltip-bg)}[spk-tooltip][spk-tooltip-right]:after,[spk-tooltip-primary][spk-tooltip-right]:after,[spk-tooltip-accent][spk-tooltip-right]:after,[spk-tooltip-tertiary][spk-tooltip-right]:after,[spk-tooltip-warn][spk-tooltip-right]:after,[spk-tooltip-success][spk-tooltip-right]:after{top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][spk-tooltip-right]:before,[spk-tooltip-primary][spk-tooltip-right]:before,[spk-tooltip-accent][spk-tooltip-right]:before,[spk-tooltip-tertiary][spk-tooltip-right]:before,[spk-tooltip-warn][spk-tooltip-right]:before,[spk-tooltip-success][spk-tooltip-right]:before{top:50%;left:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--spk-tooltip-bg)}[spk-tooltip][spk-tooltip-bottom]:after,[spk-tooltip-primary][spk-tooltip-bottom]:after,[spk-tooltip-accent][spk-tooltip-bottom]:after,[spk-tooltip-tertiary][spk-tooltip-bottom]:after,[spk-tooltip-warn][spk-tooltip-bottom]:after,[spk-tooltip-success][spk-tooltip-bottom]:after{top:calc(100% + .75rem)}[spk-tooltip][spk-tooltip-bottom]:before,[spk-tooltip-primary][spk-tooltip-bottom]:before,[spk-tooltip-accent][spk-tooltip-bottom]:before,[spk-tooltip-tertiary][spk-tooltip-bottom]:before,[spk-tooltip-warn][spk-tooltip-bottom]:before,[spk-tooltip-success][spk-tooltip-bottom]:before{top:calc(100% - .25rem);transform:translate(-50%);border-top-color:transparent;border-bottom-color:var(--spk-tooltip-bg)}spk-multi-select spk-form-field,spk-select spk-form-field{min-width:13.125rem}spk-multi-select .deselect-indicator,spk-multi-select .select-open-indicator,spk-select .deselect-indicator,spk-select .select-open-indicator{height:1.25rem;transform:rotate(0);transition:transform 75ms linear;transform-origin:center;cursor:pointer}spk-multi-select .deselect-indicator.open,spk-multi-select .select-open-indicator.open,spk-select .deselect-indicator.open,spk-select .select-open-indicator.open{transform:rotate(540deg)}spk-multi-select .deselect-indicator>*,spk-multi-select .select-open-indicator>*,spk-select .deselect-indicator>*,spk-select .select-open-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .deselect-indicator>*+.default-indicator,spk-multi-select .select-open-indicator>*+.default-indicator,spk-select .deselect-indicator>*+.default-indicator,spk-select .select-open-indicator>*+.default-indicator{display:none}spk-multi-select .search-indicator>*,spk-select .search-indicator>*{height:1.25rem;display:inline-block}spk-multi-select .search-indicator>*+.default-indicator,spk-select .search-indicator>*+.default-indicator{display:none}spk-multi-select .display-value,spk-select .display-value{display:flex;flex-wrap:wrap;gap:.25rem}spk-multi-select .display-value+input,spk-select .display-value+input{opacity:0;position:absolute;top:-200%;height:0;width:0}spk-multi-select .display-value spk-chip,spk-select .display-value spk-chip{cursor:pointer;-webkit-user-select:none;user-select:none}spk-multi-select .display-value spk-chip spk-icon,spk-select .display-value spk-chip spk-icon{color:inherit;font-size:1rem}spk-multi-select input,spk-select input{width:100%}.sparkle-popup-menu{position:fixed;min-width:11.25rem;z-index:5000;padding:.5rem 0;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);transition:opacity 125ms linear,visibility 125ms linear;opacity:0;visibility:hidden}.sparkle-popup-menu.active{opacity:1;visibility:visible;transition:opacity 125ms linear,visibility 125ms linear}.sparkle-popup-menu [spk-title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}.sparkle-popup-menu spk-option,.sparkle-popup-menu option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70);-webkit-user-select:none;user-select:none}.sparkle-popup-menu spk-option spk-checkbox,.sparkle-popup-menu option spk-checkbox{margin-left:auto}.sparkle-popup-menu spk-option[disabled],.sparkle-popup-menu option[disabled]{opacity:.3;cursor:initial}.sparkle-popup-menu spk-option[disabled]:hover,.sparkle-popup-menu option[disabled]:hover{background-color:transparent}.sparkle-popup-menu spk-option spk-icon,.sparkle-popup-menu option spk-icon{font-size:1rem}.sparkle-popup-menu spk-option.active,.sparkle-popup-menu spk-option:checked,.sparkle-popup-menu spk-option:hover,.sparkle-popup-menu option.active,.sparkle-popup-menu option:checked,.sparkle-popup-menu option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}.sparkle-popup-menu spk-option.focused,.sparkle-popup-menu option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}.sparkle-popup-menu spk-option.focused:hover,.sparkle-popup-menu option.focused:hover{background-color:var(--primary-level-30)}.sparkle-popup-menu .sparkle-options-backdrop{position:fixed;inset:0;opacity:0;z-index:1;transition:opacity 125ms linear}.sparkle-popup-menu .sparkle-options{position:relative;z-index:2;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.sparkle-popup-menu .sparkle-options-placerholder{color:var(--base-level-60R);padding:0 .75rem}.sparkle-popup-menu .sparkle-options-placerholder:empty:before{content:"No results found"}.sparkle-popup-menu .sparkle-options-placerholder:has(~spk-option),.sparkle-popup-menu .sparkle-options-placerholder:has(~option){display:none}spk-card{--card-bg: var(--base-level-10);--card-inner-bg: var(--base-level-20);--card-border-color: var(--base-level-40);--card-shadow: var(--box-shadow-10);--card-padding: 1.5rem;--card-shadow-padding: .5rem;display:block;padding:var(--card-padding);position:relative;z-index:0}spk-card:before,spk-card:after{content:"";position:absolute;inset:0;border-radius:var(--shape-3)}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-border-color);box-shadow:var(--card-shadow);border-radius:var(--shape-3);z-index:-2}spk-card:after{background-color:var(--card-inner-bg);inset:var(--card-shadow-padding);z-index:-1}spk-stepper{display:flex;flex-wrap:nowrap;width:100%;position:relative;overflow:hidden}spk-stepper [spk-step]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;color:var(--base-level-60R);cursor:pointer}spk-stepper [spk-step]:first-child{align-items:flex-start;flex:1 0}spk-stepper [spk-step]:last-child{align-items:flex-end;flex:1 0}spk-stepper [spk-step]:not(.active) spk-radio{z-index:10}spk-stepper [spk-step]:has(~[spk-step].active) spk-radio{--spk-radio-dot-opacity: 1}spk-stepper [spk-step]:has(~[spk-step].active) spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [spk-step] spk-radio .radio{--spk-radio-dot-color: var(--base-level-10);width:1rem;height:1rem}spk-stepper [spk-step].active{color:var(--primary-500);outline:none}spk-stepper [spk-step].active spk-radio{z-index:0;--spk-radio-dot-opacity: 1}spk-stepper [spk-step].active spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [spk-step].active spk-radio:before{content:"";position:absolute;top:.375rem;left:-9999px;z-index:-1;right:0;height:.25rem;background-color:var(--primary-500)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-level-30)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2}[spkSortable] .spk-placeholder{position:absolute;top:0;z-index:1}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-toggle-card.active .content{max-height:1000px;transition:max-height 1s linear;padding:0 1rem 1rem}spk-toggle-card.active spk-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon{transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;overflow:hidden;max-height:0;transition:max-height .25s linear,padding .25s linear}spk-table{--table-border-color: var(--base-level-40);--table-header-bg: var(--base-level-20);--table-row-bg: var(--base-level-10);--table-row-border-color: var(--base-level-40);--table-columns: 1fr 1fr 1fr max-content;width:100%;display:grid;grid-template-columns:var(--table-columns)}spk-table spk-progress-bar{grid-column:1/-1}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table th{display:flex;align-items:center;padding:0 0 0 1.25rem;height:3rem;font:var(--paragraph-30);line-height:1em;white-space:nowrap;color:var(--base-level-60R);border:0}spk-table th:last-child{padding:0 1.25rem}spk-table td{display:flex;align-items:center;padding:1rem 1.25rem;height:4.875rem;font-weight:500;white-space:nowrap;color:var(--base-level-60);border-top:1px solid var(--base-level-30);border-bottom:0}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-file-upload{display:flex;flex-direction:column;gap:.75rem}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}
|