@duplicati/ngclient 0.0.141 → 0.0.142

package/chunk-ZAFFTZSE.js

@@ -1 +0,0 @@
-import{a as ut}from"./chunk-WZNH4JPF.js";import{a as Oe}from"./chunk-BCHZRC5K.js";import{a as rt,b as Ke,c as _t}from"./chunk-B26UYXA3.js";import{b as re}from"./chunk-LDIZ5E5Z.js";import{a as ot}from"./chunk-2BX65XJQ.js";import{a as Te}from"./chunk-6JQM2X3B.js";import{b as fe,c as Q,d as Ae,e as Z,f as he,h as st,i as le,j as Pe,k as Ne,n as lt,o as De,p as at,q as Me,r as ye,s as ae,t as Re}from"./chunk-NSIELNIY.js";import{b as oe,d as H}from"./chunk-2W6BEUGU.js";import{A as Ee,C as nt,a as j,b as Je,e as et,g as se,l as q,p as tt,t as Y}from"./chunk-Y5IRBMLB.js";import{h as it}from"./chunk-DNJOKPEL.js";import{$b as xe,Ab as C,Bb as B,Cb as v,Eb as x,H as ke,Hc as I,Ic as ie,Kb as m,Lb as F,Mb as A,Mc as ve,Nc as Ve,Oc as Se,Pb as Ge,Qa as _,Qb as E,Rb as u,U as ge,Z as M,Zb as Ce,_b as me,ab as z,bc as Fe,da as p,ea as d,ec as U,fb as Ye,fc as be,gc as Ze,jc as w,kc as $,lc as k,na as g,rb as Qe,sb as y,sc as Be,tb as R,ub as Ie,vb as Le,wb as Ue,xb as f,yb as l,zb as a}from"./chunk-BTMXQPBB.js";import{a as G,b as W}from"./chunk-EUDKD2JW.js";var we=class s{fromString(t){if(!t)return null;let e=t.match(/(\d+)([smhDWMY])/);return e&&{value:parseInt(e[1]),unit:e[2]}}toString(t,e){return`${t}${e}`}static \u0275fac=function(e){return new(e||s)};static \u0275prov=ge({token:s,factory:s.\u0275fac,providedIn:"root"})};function Ct(s,t){if(s&1){let e=x();l(0,"div",24)(1,"spk-form-field")(2,"label",25),A(3,7),a(),l(4,"input",26,0),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.nextTime().time,i)||(o.scheduleFields.nextTime().time=i),d(i)}),E("focus",function(){p(e);let i=xe(5);return d(i.showPicker())}),a(),l(6,"spk-icon",27),U(7,"clock"),a()(),l(8,"spk-form-field"),C(9,"label",28),l(10,"input",29,1),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.nextTime().date,i)||(o.scheduleFields.nextTime().date=i),d(i)}),E("focus",function(){p(e);let i=xe(11);return d(i.showPicker())}),a(),l(12,"spk-icon",27),U(13,"calendar"),a()()(),l(14,"div",24)(15,"spk-form-field")(16,"label",30),A(17,8),a(),l(18,"input",31),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().repeatValue,i)||(o.scheduleFields.runAgain().repeatValue=i),d(i)}),a()(),l(19,"spk-select",32)(20,"input",33),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().repeatUnit,i)||(o.scheduleFields.runAgain().repeatUnit=i),d(i)}),a()()(),l(21,"app-toggle-card",34),B(22,35),A(23,9),v(),l(24,"div",36)(25,"spk-toggle",19),m(26,10),l(27,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.mon,i)||(o.scheduleFields.runAgain().allowedDays.mon=i),d(i)}),a(),F(),a(),l(28,"spk-toggle",19),m(29,11),l(30,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.tue,i)||(o.scheduleFields.runAgain().allowedDays.tue=i),d(i)}),a(),F(),a(),l(31,"spk-toggle",19),m(32,12),l(33,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.wed,i)||(o.scheduleFields.runAgain().allowedDays.wed=i),d(i)}),a(),F(),a(),l(34,"spk-toggle",19),m(35,13),l(36,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.thu,i)||(o.scheduleFields.runAgain().allowedDays.thu=i),d(i)}),a(),F(),a(),l(37,"spk-toggle",19),m(38,14),l(39,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.fri,i)||(o.scheduleFields.runAgain().allowedDays.fri=i),d(i)}),a(),F(),a(),l(40,"spk-toggle",19),m(41,15),l(42,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.sat,i)||(o.scheduleFields.runAgain().allowedDays.sat=i),d(i)}),a(),F(),a(),l(43,"spk-toggle",19),m(44,16),l(45,"input",20),k("ngModelChange",function(i){p(e);let o=u();return $(o.scheduleFields.runAgain().allowedDays.sun,i)||(o.scheduleFields.runAgain().allowedDays.sun=i),d(i)}),a(),F(),a()()()}if(s&2){let e=u();_(4),w("ngModel",e.scheduleFields.nextTime().time),_(6),w("ngModel",e.scheduleFields.nextTime().date),_(8),w("ngModel",e.scheduleFields.runAgain().repeatValue),_(),f("options",e.unitOptions)("isClearable",!1),_(),w("ngModel",e.scheduleFields.runAgain().repeatUnit),_(),f("disallowToggle",!0),_(6),w("ngModel",e.scheduleFields.runAgain().allowedDays.mon),_(3),w("ngModel",e.scheduleFields.runAgain().allowedDays.tue),_(3),w("ngModel",e.scheduleFields.runAgain().allowedDays.wed),_(3),w("ngModel",e.scheduleFields.runAgain().allowedDays.thu),_(3),w("ngModel",e.scheduleFields.runAgain().allowedDays.fri),_(3),w("ngModel",e.scheduleFields.runAgain().allowedDays.sat),_(3),w("ngModel",e.scheduleFields.runAgain().allowedDays.sun)}}var mt=[{key:"s",label:$localize`Seconds`},{key:"m",label:$localize`Minutes`},{key:"h",label:$localize`Hours`},{key:"D",label:$localize`Days`},{key:"W",label:$localize`Weeks`},{key:"M",label:$localize`Months`},{key:"Y",label:$localize`Years`}],te={autoRun:!0,nextTime:{time:"13:00",date:new Date().toISOString().split("T")[0]},runAgain:{repeatValue:1,repeatUnit:"D",allowedDays:{mon:!1,tue:!1,wed:!1,thu:!1,fri:!1,sat:!1,sun:!1}}},Xe=class s{#e=M(J);#t=M(H);#i=M(oe);unitOptions=mt;scheduleFields=this.#e.scheduleFields;goBack(){this.#t.navigate(["source-data"],{relativeTo:this.#i.parent})}next(){this.#e.isNew()||this.#e.submit(!0),this.#t.navigate(["options"],{relativeTo:this.#i.parent})}static \u0275fac=function(e){return new(e||s)};static \u0275cmp=z({type:s,selectors:[["app-schedule"]],decls:16,vars:2,consts:()=>{let t;t=$localize`Schedule`;let e;e=$localize` Automatically run backups ${"\uFFFD#5\uFFFD\uFFFD/#5\uFFFD"}:TAG_INPUT:`;let n;n=$localize`If a date was missed, the job will run as soon as possible.`;let i;i=$localize`${"\uFFFD#12\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#12\uFFFD"}:CLOSE_TAG_SPK_ICON: Go back `;let o;o=$localize`${"\uFFFD#15\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#15\uFFFD"}:CLOSE_TAG_SPK_ICON: Continue `;let r;r=$localize`Next time`;let c;c=$localize`Run again every`;let T;T=$localize`Allowed days`;let S;S=$localize` Monday ${"\uFFFD#27\uFFFD\uFFFD/#27\uFFFD"}:TAG_INPUT:`;let O;O=$localize` Tuesday ${"\uFFFD#30\uFFFD\uFFFD/#30\uFFFD"}:TAG_INPUT:`;let P;P=$localize` Wednesday ${"\uFFFD#33\uFFFD\uFFFD/#33\uFFFD"}:TAG_INPUT:`;let L;L=$localize` Thursday ${"\uFFFD#36\uFFFD\uFFFD/#36\uFFFD"}:TAG_INPUT:`;let K;K=$localize` Friday ${"\uFFFD#39\uFFFD\uFFFD/#39\uFFFD"}:TAG_INPUT:`;let b;b=$localize` Saturday ${"\uFFFD#42\uFFFD\uFFFD/#42\uFFFD"}:TAG_INPUT:`;let X;return X=$localize` Sunday ${"\uFFFD#45\uFFFD\uFFFD/#45\uFFFD"}:TAG_INPUT:`,[["timeRef",""],["dateRef",""],t,e,n,i,o,r,c,T,S,O,P,L,K,b,X,[1,"title-30"],[1,"toggle-wrap"],[1,"raised","primary"],["type","checkbox",3,"ngModelChange","ngModel"],[1,"form-actions"],["spk-button","","type","button",3,"click"],["spk-button","",1,"raised","primary",3,"click"],[1,"row-inputs"],["for","time"],["type","time","id","time",3,"ngModelChange","focus","ngModel"],["suffix",""],["for","date"],["type","date","id","date",3,"ngModelChange","focus","ngModel"],["for","repeatValue"],["type","number","id","repeatValue",3,"ngModelChange","ngModel"],["value","key","label","label",3,"options","isClearable"],["type","text","id","repeatUnit",3,"ngModelChange","ngModel"],[3,"disallowToggle"],["title",""],[1,"days-wrap"]]},template:function(e,n){e&1&&(l(0,"h3",17),A(1,2),a(),l(2,"div",18)(3,"spk-toggle",19),m(4,3),l(5,"input",20),k("ngModelChange",function(o){return $(n.scheduleFields.autoRun,o)||(n.scheduleFields.autoRun=o),o}),a(),F(),a(),l(6,"p"),A(7,4),a()(),y(8,Ct,46,14),l(9,"div",21)(10,"button",22),E("click",function(){return n.goBack()}),m(11,5),C(12,"spk-icon"),F(),a(),l(13,"button",23),E("click",function(){return n.next()}),m(14,6),C(15,"spk-icon"),F(),a()()),e&2&&(_(5),w("ngModel",n.scheduleFields.autoRun),_(3),R(n.scheduleFields.autoRun()?8:-1))},dependencies:[ae,Q,Ne,fe,Z,le,q,Ee,j,se,Y,Oe],styles:["[_nghost-%COMP%]{display:block;width:100%;max-width:32.5rem;padding:2.5rem 2.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.toggle-wrap[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.25rem}.row-inputs[_ngcontent-%COMP%]{display:flex;align-items:flex-end;gap:.5rem}.row-inputs[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1 0}.days-wrap[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions[_ngcontent-%COMP%]{display:flex;justify-content:space-between}"],changeDetection:0})};function Ft(s,t){if(s&1&&(B(0,4),U(1),v()),s&2){let e,n=u();_(),be((e=n.currentExpressionOption())==null?null:e.startsWith)}}function St(s,t){if(s&1&&(B(0,5),U(1),v()),s&2){let e,n=u();_(),be((e=n.currentExpressionOption())==null?null:e.endsWith)}}var Et=[{key:"Excludes folders where name contains",value:"-FolderName"},{key:"Excludes folder",value:"-Folder"},{key:"Excludes files where name contains",value:"-FileName"},{key:"Excludes file extension",value:"-Extension"},{key:"Excludes files where name matches regex",value:"-Regex"},{key:"Includes files where name matches regex",value:"+Regex"},{key:"Excludes file group",value:"-FileGroup"},{key:"Includes expression",value:"+Expression"},{key:"Excludes expression",value:"-Expression"},{key:"None",value:"-Unknown"}],$e=class s{path=Ve.required();osType=Ve();pathChange=ve();remove=ve();internalPath=g("");pathType=g("-Expression");currentExpressionOption=I(()=>{let t=this.pathType();return this.expressionOptions().find(e=>e.value===t)});expressionOptions=I(()=>{let e=this.osType()==="Windows"?"\\":"/";return Et.map(n=>n.value==="-Folder"||n.value==="+Folder"?W(G({},n),{startsWith:"",endsWith:""}):n.value==="-FolderName"||n.value==="+FolderName"?W(G({},n),{startsWith:"*",endsWith:`*${e}`}):n.value==="-FileName"||n.value==="+FileName"?W(G({},n),{startsWith:"[.*",endsWith:`[^\\${e}]*]`}):n.value==="-FileGroup"||n.value==="+FileGroup"?W(G({},n),{startsWith:"{",endsWith:"}"}):n.value==="-Regex"||n.value==="+Regex"?W(G({},n),{startsWith:"[",endsWith:"]"}):n.value==="-Extension"||n.value==="+Extension"?W(G({},n),{startsWith:"*.",endsWith:""}):W(G({},n),{startsWith:"",endsWith:""}))});pathEffect=ie(()=>{let t=this.path(),e=t.slice(1),n=t.startsWith("-")?"-":"+",i=this.osType()==="Windows",o=i?"\\":"/";e.startsWith("%")&&e.endsWith(o)||i&&e.slice(2).startsWith(o)&&e.endsWith(o)||e.startsWith(o)&&e.endsWith(o)?(this.pathType.set(`${n}Folder`),this.internalPath.set(e)):e.startsWith("*")&&e.endsWith(`*${o}`)?(this.pathType.set(`${n}FolderName`),this.internalPath.set(e.slice(1,-2))):e.startsWith("[.*")&&e.endsWith(`[^\\${o}]*]`)?(this.pathType.set(`${n}FileName`),this.internalPath.set(e.slice(3,-7))):e.startsWith("{")&&e.endsWith("}")?(this.pathType.set(`${n}FileGroup`),this.internalPath.set(e.slice(1,-1))):e.startsWith("[")&&e.endsWith("]")?(this.pathType.set(`${n}Regex`),this.internalPath.set(e.slice(1,-1))):e.startsWith("*.")?(this.pathType.set(`${n}Extension`),this.internalPath.set(e.slice(2))):(this.pathType.set(`${n}Expression`),this.internalPath.set(e))});updateFilter(){let t=this.internalPath(),e=this.currentExpressionOption();t!==""&&this.pathChange.emit(`${e?.value.slice(0,1)}${e?.startsWith??""}${t}${e?.endsWith??""}`)}removeFilter(){this.remove.emit()}static \u0275fac=function(e){return new(e||s)};static \u0275cmp=z({type:s,selectors:[["app-new-filter"]],inputs:{path:[1,"path"],osType:[1,"osType"]},outputs:{pathChange:"pathChange",remove:"remove"},decls:9,vars:6,consts:()=>{let t;return t=$localize`Select an option...`,[["value","value","label","key",3,"options","isClearable"],["type","text","placeholder",t,3,"ngModelChange","ngModel"],[1,"expression-input"],["type","text",3,"ngModelChange","ngModel"],["prefix",""],["suffix",""],[1,"filter-removal",3,"click"],[1,"spk-primary"]]},template:function(e,n){if(e&1&&(l(0,"spk-select",0)(1,"input",1),k("ngModelChange",function(o){return $(n.pathType,o)||(n.pathType=o),o}),E("ngModelChange",function(){return n.updateFilter()}),a()(),l(2,"spk-form-field",2)(3,"input",3),k("ngModelChange",function(o){return $(n.internalPath,o)||(n.internalPath=o),o}),E("ngModelChange",function(){return n.updateFilter()}),a(),y(4,Ft,2,1,"ng-container",4),y(5,St,2,1,"ng-container",5),a(),l(6,"div",6),E("click",function(){return n.removeFilter()}),l(7,"spk-icon",7),U(8,"x-circle"),a()()),e&2){let i,o;f("options",n.expressionOptions())("isClearable",!1),_(),w("ngModel",n.pathType),_(2),w("ngModel",n.internalPath),_(),R(!((i=n.currentExpressionOption())==null||i.startsWith==null)&&i.startsWith.length?4:-1),_(),R(!((o=n.currentExpressionOption())==null||o.endsWith==null)&&o.endsWith.length?5:-1)}},dependencies:[ae,Q,Z,le,Y,q,j],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:13.125rem 1fr 1.875rem;gap:.5rem;align-items:flex-end}.expression-input[_ngcontent-%COMP%]{--ff-suffix-bg: var(--base-2)}.filter-removal[_ngcontent-%COMP%]{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;flex:0 0}"],changeDetection:0})};var Tt=["formRef"],ct=()=>({standalone:!0});function ft(s,t){if(s&1){let e=x();l(0,"spk-form-field",42)(1,"input",43),k("ngModelChange",function(i){p(e);let o=u(2);return $(o.editingPath,i)||(o.editingPath=i),d(i)}),a()(),l(2,"button",44),E("click",function(){p(e);let i=u(2);return d(i.updatePath())}),l(3,"spk-icon"),U(4,"floppy-disk"),a()(),l(5,"button",44),E("click",function(){p(e);let i=u(2);return d(i.cancelEditPath())}),l(6,"spk-icon"),U(7,"x-bold"),a()()}if(s&2){let e=u(2);_(),w("ngModel",e.editingPath),f("ngModelOptions",Be(2,ct))}}function At(s,t){if(s&1){let e=x();l(0,"spk-form-field",42),C(1,"input",45),a(),l(2,"button",44),E("click",function(){p(e);let i=u().$implicit,o=u();return d(o.editPath(i))}),l(3,"spk-icon"),U(4,"pen"),a()(),l(5,"button",44),E("click",function(){p(e);let i=u().$implicit,o=u();return d(o.removePath(i))}),l(6,"spk-icon"),U(7,"trash-simple"),a()()}if(s&2){let e=u().$implicit;Qe("readonly",!0),_(),f("ngModel",e)("ngModelOptions",Be(3,ct))}}function ht(s,t){if(s&1&&(l(0,"div",30),y(1,ft,8,3)(2,At,8,4),a()),s&2){let e=t.$implicit,n=u();_(),R(n.oldPath()===e?1:2)}}function Pt(s,t){if(s&1){let e=x();l(0,"app-new-filter",47),E("pathChange",function(i){let o=p(e).$index,r=u(2);return d(r.patchPathAt(i,o))})("remove",function(){let i=p(e).$index,o=u(2);return d(o.removePathAt(i))}),a()}if(s&2){let e=t.$implicit,n=u(2);f("path",e)("osType",n.osType()??"")}}function Nt(s,t){if(s&1&&Le(0,Pt,1,2,"app-new-filter",46,Ie),s&2){let e=u();Ue(e.pathArray())}}function Dt(s,t){if(s&1&&(l(0,"div",41)(1,"spk-form-field"),C(2,"input",48),a(),l(3,"spk-select",49),C(4,"input",50),a()()),s&2){let e=u();_(3),f("options",e.sizeOptions())("isClearable",!1)}}var V=new ye,Mt=["Bytes","KB","MB","GB","TB","PB"],pt=(s={path:"",filters:[],excludes:{hidden:!1,system:!1,temporary:!1,filesLargerThan:null}})=>V.group({path:V.control(s.path),excludes:V.group({hidden:V.control(s.excludes.hidden),system:V.control(s.excludes.system),temporary:V.control(s.excludes.temporary),filesLargerThan:V.group({size:V.control(null),unit:V.control(null)})})}),He=class s{#e=M(J);#t=M(H);#i=M(oe);formRef=Se.required("formRef");sourceDataForm=this.#e.sourceDataForm;sourceDataFormSignal=this.#e.sourceDataFormSignal;newPathCtrl=new st("");filesLargerThan=I(()=>this.sourceDataFormSignal()?.excludes?.filesLargerThan?.size!==null);sizeOptions=g(Mt);osType=this.#e.osType;pathSignal=re(this.sourceDataForm.controls.path.valueChanges);pathArray=I(()=>this.pathSignal()?.split("\0").filter(t=>t.startsWith("-")||t.startsWith("+")||t==="___none___")??[]);nonFilterPaths=I(()=>this.pathSignal()?.split("\0").filter(t=>!t.startsWith("-")&&!t.startsWith("+")&&t!==""));oldPath=g(null);editingPath=g(null);addingNewPath=g(!1);editPath(t){this.oldPath.set(t),this.editingPath.set(t)}updatePath(){let t=this.oldPath(),e=this.editingPath();if(!t||!e||e===t){this.oldPath.set(null),this.editingPath.set(null);return}let n=this.sourceDataForm.controls.path.value;this.sourceDataForm.controls.path.setValue(n?.replace(t,e)??""),this.oldPath.set(null),this.editingPath.set(null)}cancelEditPath(){this.oldPath.set(null),this.editingPath.set(null)}removePath(t){let n=(this.sourceDataForm.controls.path.value??"").split("\0"),i=n.indexOf(t);if(i===-1)return;n.splice(i,1);let o=n.filter(r=>r&&r!=="").join("\0");this.sourceDataForm.controls.path.setValue(o)}addFilter(t="-*"){let n=[this.sourceDataForm.controls.path.value,t].filter(i=>i&&i!=="").join("\0");this.sourceDataForm.controls.path.setValue(n)}patchPathAt(t,e){let i=this.sourceDataForm.controls.path.value.split("\0").filter(c=>!c.startsWith("-")&&!c.startsWith("+")).join("\0"),o=this.pathArray().map((c,T)=>T===e?`${t}`:`${c}`).join("\0"),r=[i,o].filter(c=>c&&c!=="").join("\0");this.sourceDataForm.controls.path.setValue(r)}removePathAt(t){let n=this.sourceDataForm.controls.path.value.split("\0").filter(r=>!r.startsWith("-")&&!r.startsWith("+")).join("\0"),i=this.pathArray().filter((r,c)=>c!==t).join("\0"),o=[n,i].filter(r=>r&&r!=="").join("\0");this.sourceDataForm.controls.path.setValue(o)}getPath(){return this.sourceDataForm.value.path??null}toggleFilesLargerThan(){this.sourceDataForm.controls.excludes.value.filesLargerThan?.size===null?this.sourceDataForm.controls.excludes.controls.filesLargerThan.setValue({size:50,unit:"MB"}):this.sourceDataForm.controls.excludes.controls.filesLargerThan.setValue({size:null,unit:null})}addNewPath(){let t=this.sourceDataForm.controls.path.value,e=this.newPathCtrl.value,n=t?.split("\0")||[];e&&!n.includes(e)&&n.push(e);let i=n.filter(o=>o&&o!=="").join("\0");this.sourceDataForm.controls.path.setValue(i),this.newPathCtrl.setValue("")}goBack(){this.#t.navigate(["destination"],{relativeTo:this.#i.parent})}next(){this.#e.isNew()||this.#e.submit(!0),this.#t.navigate(["schedule"],{relativeTo:this.#i.parent})}static \u0275fac=function(e){return new(e||s)};static \u0275cmp=z({type:s,selectors:[["app-source-data"]],viewQuery:function(e,n){e&1&&Ce(n.formRef,Tt,5),e&2&&me()},decls:56,vars:12,consts:()=>{let t;t=$localize`Path`;let e;e=$localize`Add a direct path`;let n;n=$localize`Hidden files`;let i;i=$localize`System files`;let o;o=$localize`Temporary files`;let r;r=$localize`Source Data`;let c;c=$localize`Folder path`;let T;T=$localize`${"\uFFFD#12\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#12\uFFFD"}:CLOSE_TAG_SPK_ICON: Go back `;let S;S=$localize`${"\uFFFD#15\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#15\uFFFD"}:CLOSE_TAG_SPK_ICON: Continue `;let O;O=$localize`Paths`;let P;P=$localize`Add a path directly from your machine.`;let L;L=$localize`Filters`;let K;K=$localize`Customize your filters.`;let b;b=$localize`Add filter`;let X;X=$localize`Exclude`;let D;D=$localize`Choose if there’s any files you want to exclude.`;let ee;ee=$localize` Files with the Hidden attribute ${"\uFFFD#46\uFFFD\uFFFD/#46\uFFFD"}:TAG_INPUT:`;let _e;_e=$localize` Files with the System attribute ${"\uFFFD#49\uFFFD\uFFFD/#49\uFFFD"}:TAG_INPUT:`;let ue;ue=$localize` Files with the Temporary attribute ${"\uFFFD#52\uFFFD\uFFFD/#52\uFFFD"}:TAG_INPUT:`;let ce;ce=$localize` Files larger than `;let h;h=$localize`Edit path`;let qe;return qe=$localize`Select an option...`,[["formRef",""],r,c,T,S,O,P,L,K,b,X,D,ee,_e,ue,ce,[3,"submit","formGroup"],[1,"left"],[1,"title-30"],[1,"fill",3,"multiSelect","startingPath","showFiles"],["for","path"],["type","text","id","path","tabindex","4","placeholder",t,"formControlName","path"],[1,"form-actions"],["spk-button","","type","button",3,"click"],["spk-button","","type","submit",1,"raised","primary"],[1,"right"],[3,"disallowToggle"],["title",""],["description",""],[1,"paths"],[1,"path"],[1,"row-inputs"],["type","text","placeholder",e,3,"formControl"],["spk-button","","type","button",1,"raised","primary",3,"click"],["type","button","spk-button","","action","",3,"click"],["formGroupName","excludes",3,"disallowToggle"],[1,"raised","primary"],["type","checkbox","placeholder",n,"formControlName","hidden"],["type","checkbox","placeholder",i,"formControlName","system"],["type","checkbox","placeholder",o,"formControlName","temporary"],[1,"raised","primary",3,"click"],["formGroupName","filesLargerThan",1,"row-inputs"],[1,"small"],["type","text","placeholder",h,3,"ngModelChange","ngModel","ngModelOptions"],["spk-button","","type","button",1,"small",3,"click"],["type","text",3,"ngModel","ngModelOptions"],[3,"path","osType"],[3,"pathChange","remove","path","osType"],["type","number","formControlName","size"],[3,"options","isClearable"],["type","text","formControlName","unit","placeholder",qe]]},template:function(e,n){if(e&1){let i=x();l(0,"form",16,0),E("submit",function(){return p(i),d(n.next())}),l(2,"div",17)(3,"h3",18),A(4,1),a(),l(5,"app-file-tree",19)(6,"label",20),A(7,2),a(),C(8,"input",21),a(),l(9,"div",22)(10,"button",23),E("click",function(){return p(i),d(n.goBack())}),m(11,3),C(12,"spk-icon"),F(),a(),l(13,"button",24),m(14,4),C(15,"spk-icon"),F(),a()()(),l(16,"div",25)(17,"app-toggle-card",26),B(18,27),A(19,5),v(),l(20,"p",28),A(21,6),a(),l(22,"div",29),Le(23,ht,3,1,"div",30,Ie),l(25,"div",31)(26,"spk-form-field"),C(27,"input",32),a(),l(28,"button",33),E("click",function(){return p(i),d(n.addNewPath())}),l(29,"spk-icon"),U(30,"plus"),a()()()()(),l(31,"app-toggle-card",26),B(32,27),A(33,7),v(),l(34,"p",28),A(35,8),a(),l(36,"button",34),E("click",function(){return p(i),d(n.addFilter())}),A(37,9),a(),y(38,Nt,2,0),a(),l(39,"app-toggle-card",35),B(40,27),A(41,10),v(),l(42,"p",28),A(43,11),a(),l(44,"spk-toggle",36),m(45,12),C(46,"input",37),F(),a(),l(47,"spk-toggle",36),m(48,13),C(49,"input",38),F(),a(),l(50,"spk-toggle",36),m(51,14),C(52,"input",39),F(),a(),l(53,"spk-toggle",40),E("click",function(){return p(i),d(n.toggleFilesLargerThan())}),A(54,15),a(),y(55,Dt,5,2,"div",41),a()()()}if(e&2){let i;f("formGroup",n.sourceDataForm),_(5),f("multiSelect",!0)("startingPath",n.getPath())("showFiles",!0),_(12),f("disallowToggle",!0),_(6),Ue(n.nonFilterPaths()),_(4),f("formControl",n.newPathCtrl),_(4),f("disallowToggle",!0),_(7),R((i=n.pathSignal())!=null&&i.length?38:-1),_(),f("disallowToggle",!0),_(14),Fe("active",n.filesLargerThan()),_(2),R(n.filesLargerThan()?55:-1)}},dependencies:[ae,Pe,Q,Ne,fe,Z,he,le,Re,lt,De,Me,at,q,j,se,Ee,Y,$e,ut,Oe],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;width:100%;flex:1 0;overflow:hidden}form[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;flex:1 0;overflow:hidden}.right[_ngcontent-%COMP%], .left[_ngcontent-%COMP%]{flex:1 0;display:flex;flex-direction:column;gap:1.5rem}.left[_ngcontent-%COMP%]{padding:2.5rem;overflow:hidden;border-right:1px solid var(--base-4)}.right[_ngcontent-%COMP%]{padding:2.5rem 1.5rem;overflow:auto}.form-actions[_ngcontent-%COMP%]{display:flex;justify-content:space-between}spk-divider[_ngcontent-%COMP%]{margin:.75rem 0}.row-inputs[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr min-content;gap:.25rem}.paths[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem}.path[_ngcontent-%COMP%]{display:grid;align-items:center;grid-template-columns:1fr min-content min-content;gap:.25rem}"],changeDetection:0})};var dt="1W:1D,4W:1W,12M:1M",J=class s{#e=M(H);#t=M(Te);#i=M(et);#n=M(it);#s=M(we);generalForm=gt();sourceDataForm=pt();scheduleFields={autoRun:g(te.autoRun),nextTime:g(te.nextTime),runAgain:g(te.runAgain)};settings=g([]);optionsFields={remoteVolumeSize:g("50MB"),backupRetention:g("all"),backupRetentionTime:g(""),backupRetentionVersions:g(0),backupRetentionCustom:g("")};targetUrlModel=g(null);backupMetadata=g(null);isDraft=g(!1);backupId=g(null);backupName=I(()=>this.generalFormSignal()?.name??"");isSubmitting=g(!1);finishedLoading=g(!1);backupDefaults=g(null);applicationOptions=g(null);isNew=I(()=>this.backupId()==="new");osType=I(()=>this.#t.systemInfo()?.OSType);selectedOptions=g([]);sourceDataFormSignal=re(this.sourceDataForm.valueChanges);generalFormSignal=re(this.generalForm.valueChanges);encryptionFieldSignal=re(this.generalForm.controls.encryption.valueChanges);advancedOptions=I(()=>this.#t.systemInfo()?.Options?.map(this.#_)??[]);#o=g("");#l=g(null);#a=null;testSignal=this.#o.asReadonly();testErrorMessage=this.#l.asReadonly();#p=ie(()=>{let t=this.targetUrlModel(),e=this.#o(),n=this.#a;this.#a=t,!(e==="testing"||n===null||n===t)&&(this.#o.set(""),this.#l.set(null))});setTestState(t,e){this.#o.set(t),this.#l.set(e??null)}#_(t){return{name:t.Name,type:t.Type,shortDescription:t.ShortDescription??void 0,longDescription:t.LongDescription??void 0,options:t.ValidValues}}encryptionOptions=I(()=>{let t=this.#t.systemInfo()?.EncryptionModules??[];return[de,...t]});nonSelectedOptions=I(()=>this.advancedOptions().sort((t,e)=>t?.name&&e?.name?t?.name.localeCompare(e?.name):0).filter(t=>this.selectedOptions()?.findIndex(e=>e.name===t.name)===-1));submit(t=!1){this.isSubmitting.set(!0);let e=this.#u(),n=this.backupId();this.isDraft()&&e.Backup&&(e.Backup.Metadata=this.backupMetadata()),n==="new"||!n||this.isDraft()?this.#n.postApiV1Backups({requestBody:e}).pipe(ke(()=>this.isSubmitting.set(!1))).subscribe({next:i=>{t||this.exit(!1)},error:i=>{}}):this.#n.putApiV1BackupById({id:n,requestBody:e}).pipe(ke(()=>this.isSubmitting.set(!1))).subscribe({next:i=>{t||this.exit(!1)},error:i=>{}})}exit(t){if(!t){this.#r(),this.#e.navigate(["/"]);return}this.#i.open(ot,{data:{title:$localize`Confirm exit?`,message:$localize`Are you sure you want to exit?`,confirmText:$localize`Yes`,cancelText:$localize`Cancel`},closed:e=>{e&&(this.#r(),this.#e.navigate(["/"]))}})}mapSourceDataToForm(t){let e=t.Sources??"",n=t.Filters?.map(c=>`${c.Include?"":"-"}${c.Expression}`)??[],i=t.Settings?.find(c=>c.Name==="--exclude-files-attributes")?.Value??"",o=t.Settings?.find(c=>c.Name==="--skip-files-larger-than")??null,r={path:[...e,...n].join("\0"),excludes:{hiddenFiles:i.includes("hidden"),systemFiles:i.includes("system"),tempFiles:i.includes("temporary"),filesLargerThan:o?.Value?.toUpperCase()??null}};this.sourceDataForm.patchValue(r)}mapDestinationToForm(t){this.targetUrlModel.set(t.TargetURL??"")}mapGeneralToForm(t){let e=t.Name??"",n=t.Description??"",i=t.Settings?.find(S=>S.Name==="encryption-module"),o=t.Settings?.find(S=>S.Name==="passphrase")?.Value??"",r=i?.Value&&i.Value.length?i.Value:"",c=t.Settings?.find(S=>S.Name==="compression-module")?.Value??"",T={name:t.Name??"",description:t.Description??""};e&&e!==""&&(T.name=e),n&&n!==""&&(T.description=n),r&&r!==""&&(T.encryption=r),o&&o!==""&&(T.password=o,T.repeatPassword=o),c&&c!==""&&(T.compression=c),this.generalForm.patchValue(T)}mapScheduleToForm(t){if(!t){this.scheduleFields.autoRun.set(!1);return}let e=this.#s.fromString(t.Repeat)??null,n=this.#c(t.Time);this.scheduleFields.autoRun.set(!0),this.scheduleFields.nextTime.update(i=>G(G({},i),n)),this.scheduleFields.runAgain.set({repeatValue:e?.value??1,repeatUnit:e?.unit??"D",allowedDays:{mon:t.AllowedDays?.includes("mon")??!1,tue:t.AllowedDays?.includes("tue")??!1,wed:t.AllowedDays?.includes("wed")??!1,thu:t.AllowedDays?.includes("thu")??!1,fri:t.AllowedDays?.includes("fri")??!1,sat:t.AllowedDays?.includes("sat")??!1,sun:t.AllowedDays?.includes("sun")??!1}})}mapOptionsToForms(t){let e=["--no-encryption","--exclude-files-attributes","--skip-files-larger-than","dblock-size","passphrase","keep-time","keep-versions","retention-policy"],n=t.Settings?.filter(r=>!e.includes(r.Name)),i=t.Settings?.filter(r=>e.includes(r.Name));this.settings.set(n??[]),n?.forEach(r=>{if(r.Name==="encryption-module"&&this.isNew())return this.generalForm.controls.encryption.setValue(r.Value??"")});var o="all";i?.forEach(r=>{if(r.Name==="dblock-size"&&this.optionsFields.remoteVolumeSize.set(r.Value??"50MB"),r.Name==="keep-time"&&(r.Value??"")!=="")return o="time",this.optionsFields.backupRetentionTime.set(r.Value??"");if(r.Name==="keep-versions"&&(r.Value??"")!=="")return o="versions",this.optionsFields.backupRetentionVersions.set(r.Value?parseInt(r.Value):null);if(r.Name==="retention-policy"&&(r.Value??"")!=="")if(r.Value===dt)o="smart";else return o="custom",this.optionsFields.backupRetentionCustom.set(r.Value??"")}),this.optionsFields.backupRetention.set(o)}storeMetadata(t,e){this.backupMetadata.set(e?t.Metadata??null:null)}getScheduleFormValue(){return{autoRun:this.scheduleFields.autoRun(),nextTime:this.scheduleFields.nextTime(),runAgain:this.scheduleFields.runAgain()}}#u(){let t=this.generalForm.value,e=this.getScheduleFormValue(),n=this.sourceDataForm.value,i=this.targetUrlModel(),o=null;e.runAgain?.repeatUnit&&e.runAgain?.repeatValue&&(o=this.#s.toString(e.runAgain.repeatValue,e.runAgain.repeatUnit));let r=e.runAgain?.allowedDays?Object.entries(e.runAgain?.allowedDays).filter(([P,L])=>L).map(([P,L])=>P):[],c=n.path?.split("\0")??[],T=this.mapFormsToSettings(),S=Object.entries(n.excludes??{}).filter(([P,L])=>L&&P!=="filesLargerThan").map(([P])=>P),O=n.excludes?.filesLargerThan;return S.length&&T.push({Name:"--exclude-files-attributes",Value:S.join(",")}),O&&O.size!==null&&O.unit!==null&&T.push({Name:"--skip-files-larger-than",Value:`${O.size}${O.unit}`}),{Backup:{Name:t.name,Description:t.description,TargetURL:i??null,Sources:c.filter(P=>!P.startsWith("-")),Settings:T,Filters:c.filter(P=>P.startsWith("-")).map((P,L)=>({Order:L,Include:!1,Expression:P.slice(1)}))},Schedule:e.autoRun?{Repeat:o,Time:e.nextTime?.date?new Date(`${e.nextTime.date}T${e.nextTime?.time||"00:00:00"}`).toISOString():null,AllowedDays:r}:null}}mapFormsToSettings(t=[]){let e=this.generalForm.value,n=["--no-encryption","--exclude-files-attributes","--skip-files-larger-than","encryption-module","passphrase","keep-time","keep-versions","retention-policy","dblock-size","compression-module"],i=[{Name:"--no-encryption",Value:"True"}];e.encryption!==""&&e.encryption!==de.Key&&(i=[{Name:"encryption-module",Value:e.encryption??null},{Name:"passphrase",Value:e.password??null}]);let o=[{Name:"compression-module",Value:e.compression}];e.compression===""&&(o=[]);let r=[{Name:"dblock-size",Value:this.optionsFields.remoteVolumeSize()}];switch(this.optionsFields.backupRetention()){case"time":r.push({Name:"keep-time",Value:this.optionsFields.backupRetentionTime()});break;case"versions":r.push({Name:"keep-versions",Value:this.optionsFields.backupRetentionVersions()?.toString()??""});break;case"custom":r.push({Name:"retention-policy",Value:this.optionsFields.backupRetentionCustom()});break;case"smart":r.push({Name:"retention-policy",Value:dt});break}let c=[...t,...n],T=this.settings().filter(S=>!c.includes(S.Name)).map(S=>{let O=S.Value;return typeof S.Value=="number"&&(O=S.Value.toString()),typeof S.Value=="boolean"&&(O=S.Value?"True":"False"),{Name:S.Name?.startsWith("--")?S.Name:`--${S.Name}`,Value:O}});return[...i,...o,...r,...T]}#c(t){if(!t||t?.indexOf("T")===-1)return{time:t??"13:00"};let e=new Date(t);return{time:`${(""+e.getHours()).padStart(2,"0")}:${(""+e.getMinutes()).padStart(2,"0")}`,date:e.toISOString().split("T")[0]}}setTargetUrl(t){this.targetUrlModel.set(t)}#r(){this.generalForm.reset(),this.sourceDataForm.reset(),this.scheduleFields.autoRun.set(te.autoRun),this.scheduleFields.nextTime.set(te.nextTime),this.scheduleFields.runAgain.set(te.runAgain),this.optionsFields.remoteVolumeSize.set("50MB"),this.optionsFields.backupRetention.set("all"),this.settings.set([]),this.targetUrlModel.set(null)}static \u0275fac=function(e){return new(e||s)};static \u0275prov=ge({token:s,factory:s.\u0275fac,providedIn:"root"})};var yt=["formRef"];function Rt(s,t){s&1&&(l(0,"spk-alert",17),m(1,5),C(2,"spk-icon",26),F(),a())}function Ot(s,t){if(s&1&&U(0),s&2){let e=t.$implicit;Ze(" ",e.DisplayName," ")}}function wt(s,t){if(s&1&&C(0,"spk-progress-bar",40),s&2){let e=u(3);Fe("error",e.calculatePasswordStrength()===1)("warn",e.calculatePasswordStrength()===2)("primary",e.calculatePasswordStrength()===4)("success",e.calculatePasswordStrength()===5),f("value",e.calculatePasswordStrength()*(100/5))}}function $t(s,t){s&1&&(l(0,"span",35),A(1,10),a())}function kt(s,t){s&1&&(m(0,8,1),C(1,"spk-icon"),F())}function It(s,t){s&1&&(m(0,8,2),C(1,"spk-icon"),F())}function Lt(s,t){s&1&&(m(0,11,1),C(1,"spk-icon",42),F())}function Ut(s,t){s&1&&(m(0,11,2),C(1,"spk-icon"),F())}function Gt(s,t){if(s&1){let e=x();l(0,"button",41),E("click",function(){p(e);let i=u(3);return d(i.copyPassword())}),m(1,11),y(2,Lt,2,0)(3,Ut,2,0),F(),a()}if(s&2){let e=u(3);_(2),R(e.copiedPassword()?2:3)}}function xt(s,t){s&1&&(l(0,"spk-alert",39),A(1,12),a())}function bt(s,t){if(s&1){let e=x();l(0,"div",30)(1,"spk-form-field")(2,"label",31),m(3,7),C(4,"sup"),F(),a(),C(5,"input",32),a(),y(6,wt,1,9,"spk-progress-bar",33),l(7,"spk-form-field"),C(8,"input",34),y(9,$t,2,0,"span",35),a(),l(10,"div",36)(11,"button",37),E("click",function(){p(e);let i=u(2);return d(i.showPassword.set(!i.showPassword()))}),m(12,8),y(13,kt,2,0)(14,It,2,0),F(),a(),l(15,"button",37),E("click",function(){p(e);let i=u(2);return d(i.generatePassword())}),m(16,9),C(17,"spk-icon"),F(),a(),y(18,Gt,4,1,"button",38),a(),y(19,xt,2,0,"spk-alert",39),a()}if(s&2){let e=u(2);_(5),f("type",e.showPassword()?"text":"password"),_(),R(e.generalForm.value.password?6:-1),_(2),f("type",e.showPassword()?"text":"password"),_(),R(e.generalForm.value.repeatPassword&&e.generalForm.value.repeatPassword!==e.generalForm.value.password?9:-1),_(4),R(e.showPassword()?13:14),_(5),R(e.showCopyPassword()?18:-1),_(),R(e.generalForm.value.password&&e.generalForm.value.password===e.generalForm.value.repeatPassword?19:-1)}}function Bt(s,t){if(s&1&&(l(0,"spk-select",27)(1,"label",28),A(2,6),a(),C(3,"input",29),Ye(4,Ot,1,1,"ng-template"),a(),y(5,bt,20,7,"div",30)),s&2){let e=u();f("options",e.encryptionOptions())("isClearable",!1),_(5),R(e.encryptionFieldSignal()!==e.noneOptionKey?5:-1)}}function vt(s,t){if(s&1&&(l(0,"button",24),m(1,13),C(2,"spk-icon"),F(),a()),s&2){let e=u();f("disabled",e.nameAndDescriptionValid()===!1)}}function Vt(s,t){if(s&1&&(l(0,"button",25),m(1,14),C(2,"spk-icon"),F(),a()),s&2){let e=u();f("disabled",e.generalForm.invalid||e.showCopyPassword()&&!e.copiedPassword())}}var ne=new ye,gt=(s={name:"",description:"",encryption:"",password:"",repeatPassword:"",compression:""})=>ne.group({name:ne.control(s.name,[Ae.required]),description:ne.control(s.description),encryption:ne.control(s.encryption,[_t()]),password:ne.control(s.password,[Ke(t=>t?.value.encryption!=="",[Ae.required])]),repeatPassword:ne.control(s.repeatPassword,[Ke(t=>t?.value.encryption!=="",[Ae.required])]),compression:ne.control(s.compression)}),de={Key:"-",DisplayName:"None"},je=class s{#e=M(H);#t=M(oe);#i=M(rt);#n=M(J);#s=M(Te);formRef=Se.required("formRef");generalForm=this.#n.generalForm;generalFormSignal=this.#n.generalFormSignal;encryptionFieldSignal=this.#n.encryptionFieldSignal;encryptionOptions=this.#n.encryptionOptions;isNew=this.#n.isNew;showPassword=g(!1);copiedPassword=g(!1);showCopyPassword=g(!1);noneOptionKey=de.Key;encryptionEffect=ie(()=>{this.encryptionFieldSignal()===de.Key&&(this.copiedPassword.set(!1),this.showCopyPassword.set(!1))});nameAndDescriptionValid=I(()=>{let t=this.generalFormSignal(),e=this.generalForm.controls;return e?.name&&e.name.valid&&e?.description&&e.description.valid});calculatePasswordStrength=I(()=>{let e=this.generalFormSignal()?.password??"";return this.#i.calculatePasswordStrength(e)});ngOnInit(){this.formRef().nativeElement.focus()}exit(){this.#n.exit(!0)}async copyPassword(){let t=this.generalForm.controls.password.value;await this.#o(t??""),this.copiedPassword.set(!0)}async#o(t){try{await navigator.clipboard.writeText(t)}catch{try{let n=document.createElement("textarea");n.value=t,document.body.appendChild(n),n.select(),document.execCommand("copy"),document.body.removeChild(n)}catch(n){console.error("Failed to copy text: ",n)}}}generatePassword(){this.copiedPassword.set(!1);let t=this.#i.generate(16);this.generalForm.controls.password.setValue(t),this.generalForm.controls.repeatPassword.setValue(t),this.showCopyPassword.set(!0)}next(){this.#n.isNew()||this.#n.submit(!0),this.#e.navigate(["destination"],{relativeTo:this.#t.parent})}static \u0275fac=function(e){return new(e||s)};static \u0275cmp=z({type:s,selectors:[["app-general"]],viewQuery:function(e,n){e&1&&Ce(n.formRef,yt,5),e&2&&me()},decls:21,vars:4,consts:()=>{let t;t=$localize`Your backup name`;let e;e=$localize`Your backup description`;let n;n=$localize`Remember to copy the password`;let i;i=$localize`General backup settings`;let o;o=$localize` Backup name ${"\uFFFD#8\uFFFD"}:START_SUPERSCRIPT:*${"\uFFFD/#8\uFFFD"}:CLOSE_SUPERSCRIPT:`;let r;r=$localize`Backup description`;let c;c=$localize`${"\uFFFD#18\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#18\uFFFD"}:CLOSE_TAG_SPK_ICON: Exit `;let T;T=$localize`${"\uFFFD#2\uFFFD"}:START_TAG_SPK_ICON:lock${"\uFFFD/#2\uFFFD"}:CLOSE_TAG_SPK_ICON: Encrypted backup `;let S;S=$localize`Encryption`;let O;O=$localize`Encryption`;let P;P=$localize`Password`;let L;L=$localize`Repeat password`;let K;K=$localize` Create a password ${"\uFFFD#4\uFFFD"}:START_SUPERSCRIPT:*${"\uFFFD/#4\uFFFD"}:CLOSE_SUPERSCRIPT:`;let b;b=$localize`${"\uFFFD*13:1\uFFFD"}:START_BLOCK_IF:${"[\uFFFD#1:1\uFFFD|\uFFFD#1:2\uFFFD]"}:START_TAG_SPK_ICON:eye-slash${"[\uFFFD/#1:1\uFFFD|\uFFFD/#1:2\uFFFD]"}:CLOSE_TAG_SPK_ICON: hide ${"\uFFFD/*13:1\uFFFD"}:CLOSE_BLOCK_IF:${"\uFFFD*14:2\uFFFD"}:START_BLOCK_ELSE:${"[\uFFFD#1:1\uFFFD|\uFFFD#1:2\uFFFD]"}:START_TAG_SPK_ICON:eye${"[\uFFFD/#1:1\uFFFD|\uFFFD/#1:2\uFFFD]"}:CLOSE_TAG_SPK_ICON: show ${"\uFFFD/*14:2\uFFFD"}:CLOSE_BLOCK_ELSE:`,b=Ge(b);let X;X=$localize`${"\uFFFD#17\uFFFD"}:START_TAG_SPK_ICON:password${"\uFFFD/#17\uFFFD"}:CLOSE_TAG_SPK_ICON: Generate password `;let D;D=$localize`Passwords do not match`;let ee;ee=$localize`${"\uFFFD*2:1\uFFFD"}:START_BLOCK_IF:${"\uFFFD#1:1\uFFFD"}:START_TAG_SPK_ICON:check${"[\uFFFD/#1:1\uFFFD|\uFFFD/#1:2\uFFFD]"}:CLOSE_TAG_SPK_ICON: Copied password ${"\uFFFD/*2:1\uFFFD"}:CLOSE_BLOCK_IF:${"\uFFFD*3:2\uFFFD"}:START_BLOCK_ELSE:${"\uFFFD#1:2\uFFFD"}:START_TAG_SPK_ICON_1:copy${"[\uFFFD/#1:1\uFFFD|\uFFFD/#1:2\uFFFD]"}:CLOSE_TAG_SPK_ICON: Copy password ${"\uFFFD/*3:2\uFFFD"}:CLOSE_BLOCK_ELSE:`,ee=Ge(ee);let _e;_e=$localize` Tip: Be sure to save your password. If you lose it, you will lose access to your backups. `;let ue;ue=$localize` Continue ${"\uFFFD#2\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#2\uFFFD"}:CLOSE_TAG_SPK_ICON:`;let ce;return ce=$localize` Continue ${"\uFFFD#2\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#2\uFFFD"}:CLOSE_TAG_SPK_ICON:`,[["formRef",""],i,o,r,c,T,O,K,b,X,D,ee,_e,ue,ce,["autocomplete","off",3,"submit","formGroup"],[1,"title-30"],[1,"primary"],["for","backupName"],["type","text","tabindex","1","placeholder",t,"formControlName","name"],["for","backupDescription"],["id","backupDescription","tabindex","2","placeholder",e,"formControlName","description"],[1,"form-actions"],["type","button","spk-button","",3,"click"],["spk-button","","type","submit",1,"raised","primary",3,"disabled"],["spk-button","","type","submit","spkTooltip",n,1,"raised","primary",3,"disabled"],["icon",""],["value","Key","label","DisplayName",3,"options","isClearable"],["for","encryption"],["type","text","id","encryption","tabindex","3","placeholder",S,"formControlName","encryption"],[1,"passwords"],["for","password"],["id","password","tabindex","4","autocomplete","off","placeholder",P,"formControlName","password",3,"type"],[1,"raised",3,"error","warn","primary","success","value"],["id","repeatPassword","tabindex","5","autocomplete","off","placeholder",L,"formControlName","repeatPassword",3,"type"],["error",""],[1,"password-actions"],["spk-button","","type","button",1,"small",3,"click"],["spk-button","","type","button",1,"small","copy"],["type","primary"],[1,"raised",3,"value"],["spk-button","","type","button",1,"small","copy",3,"click"],[1,"spk-success"]]},template:function(e,n){if(e&1){let i=x();l(0,"form",15,0),E("submit",function(){return p(i),d(n.next())}),l(2,"h3",16),A(3,1),a(),y(4,Rt,3,0,"spk-alert",17),l(5,"spk-form-field")(6,"label",18),m(7,2),C(8,"sup"),F(),a(),C(9,"input",19),a(),l(10,"spk-form-field")(11,"label",20),A(12,3),a(),C(13,"textarea",21),a(),y(14,Bt,6,3),l(15,"div",22)(16,"button",23),E("click",function(){return p(i),d(n.exit())}),m(17,4),C(18,"spk-icon"),F(),a(),y(19,vt,3,1,"button",24)(20,Vt,3,1,"button",25),a()()}if(e&2){let i;f("formGroup",n.generalForm),_(4),R(!n.isNew()&&((i=n.generalFormSignal())==null?null:i.encryption)!==""?4:-1),_(10),R(n.isNew()?14:-1),_(5),R(n.encryptionFieldSignal()===n.noneOptionKey||!n.isNew()?19:20)}},dependencies:[Re,Pe,Q,Z,he,De,Me,q,Y,se,j,tt,Je,nt],styles:["[_nghost-%COMP%]{display:block;width:100%;max-width:32.5rem;padding:2.5rem}form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem}sup[_ngcontent-%COMP%]{padding:0 .125rem;color:var(--error-8)}.passwords[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem}.password-actions[_ngcontent-%COMP%]{display:flex;gap:.5rem;align-items:center}.form-actions[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.copy[_ngcontent-%COMP%]   spk-icon.spk-success[_ngcontent-%COMP%]{color:var(--success-8)}"],changeDetection:0})};export{gt as a,de as b,je as c,te as d,Xe as e,pt as f,He as g,J as h};

package/chunk-ZI2XNFAW.js

@@ -1 +0,0 @@
-import{d as b}from"./chunk-3ZVSHKLD.js";import"./chunk-2W6BEUGU.js";import"./chunk-JFOXV66M.js";import{g as h}from"./chunk-Y5IRBMLB.js";import"./chunk-DNJOKPEL.js";import"./chunk-CWLTHXVS.js";import"./chunk-WIDMAJIO.js";import{Ab as g,Mb as c,Qa as u,Sb as f,Tb as l,Z as p,ab as s,ec as O,sb as _,tb as C,yb as t,zb as i}from"./chunk-BTMXQPBB.js";import"./chunk-EUDKD2JW.js";var v=["*",[["","footer",""]]],T=["*","[footer]"],r=class n{static \u0275fac=function(e){return new(e||n)};static \u0275cmp=s({type:n,selectors:[["app-custom-card"]],ngContentSelectors:T,decls:11,vars:0,consts:[[1,"card"],["src","/assets/noise/auth-noise.svg",1,"noise"],[1,"header-title"],["src","/assets/duplicati/duplicati.svg","alt",""],[1,"bg"]],template:function(e,a){e&1&&(f(v),t(0,"div",0),g(1,"img",1),t(2,"header")(3,"div",2),g(4,"img",3),O(5," Duplicati "),i()(),t(6,"main"),l(7),t(8,"footer"),l(9,1),i()()(),g(10,"div",4))},styles:['[_nghost-%COMP%]{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--base-2)}body.dark   [_nghost-%COMP%]   .card[_ngcontent-%COMP%]:before{background:radial-gradient(rgba(var(--primary-rgb-900),1),#0000 60%)}.card[_ngcontent-%COMP%]{max-width:30rem;width:100%;position:relative;z-index:100;background-color:var(--base-1);border-radius:var(--shape-5);box-shadow:var(--box-shadow-40);border:1px solid var(--base-3);overflow:hidden}.card[_ngcontent-%COMP%]:before{content:"";position:absolute;height:30rem;transform:translateY(-17.8125rem);left:0;right:0;z-index:-2;background:radial-gradient(rgba(var(--primary-rgb-100),1),#0000 60%)}.card[_ngcontent-%COMP%]   img.noise[_ngcontent-%COMP%]{position:absolute;height:30rem;width:100%;transform:translateY(-17.8125rem);left:0;right:0;z-index:-1;-webkit-mask-image:radial-gradient(#000,#0000 60%);mask-image:radial-gradient(#000,#0000 60%)}header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:2rem 2rem 0;gap:.75rem;position:relative;z-index:10}.header-title[_ngcontent-%COMP%]{font:var(--title-30);display:flex;align-items:center;gap:.625rem}.header-title[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:1.75rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}main[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2.5rem;position:relative;z-index:10}main[_ngcontent-%COMP%]   footer[_ngcontent-%COMP%]{font:var(--paragraph-40);color:var(--base-9);text-align:center;text-wrap:balance}.bg[_ngcontent-%COMP%]{position:fixed;inset:0;width:100vw;height:100vh;background-image:url(/assets/backgrounds/base-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat}body.dark[_ngcontent-%COMP%]   .bg[_ngcontent-%COMP%]{opacity:1}footer[_ngcontent-%COMP%]:empty{display:none}'],changeDetection:0})};function y(n,o){n&1&&(t(0,"h3"),c(1,0),i())}function S(n,o){n&1&&(t(0,"h3"),c(1,1),i(),t(2,"button",3),c(3,2),i())}var d=class n{#e=p(b);isLoggingOut=this.#e.isLoggingOut;ngOnInit(){this.#e.logout()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=s({type:n,selectors:[["app-logout"]],decls:3,vars:1,consts:()=>{let o;o=$localize`Logging out...`;let e;e=$localize`You have successfully logged out your being redirected to login page.`;let a;return a=$localize`Go to login page`,[o,e,a,["spk-button","","routerLink","/",1,"raised","primary"]]},template:function(e,a){e&1&&(t(0,"app-custom-card"),_(1,y,2,0,"h3")(2,S,4,0),i()),e&2&&(u(),C(a.isLoggingOut()?1:2))},dependencies:[r,h],styles:["[_nghost-%COMP%]{display:block}"],changeDetection:0})};export{d as default};

package/main-A5QFJ7CT.js

@@ -1 +0,0 @@
-import{b as be,c as Ce}from"./chunk-V5YSQG4X.js";import{a as he}from"./chunk-QRRKPBY6.js";import{a as I}from"./chunk-WZRDKVOR.js";import"./chunk-ULLALJQ2.js";import"./chunk-J6BHRR34.js";import"./chunk-2BX65XJQ.js";import{a as P}from"./chunk-RHW5QVAY.js";import{a as L}from"./chunk-6JQM2X3B.js";import{a as de}from"./chunk-WXARH2SG.js";import"./chunk-7QJG4IIT.js";import{a as b,b as C,c as ue,d as E}from"./chunk-3ZVSHKLD.js";import{c as ie,d as ae,g as pe,h as ce}from"./chunk-2W6BEUGU.js";import{a as ee}from"./chunk-JFOXV66M.js";import{c as le}from"./chunk-Y5IRBMLB.js";import{a as te,b as oe,d as ne,e as re,f as se,i as me}from"./chunk-DNJOKPEL.js";import{a as ge}from"./chunk-UZK7ABRM.js";import{la as Y,qa as Z}from"./chunk-CWLTHXVS.js";import"./chunk-WIDMAJIO.js";import{a as ye}from"./chunk-AM7RYTIO.js";import{b as fe}from"./chunk-B6OIHB5W.js";import{A as x,Ab as z,B as G,Cc as q,Dc as X,H as w,Ic as Q,N as J,P as R,R as B,U as k,X as $,Z as s,ab as _,f as j,ha as K,i as D,n as F,na as d,o as U,r as S}from"./chunk-BTMXQPBB.js";import"./chunk-EUDKD2JW.js";var M=class e{#o=s(b);#s=s(C);ngOnInit(){this.#s.fetchConfig(),this.#o.clearAllNotCurrentVersion()}static \u0275fac=function(o){return new(o||e)};static \u0275cmp=_({type:e,selectors:[["app-root"]],decls:1,vars:0,template:function(o,n){o&1&&z(0,"router-outlet")},dependencies:[ie],encapsulation:2})};var Se={production:!0,baseUrl:"/api",machineServerUrl:"${WS_URL}",defaultTimeout:3e4};var h=new $("ENVIRONMENT");var A=class e{#o=s(me);isLoaded=d(!1);webmodules=d(null);preload(t=!1){let o=this.#o.getApiV1Webmodules().pipe(B(n=>this.webmodules.set(n)),w(()=>this.isLoaded.set(!0)));if(t)return o;o.subscribe()}static \u0275fac=function(o){return new(o||e)};static \u0275prov=k({token:e,factory:e.\u0275fac,providedIn:"root"})};var Me=()=>{let e=s(E);return e.token()?!0:e.checkProxyAuthed().pipe(R(t=>t?F(!0):e.refreshToken().pipe(S(()=>!0))))},Ae=()=>{let e=s(C),t=s(I),o=s(K),n=e.relayIsEnabled()?"longpoll":"websocket",i=[o.get(L).preload(!0),o.get(L).preloadFilterGroups(!0),o.get(A).preload(!0)];return e.configLoaded===null?x(i).pipe(S(()=>n)):e.configLoaded?.pipe(R(()=>x(i)))},Re=[{path:"",children:[{path:"login",canActivate:[],loadComponent:()=>import("./chunk-V77N2OUE.js")},{path:"logout",loadComponent:()=>import("./chunk-ZI2XNFAW.js")},{path:"",canActivate:[Me],children:[{path:"",canActivate:[Ae],loadComponent:()=>import("./chunk-E4GCCYDQ.js"),children:[{path:"",loadComponent:()=>import("./chunk-WPGKMLVU.js")},{path:"add-backup",loadComponent:()=>import("./chunk-NHAGSIVX.js")},{path:"backup/:id/export",loadComponent:()=>import("./chunk-IZXB2EWT.js")},{path:"backup/import",loadComponent:()=>import("./chunk-64ZU74CD.js")},{path:"backup-draft/:id",loadComponent:()=>import("./chunk-C26ZMSTR.js"),loadChildren:()=>import("./chunk-EQAVG2TR.js")},{path:"backup/:id",loadComponent:()=>import("./chunk-C26ZMSTR.js"),loadChildren:()=>import("./chunk-EQAVG2TR.js")},{path:"backup/:id/log",loadComponent:()=>import("./chunk-KSQIUDEA.js")},{path:"backup/:id/database",loadComponent:()=>import("./chunk-H2PTENA3.js")},{path:"backup/:id/commandline",loadComponent:()=>import("./chunk-N7RSCHJF.js")},{path:"backup/:id/commandline/:runId",loadComponent:()=>import("./chunk-6DSLFJ4T.js")},{path:"backup/:id/delete",loadComponent:()=>import("./chunk-NZ2KKCDC.js")},{path:"restore",children:[{path:"",loadComponent:()=>import("./chunk-2D26BDYB.js")},{path:"from-config",loadComponent:()=>import("./chunk-QBJGIKPM.js")}]},{path:"restore-from-files",loadComponent:()=>import("./chunk-FTFVEVRT.js"),loadChildren:()=>import("./chunk-VLBSM6YW.js")},{path:"restore-draft/:id",loadComponent:()=>import("./chunk-FTFVEVRT.js"),loadChildren:()=>import("./chunk-VLBSM6YW.js")},{path:"restore/:id",loadComponent:()=>import("./chunk-FTFVEVRT.js"),loadChildren:()=>import("./chunk-VLBSM6YW.js")},{path:"settings",loadComponent:()=>import("./chunk-RCKA5DTC.js")},{path:"about",loadComponent:()=>import("./chunk-CCA5ZCEA.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-MMPTX6PS.js")},{path:"changelog",loadComponent:()=>import("./chunk-DBD6FOQL.js")},{path:"libraries",loadComponent:()=>import("./chunk-XBJRRUMO.js")},{path:"system-info",loadComponent:()=>import("./chunk-QVEGV6V6.js")},{path:"server-settings",loadComponent:()=>import("./chunk-EKP3ML6M.js")},{path:"logs",loadChildren:()=>import("./chunk-IBG5YOFG.js")},{path:"crashlogs",loadComponent:()=>import("./chunk-WRWIBPXL.js")}]}]}]}]}];var V=null,Te=(e,t)=>{let o=s(E),n=s(ae),i=s(b),l=s(h),r=i.getItem("locale"),u=s(le),a=be(r),p=e.url==="/api/v1/auth/login",m=e.url==="/api/v1/auth/refresh",v=e.url==="/api/v1/progressstate",g=e.url==="/api/v1/remoteoperation/test",y=e.url==="/api/v1/filesystem/validate",T=e.url.startsWith("/api/v2/"),N=o.token(),H=e,W=e.headers.has("custom-proxy-check")||N===ue;if(N&&e.url.startsWith(l.baseUrl)&&!W){let c=e.headers.set("Authorization",`Bearer ${N}`);r&&r!=="en-US"&&(c=c.set("X-Ui-Language",a)),H=e.clone({headers:c})}return t(H).pipe(S(c=>{if(c.type===4&&c.status===200&&T){let f=c.body;if(f?.Success===!1)throw{status:200,message:f?.Error??"Unknown error",error:{Error:f?.Error??"Unknown error"},body:f}}return c}),G(c=>{let f=c.error?.Error||`Error Code: ${c.status}, Message: ${c.message}`;return!W&&(v&&c.status===404||g||y||u.error(f),m&&c.status===401&&(o.logout(),n.navigate(["/logout"])),!p&&!m&&c.status===401)?(o.clearSessionToken(),V??=o.refreshToken().pipe(J()),V.pipe(R(()=>t(e.clone({headers:e.headers.set("Authorization",`Bearer ${o.token()}`)}))),w(()=>V=null))):U(()=>({error:c,message:f}))}))};var Oe="1.0.0",we=`portal-proxy-client-${P()}`,Ne=1,O=class e{#o=1e3;#s=s(h);#t=d("disconnected");#l=d(this.#o);#i=d(!1);#n=d(!1);#a=d(null);isConnectedToMachineServer=this.#n.asReadonly();wsState=this.#t.asReadonly();#p=[];#r={};#e=null;#m=new TextDecoder("utf-8");#c=null;#d=Q(()=>{let t=this.#i(),o=this.#l(),n=this.#a();if(!n||!t||!o||o<this.#o){this.#c&&window.clearInterval(this.#c);return}this.#c=window.setInterval(()=>{this.connectToMachineServer(n)},o)});utf8Atob(t){let o=Uint8Array.from(atob(t),i=>i.charCodeAt(0)),n=this.#m.decode(o);return n?JSON.parse(n):null}connectToMachineServer(t,o){let n=o?.reconnect??!1,i=this.wsState();(i==="disconnected"||i==="error"||n)&&(this.#e?.close(),this.#e=null),!this.#e&&(this.#e=new WebSocket(this.#s.machineServerUrl),this.#t.set("connecting"),this.#e.onopen=()=>{this.#t.set("connect"),this.#n.set(!0),this.#i.set(!1),this.#a.set(null)},this.#e.onclose=()=>{this.#t.set("disconnected"),this.#n.set(!1),this.#a.set(t),this.#i.set(!0)},this.#e.onerror=()=>{this.#t.set("error")},this.#e.onmessage=l=>{let r=JSON.parse(l.data);if(this.wsState()==="connect"){if(r.type!=="welcome"){this.disconnectFromMachineServer(`Unexpected message type, expected 'welcome' but got '${r.type}'`);return}let a={token:t,publicKey:"",clientVersion:Oe,protocolVersion:Ne},p=this.createResponse(r,"authportal",a);this.#t.set("welcome"),this.#e?.send(p)}else if(this.wsState()==="welcome"){if(r.type!=="authportal"){this.disconnectFromMachineServer(`Unexpected message type, expected 'authportal' but got '${r.type}'`);return}var u=JSON.parse(r.payload??"");if(u.accepted===!1){this.disconnectFromMachineServer("Authentication failed");return}for(this.#t.set("authenticated"),this.#n.set(!0);this.#p.length>0;){let a=this.#p.pop();a&&this.#r[a.messageId]&&this.activateCommand(a)}}else if(this.wsState()==="authenticated"){if(r.type!=="command"){console.warn(`Unexpected message type, expected 'command' but got '${r.type}'`);return}let a=this.#r[r.messageId];if(a){if(r.errorMessage){a.reject(r.errorMessage);return}else{let p=JSON.parse(r.payload??"");p.body=p?.body==null?null:this.utf8Atob(p.body),a.resolve(p)}delete this.#r[r.messageId],window.clearTimeout(a.timer)}}})}disconnectFromMachineServer(t=null){t&&console.error(t),this.#e?.close(),this.#e=null,this.#t.set("disconnected"),this.#n.set(!1)}createResponse(t,o,n){let i={from:we,to:t.from,type:o,messageId:t.messageId,payload:JSON.stringify(n)};return JSON.stringify(i)}sendCommand(t,o,n,i,l,r,u=5e3){return(this.wsState()==="disconnected"||this.wsState()==="error")&&this.connectToMachineServer(t),new Promise((a,p)=>{let m=P(),g={from:we,to:o,type:"command",messageId:m,payload:JSON.stringify({method:n,path:i,body:l,headers:r})},y={resolve:a,reject:p,timer:window.setTimeout(()=>{let T=this.#r[m];T&&(delete this.#r[m],T.reject("Timeout"))},u)};this.#r[m]=y,this.#n()?this.activateCommand(g):this.#p.push(g)})}activateCommand(t){this.#e?.send(JSON.stringify(t))}static \u0275fac=function(o){return new(o||e)};static \u0275prov=k({token:e,factory:e.\u0275fac,providedIn:"root"})};function xe(e){if(typeof e!="string")return null;let o=new TextEncoder().encode(e);return window.btoa(String.fromCharCode(...o))}function ke(e,t,o){let n=e.relayconfigState.config();if(n===null)return o(t);let i=xe(t.body),l={};t.headers.keys().forEach(p=>{l[p]=t.headers.get(p)??""});let r=t.headers.get("timeout"),u=r!==null?parseInt(r):e.defaultTimeout;t.url.startsWith("/api/v1/serverstate")&&t.url.includes("longpoll=true")&&(u=1e3*99);let a=e.relayWebsocket.sendCommand(n.accessToken,n.clientId,t.method,t.url,i,l,u);return new j(p=>{a.then(m=>{let v=new te;l!=null&&Object.keys(l).forEach(y=>{v.set(y,l[y])});let g=new oe({body:m.body,status:m.code,statusText:"OK",headers:v});p.next(g),p.complete()})})}var Ee=(e,t)=>{let o={relayconfigState:s(C),defaultTimeout:s(h).defaultTimeout,relayWebsocket:s(O)},n=o.relayconfigState.config();if(o.relayconfigState.configLoaded!==null&&n===null){let i=new D;return o.relayconfigState.configLoaded.subscribe(l=>{l&&ke(o,e,t).subscribe(i)}),i}return ke(o,e,t)};var Ie={providers:[q(),pe(Re,ce()),ne(se(),re([Ee,Te])),b,{provide:h,useValue:Se},{provide:X,useValue:Ce()},he,I,fe,Z,de,Y,ge,ye]};ee(M,Ie);

package/styles-IH5IS4WG.css

@@ -1 +0,0 @@
-:root{--font-size: 16px;font-size:var(--font-size)}html body{--sparkle-light: initial;--sparkle-dark: ;color-scheme:light dark;--primary-1: var(--sparkle-light, hsl(217, 91%, 95%)) var(--sparkle-dark, hsl(217, 91%, 9.5%));--primary-2: var(--sparkle-light, hsl(217, 91%, 90%)) var(--sparkle-dark, hsl(217, 91%, 15%));--primary-3: var(--sparkle-light, hsl(217, 91%, 85%)) var(--sparkle-dark, hsl(217, 91%, 22.5%));--primary-4: var(--sparkle-light, hsl(217, 91%, 80%)) var(--sparkle-dark, hsl(217, 91%, 30%));--primary-5: var(--sparkle-light, hsl(217, 91%, 75%)) var(--sparkle-dark, hsl(217, 91%, 37.5%));--primary-6: var(--sparkle-light, hsl(217, 91%, 70%)) var(--sparkle-dark, hsl(217, 91%, 45%));--primary-7: var(--sparkle-light, hsl(217, 91%, 65%)) var(--sparkle-dark, hsl(217, 91%, 52.5%));--primary-8: var(--sparkle-light, hsl(217, 91%, 60%)) var(--sparkle-dark, hsl(217, 91%, 60%));--primary-9: var(--sparkle-light, hsl(217, 91%, 46.5%)) var(--sparkle-dark, hsl(217, 91%, 70%));--primary-10: var(--sparkle-light, hsl(217, 91%, 33%)) var(--sparkle-dark, hsl(217, 91%, 80%));--primary-11: var(--sparkle-light, hsl(217, 91%, 19.5%)) var(--sparkle-dark, hsl(217, 91%, 90%));--primary-12: var(--sparkle-light, hsl(217, 91%, 6%)) var(--sparkle-dark, hsl(217, 91%, 100%));--primary-g2: linear-gradient(180deg, hsl(217, 91%, 70%) 0%, hsl(217, 91%, 60%) 50%);--primary-g3: linear-gradient(180deg, hsl(217, 91%, 80%) 0%, hsl(217, 91%, 60%) 50%);--accent-1: var(--sparkle-light, hsl(258, 90%, 95.75%)) var(--sparkle-dark, hsl(258, 90%, 9.25%));--accent-2: var(--sparkle-light, hsl(258, 90%, 91.5%)) var(--sparkle-dark, hsl(258, 90%, 16.5%));--accent-3: var(--sparkle-light, hsl(258, 90%, 87.25%)) var(--sparkle-dark, hsl(258, 90%, 24.75%));--accent-4: var(--sparkle-light, hsl(258, 90%, 83%)) var(--sparkle-dark, hsl(258, 90%, 33%));--accent-5: var(--sparkle-light, hsl(258, 90%, 78.75%)) var(--sparkle-dark, hsl(258, 90%, 41.25%));--accent-6: var(--sparkle-light, hsl(258, 90%, 74.5%)) var(--sparkle-dark, hsl(258, 90%, 49.5%));--accent-7: var(--sparkle-light, hsl(258, 90%, 70.25%)) var(--sparkle-dark, hsl(258, 90%, 57.75%));--accent-8: var(--sparkle-light, hsl(258, 90%, 66%)) var(--sparkle-dark, hsl(258, 90%, 66%));--accent-9: var(--sparkle-light, hsl(258, 90%, 51.15%)) var(--sparkle-dark, hsl(258, 90%, 74.5%));--accent-10: var(--sparkle-light, hsl(258, 90%, 36.3%)) var(--sparkle-dark, hsl(258, 90%, 83%));--accent-11: var(--sparkle-light, hsl(258, 90%, 21.45%)) var(--sparkle-dark, hsl(258, 90%, 91.5%));--accent-12: var(--sparkle-light, hsl(258, 90%, 6.6%)) var(--sparkle-dark, hsl(258, 90%, 100%));--accent-g2: linear-gradient(180deg, hsl(258, 90%, 74.5%) 0%, hsl(258, 90%, 66%) 50%);--accent-g3: linear-gradient(180deg, hsl(258, 90%, 83%) 0%, hsl(258, 90%, 66%) 50%);--warn-1: var(--sparkle-light, hsl(37, 92%, 93.75%)) var(--sparkle-dark, hsl(37, 92%, 9.25%));--warn-2: var(--sparkle-light, hsl(37, 92%, 87.5%)) var(--sparkle-dark, hsl(37, 92%, 12.5%));--warn-3: var(--sparkle-light, hsl(37, 92%, 81.25%)) var(--sparkle-dark, hsl(37, 92%, 18.75%));--warn-4: var(--sparkle-light, hsl(37, 92%, 75%)) var(--sparkle-dark, hsl(37, 92%, 25%));--warn-5: var(--sparkle-light, hsl(37, 92%, 68.75%)) var(--sparkle-dark, hsl(37, 92%, 31.25%));--warn-6: var(--sparkle-light, hsl(37, 92%, 62.5%)) var(--sparkle-dark, hsl(37, 92%, 37.5%));--warn-7: var(--sparkle-light, hsl(37, 92%, 56.25%)) var(--sparkle-dark, hsl(37, 92%, 43.75%));--warn-8: var(--sparkle-light, hsl(37, 92%, 50%)) var(--sparkle-dark, hsl(37, 92%, 50%));--warn-9: var(--sparkle-light, hsl(37, 92%, 38.75%)) var(--sparkle-dark, hsl(37, 92%, 62.5%));--warn-10: var(--sparkle-light, hsl(37, 92%, 27.5%)) var(--sparkle-dark, hsl(37, 92%, 75%));--warn-11: var(--sparkle-light, hsl(37, 92%, 16.25%)) var(--sparkle-dark, hsl(37, 92%, 87.5%));--warn-12: var(--sparkle-light, hsl(37, 92%, 5%)) var(--sparkle-dark, hsl(37, 92%, 100%));--warn-g2: linear-gradient(180deg, hsl(37, 92%, 62.5%) 0%, hsl(37, 92%, 50%) 50%);--warn-g3: linear-gradient(180deg, hsl(37, 92%, 75%) 0%, hsl(37, 92%, 50%) 50%);--error-1: var(--sparkle-light, hsl(0, 84%, 95%)) var(--sparkle-dark, hsl(0, 84%, 7.5%));--error-2: var(--sparkle-light, hsl(0, 84%, 90%)) var(--sparkle-dark, hsl(0, 84%, 15%));--error-3: var(--sparkle-light, hsl(0, 84%, 85%)) var(--sparkle-dark, hsl(0, 84%, 22.5%));--error-4: var(--sparkle-light, hsl(0, 84%, 80%)) var(--sparkle-dark, hsl(0, 84%, 30%));--error-5: var(--sparkle-light, hsl(0, 84%, 75%)) var(--sparkle-dark, hsl(0, 27%, 10%));--error-6: var(--sparkle-light, hsl(0, 84%, 70%)) var(--sparkle-dark, hsl(0, 84%, 45%));--error-7: var(--sparkle-light, hsl(0, 84%, 65%)) var(--sparkle-dark, hsl(0, 84%, 52.5%));--error-8: var(--sparkle-light, hsl(0, 84%, 60%)) var(--sparkle-dark, hsl(0, 84%, 60%));--error-9: var(--sparkle-light, hsl(0, 84%, 46.5%)) var(--sparkle-dark, hsl(0, 84%, 70%));--error-10: var(--sparkle-light, hsl(0, 84%, 33%)) var(--sparkle-dark, hsl(0, 84%, 80%));--error-11: var(--sparkle-light, hsl(0, 84%, 19.5%)) var(--sparkle-dark, hsl(0, 84%, 90%));--error-12: var(--sparkle-light, hsl(0, 84%, 6%)) var(--sparkle-dark, hsl(0, 84%, 100%));--error-g2: linear-gradient(180deg, hsl(0, 84%, 70%) 0%, hsl(0, 84%, 60%) 50%);--error-g3: linear-gradient(180deg, hsl(0, 84%, 80%) 0%, hsl(0, 84%, 60%) 50%);--success-1: var(--sparkle-light, hsl(160, 84%, 92.38%)) var(--sparkle-dark, hsl(160, 84%, 7.88%));--success-2: var(--sparkle-light, hsl(160, 84%, 84.75%)) var(--sparkle-dark, hsl(160, 3%, 17%));--success-3: var(--sparkle-light, hsl(160, 84%, 77.13%)) var(--sparkle-dark, hsl(160, 84%, 14.63%));--success-4: var(--sparkle-light, hsl(160, 84%, 69.5%)) var(--sparkle-dark, hsl(160, 84%, 19.5%));--success-5: var(--sparkle-light, hsl(160, 84%, 61.88%)) var(--sparkle-dark, hsl(160, 84%, 24.38%));--success-6: var(--sparkle-light, hsl(160, 84%, 54.25%)) var(--sparkle-dark, hsl(160, 84%, 29.25%));--success-7: var(--sparkle-light, hsl(160, 84%, 46.63%)) var(--sparkle-dark, hsl(160, 84%, 34.13%));--success-8: var(--sparkle-light, hsl(160, 84%, 39%)) var(--sparkle-dark, hsl(160, 84%, 39%));--success-9: var(--sparkle-light, hsl(160, 84%, 30.23%)) var(--sparkle-dark, hsl(160, 84%, 54.25%));--success-10: var(--sparkle-light, hsl(160, 84%, 21.45%)) var(--sparkle-dark, hsl(160, 84%, 69.5%));--success-11: var(--sparkle-light, hsl(160, 84%, 12.67%)) var(--sparkle-dark, hsl(160, 84%, 84.75%));--success-12: var(--sparkle-light, hsl(160, 84%, 3.9%)) var(--sparkle-dark, hsl(160, 84%, 100%));--success-g2: linear-gradient(180deg, hsl(160, 84%, 54.25%) 0%, hsl(160, 84%, 39%) 50%);--success-g3: linear-gradient(180deg, hsl(160, 84%, 69.5%) 0%, hsl(160, 84%, 39%) 50%);--base-1: var(--sparkle-light, #fff) var(--sparkle-dark, hsl(0, 0%, 5.75%));--base-2: var(--sparkle-light, hsl(0, 0%, 98.05%)) var(--sparkle-dark, hsl(0, 0%, 8.75%));--base-3: var(--sparkle-light, hsl(0, 0%, 94.5%)) var(--sparkle-dark, hsl(0, 0%, 11.5%));--base-4: var(--sparkle-light, hsl(0, 0%, 84.75%)) var(--sparkle-dark, hsl(0, 0%, 17.25%));--base-5: var(--sparkle-light, hsl(0, 0%, 79.75%)) var(--sparkle-dark, hsl(0, 0%, 17.25%));--base-6: var(--sparkle-light, hsl(0, 0%, 66.25%)) var(--sparkle-dark, hsl(0, 0%, 28.75%));--base-7: var(--sparkle-light, hsl(0, 0%, 54.5%)) var(--sparkle-dark, hsl(0, 0%, 34.5%));--base-8: var(--sparkle-light, hsl(0, 0%, 46%)) var(--sparkle-dark, hsl(0, 0%, 46%));--base-9: var(--sparkle-light, hsl(0, 0%, 35.65%)) var(--sparkle-dark, hsl(0, 0%, 59.5%));--base-10: var(--sparkle-light, hsl(0, 0%, 25.3%)) var(--sparkle-dark, hsl(0, 0%, 73%));--base-11: var(--sparkle-light, hsl(0, 0%, 14.95%)) var(--sparkle-dark, hsl(0, 0%, 86.5%));--base-12: var(--sparkle-light, hsl(0, 0%, 4.6%)) var(--sparkle-dark, hsl(0, 0%, 100%));--base-g2: linear-gradient(180deg, hsl(0, 0%, 66.25%) 0%, hsl(0, 0%, 46%) 50%);--base-g3: linear-gradient(180deg, hsl(0, 0%, 73%) 0%, hsl(0, 0%, 46%) 50%);--base-g6: linear-gradient(180deg, hsl(0, 0%, 25.3%) 0%, hsl(0, 0%, 14.95%) 50%);--base-g7: linear-gradient(180deg, hsl(0, 0%, 35.65%) 0%, hsl(0, 0%, 14.95%) 50%);--primary-c8: var(--light-text);--accent-c8: var(--light-text);--warn-c8: var(--light-text);--error-c8: var(--light-text);--success-c8: var(--light-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / 1.125rem Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--code-10: 500 1rem / normal monospace;--code-20: 500 .875rem / normal monospace;--code-30: 500 .75rem / normal monospace;--shape-1: .25rem;--shape-2: .5rem;--shape-3: .75rem;--shape-4: 1rem;--shape-5: 1.25rem;--box-shadow-10: 0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20: 0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30: 0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35: 0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40: 0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50: 0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60: 0 25px 50px -12px rgba(18, 18, 23, .25);--dark-text: #000;--light-text: #fff}html body.dark{--sparkle-light: ;--sparkle-dark: initial;color-scheme:dark}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-2)}body{margin:0;font:var(--paragraph-30);color:var(--base-12)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-8)}.spk-accent{color:var(--accent-8)}.spk-warn{color:var(--warn-8)}.spk-error{color:var(--error-500)}.spk-success{color:var(--success-500)}.loader{width:3rem;height:3rem;display:grid;place-content:center;color:var(--base-8)}.loader,.loading{position:relative}.loader:before,.loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--loader-c);border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body h1,body h2,body h3,body h4,body h5,body h6,body p,body .title-10,body .title-20B,body .title-20,body .title-30B,body .paragraph-10,body .paragraph-20{margin:0}body h1,body h2,body h3,body h4,body h5,body h6,body .title-10,body .title-20B,body .title-20,body .title-30B{color:var(--base-12)}p,.paragraph-10,.paragraph-20,.paragraph-30,.paragraph-40,.paragraph-10B,.paragraph-20B,.paragraph-30B,.paragraph-40B{color:var(--base-8)}p{margin:0}strong{font-weight:600}a{color:var(--primary-8)}sup{color:var(--error-8);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10B{font:var(--title-10B)}body .title-20B{font:var(--title-20B)}body .title-30B{font:var(--title-30B)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10B{font:var(--paragraph-10B)}body .paragraph-20B{font:var(--paragraph-20B)}body .paragraph-30B{font:var(--paragraph-30B)}body .paragraph-40B{font:var(--paragraph-40B)}body .code-10{font:var(--code-10)}body .code-20{font:var(--code-20)}body .code-30{font:var(--code-30)}spk-alert-container{width:100%;position:relative}spk-alert-container spk-alert{margin-bottom:.5rem}spk-alert-container spk-alert:first-of-type{margin-bottom:0}spk-alert-container spk-alert.alert-is-hidden{margin-bottom:0}spk-alert-container .scroller{width:100%;max-height:50vh;overflow-y:auto;overflow-x:hidden;padding:.5rem 1rem 1rem .5rem}spk-alert-container .container{flex-direction:column-reverse;display:flex}spk-alert-container .tray{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--grey-500);color:var(--grey-contrast-500);position:absolute;bottom:0;right:0;border-radius:50%;z-index:1000}spk-alert{--alert-ad: .4s;--alert-bg: var(--base-2);--alert-bc: var(--base-4);--alert-state-ic: var(--base-12);--alert-close-ic: var(--base-8);--alert-title-c: var(--base-12);--alert-content-c: var(--base-8);--alert-bs: var(--box-shadow-10);--alert-p: .5rem .75rem;max-height:18.75rem;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:1;overflow:hidden;transition:max-height var(--alert-ad) ease-in-out,transform var(--alert-ad) ease-in-out,opacity var(--alert-ad) ease-in-out,margin-bottom var(--alert-ad) ease-in-out,padding-top var(--alert-ad) ease-in-out,padding-bottom var(--alert-ad) ease-in-out;transform:translateY(0);box-shadow:var(--alert-bs)}spk-alert .alert{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"stateIcon title closeIcon" ". content .";padding:var(--alert-p);align-items:flex-start;gap:.25rem .5rem;border:1px solid var(--alert-bc);border-radius:var(--shape-2);background:var(--alert-bg)}spk-alert.is-hidden{max-height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0;overflow:hidden;transform:translateY(-40px)}spk-alert.is-hidden:before{opacity:0}spk-alert.animate-in{transition:none;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transform:translateY(0)}spk-alert.animate-in:before{opacity:0}spk-alert.animate-out{max-height:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-40px)}spk-alert.animate-out:before{opacity:0}spk-alert.primary{--alert-state-ic: var(--primary-8);--alert-close-ic: var(--primary-8);--alert-title-c: var(--primary-8);--alert-content-c: var(--primary-8);--alert-bg: var(--primary-1);--alert-bc: var(--primary-4)}spk-alert.accent{--alert-state-ic: var(--accent-8);--alert-close-ic: var(--accent-8);--alert-title-c: var(--accent-8);--alert-content-c: var(--accent-8);--alert-bg: var(--accent-1);--alert-bc: var(--accent-4)}spk-alert.warn{--alert-state-ic: var(--warn-8);--alert-close-ic: var(--warn-8);--alert-title-c: var(--warn-8);--alert-content-c: var(--warn-8);--alert-bg: var(--warn-1);--alert-bc: var(--warn-4)}spk-alert.error{--alert-state-ic: var(--error-8);--alert-close-ic: var(--error-8);--alert-title-c: var(--error-8);--alert-content-c: var(--error-8);--alert-bg: var(--error-1);--alert-bc: var(--error-4)}spk-alert.success{--alert-state-ic: var(--success-8);--alert-close-ic: var(--success-8);--alert-title-c: var(--success-8);--alert-content-c: var(--success-8);--alert-bg: var(--success-1);--alert-bc: var(--success-4)}spk-alert.simple{--alert-bc: var(--alert-bg)}spk-alert.simple.primary{--alert-content-c: var(--primary-6)}spk-alert.simple.accent{--alert-content-c: var(--accent-6)}spk-alert.simple.warn{--alert-content-c: var(--warn-6)}spk-alert.simple.error{--alert-content-c: var(--error-6)}spk-alert.simple.success{--alert-content-c: var(--success-7)}spk-alert.raised,spk-alert.flat{--alert-title-c: #fff;--alert-content-c: #fff;--alert-bg: var(--base-8);--alert-bc: var(--alert-bg);--alert-state-ic: #fff;--alert-close-ic: #fff;--alert-bs: none}spk-alert.raised.primary,spk-alert.flat.primary{--alert-bg: var(--primary-8)}spk-alert.raised.accent,spk-alert.flat.accent{--alert-bg: var(--accent-8)}spk-alert.raised.warn,spk-alert.flat.warn{--alert-bg: var(--warn-8)}spk-alert.raised.error,spk-alert.flat.error{--alert-bg: var(--error-8)}spk-alert.raised.success,spk-alert.flat.success{--alert-bg: var(--success-8)}spk-alert.raised{--alert-bg: var(--base-g6);--alert-p: .5625rem .75rem}spk-alert.raised.primary{--alert-bg: var(--primary-g2)}spk-alert.raised.accent{--alert-bg: var(--accent-g2)}spk-alert.raised.warn{--alert-bg: var(--warn-g2)}spk-alert.raised.error{--alert-bg: var(--error-g2)}spk-alert.raised.success{--alert-bg: var(--success-g2)}spk-alert:not(:has([content])) .alert{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([content]) .alert{--alert-p: .75rem}spk-alert.outlined{--alert-bg: var(--base-1);--alert-bc: var(--base-4);--alert-title-c: var(--base-12);--alert-content-c: var(--base-8);--alert-close-ic: var(--base-8);--alert-bs: var(--box-shadow-50)}spk-alert .icon{grid-area:stateIcon;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}spk-alert .icon:first-of-type:not(:empty)+.icon{display:none}spk-alert [icon],spk-alert .state-icon{color:var(--alert-state-ic)}spk-alert .close-icon{grid-area:closeIcon;color:var(--alert-close-ic);transform:rotate(45deg);transform-origin:center}spk-alert .title{grid-area:title;color:var(--alert-title-c);padding-top:.125rem;font-weight:500}spk-alert .content{grid-area:content;color:var(--alert-content-c)}spk-alert .content:empty{display:none}spk-toggle{--toggle-bg: var(--base-4);--toggle-b: 0;--togglek-bg: var(--base-2);--togglek-bs: var(--box-shadow-20);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-toggle label{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}spk-toggle .box{display:block;width:2.125rem;height:1.25rem;cursor:pointer;position:relative;border-radius:999px;background:var(--toggle-bg);border:var(--toggle-b);transition:background .15s linear}spk-toggle>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer;z-index:0}spk-toggle .knob{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:var(--togglek-bg);box-shadow:var(--togglek-bs);box-sizing:border-box;transition:left 125ms ease-in-out}spk-toggle:has(input[type=checkbox]:checked),spk-toggle.active{--togglek-bg: var(--base-8)}spk-toggle:has(input[type=checkbox]:checked) .knob,spk-toggle.active .knob{left:1rem}spk-toggle:has(input[type=checkbox]:checked).primary,spk-toggle.active.primary{--toggle-bg: var(--primary-3);--togglek-bg: var(--primary-8)}spk-toggle:has(input[type=checkbox]:checked).accent,spk-toggle.active.accent{--toggle-bg: var(--accent-3);--togglek-bg: var(--accent-8)}spk-toggle:has(input[type=checkbox]:checked).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-3);--togglek-bg: var(--warn-8)}spk-toggle:has(input[type=checkbox]:checked).error,spk-toggle.active.error{--toggle-bg: var(--error-3);--togglek-bg: var(--error-8)}spk-toggle:has(input[type=checkbox]:checked).success,spk-toggle.active.success{--toggle-bg: var(--success-3);--togglek-bg: var(--success-8)}spk-toggle.outlined{--toggle-bg: var(--base-1);--togglek-bg: var(--base-5);--togglek-bs: none;--toggle-b: 1px solid var(--base-5)}spk-toggle.outlined .knob{width:.875rem;height:.875rem}spk-toggle.outlined.active{--togglek-bg: var(--base-9)}spk-toggle.outlined.active.primary{--togglek-bg: var(--primary-8)}spk-toggle.outlined.active.accent{--togglek-bg: var(--accent-8)}spk-toggle.outlined.active.warn{--togglek-bg: var(--warn-8)}spk-toggle.outlined.active.error{--togglek-bg: var(--error-8)}spk-toggle.outlined.active.success{--togglek-bg: var(--success-8)}spk-toggle.flat{--togglek-bg: #fff}spk-toggle.flat:has(input[type=checkbox]:checked),spk-toggle.flat.active{--togglek-bg: #fff;--toggle-bg: var(--base-8)}spk-toggle.flat:has(input[type=checkbox]:checked).primary,spk-toggle.flat.active.primary{--toggle-bg: var(--primary-8)}spk-toggle.flat:has(input[type=checkbox]:checked).accent,spk-toggle.flat.active.accent{--toggle-bg: var(--accent-8)}spk-toggle.flat:has(input[type=checkbox]:checked).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-8)}spk-toggle.flat:has(input[type=checkbox]:checked).error,spk-toggle.flat.active.error{--toggle-bg: var(--error-8)}spk-toggle.flat:has(input[type=checkbox]:checked).success,spk-toggle.flat.active.success{--toggle-bg: var(--success-8)}spk-toggle.raised{--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked),spk-toggle.raised.active{--toggle-bg: var(--base-g2);--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary,spk-toggle.raised.active.primary{--toggle-bg: var(--primary-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).accent,spk-toggle.raised.active.accent{--toggle-bg: var(--accent-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).error,spk-toggle.raised.active.error{--toggle-bg: var(--error-g2)}spk-toggle.raised:has(input[type=checkbox]:checked).success,spk-toggle.raised.active.success{--toggle-bg: var(--success-g2)}[spk-button]{--btn-h: 2.5rem;--btn-s: var(--shape-2);--btn-f: var(--paragraph-20);--loader-c: var(--base-8);--btn-c: var(--base-12);--btn-ic: var(--base-12);--btn-ir: var(0deg);--btn-bg: var(--base-1);--btn-bg-h: var(--base-2);--btn-bc: var(--base-4);--btn-bs: none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;text-decoration:none;border-radius:var(--btn-s);height:var(--btn-h);border:1px solid var(--btn-bc);box-shadow:var(--btn-bs);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c);transition:background 75ms linear}[spk-button] spk-icon{color:var(--btn-ic);rotate:var(--btn-ir);transition:rotate 125ms ease-in-out}[spk-button]:has(spk-icon:only-child){padding:0 .5625rem}[spk-button]:hover{--btn-c: var(--base-12);background:var(--btn-bg-h)}[spk-button].loader.outlined,[spk-button].loader.simple,[spk-button].loader.flat,[spk-button].loader.raised,[spk-button].loader{color:transparent;width:auto}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.error,[spk-button].loader.outlined.success,[spk-button].loader.simple:hover,[spk-button].loader.simple.primary,[spk-button].loader.simple.accent,[spk-button].loader.simple.warn,[spk-button].loader.simple.error,[spk-button].loader.simple.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.warn,[spk-button].loader.flat.error,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.warn,[spk-button].loader.raised.error,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.warn,[spk-button].loader.error,[spk-button].loader.success{color:transparent}[spk-button].loader.outlined>*,[spk-button].loader.simple>*,[spk-button].loader.flat>*,[spk-button].loader.raised>*,[spk-button].loader>*{opacity:0}[spk-button].rotated-icon spk-icon{--btn-ir: 180deg}[spk-button].small{--btn-h: 2rem;--btn-f: var(--paragraph-30);padding:0 .5rem;gap:.25rem}[spk-button].small:has(spk-icon:only-child){padding:0 .375rem}[spk-button][disabled]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-ic: var(--primary-8)}[spk-button].accent{--btn-ic: var(--accent-8)}[spk-button].warn{--btn-ic: var(--warn-8)}[spk-button].error{--btn-ic: var(--error-8)}[spk-button].success{--btn-ic: var(--success-8)}[spk-button].simple,[spk-button].outlined{--btn-c: var(--base-12);--btn-bg: var(--base-2);--btn-bg-h: var(--base-3);transition:color 80ms linear,background 80ms linear}[spk-button].simple.primary,[spk-button].outlined.primary{--loader-c: var(--primary-8);--btn-bg: var(--primary-1);--btn-bg-h: var(--primary-2);--btn-bc: var(--primary-4)}[spk-button].simple.accent,[spk-button].outlined.accent{--loader-c: var(--accent-8);--btn-bg: var(--accent-1);--btn-bg-h: var(--accent-2);--btn-bc: var(--accent-4)}[spk-button].simple.warn,[spk-button].outlined.warn{--loader-c: var(--warn-8);--btn-bg: var(--warn-1);--btn-bg-h: var(--warn-2);--btn-bc: var(--warn-4)}[spk-button].simple.error,[spk-button].outlined.error{--loader-c: var(--error-8);--btn-bg: var(--error-1);--btn-bg-h: var(--error-2);--btn-bc: var(--error-4)}[spk-button].simple.success,[spk-button].outlined.success{--loader-c: var(--success-8);--btn-bg: var(--success-1);--btn-bg-h: var(--success-2);--btn-bc: var(--success-4)}[spk-button].simple,[spk-button].simple.primary,[spk-button].simple.accent,[spk-button].simple.warn,[spk-button].simple.error,[spk-button].simple.success{--btn-bc: var(--btn-bg)}[spk-button].simple.primary{--btn-c: var(--primary-8)}[spk-button].simple.accent{--btn-c: var(--accent-8)}[spk-button].simple.warn{--btn-c: var(--warn-8)}[spk-button].simple.error{--btn-c: var(--error-8)}[spk-button].simple.success{--btn-c: var(--success-8)}[spk-button].flat{--loader-c: var(--base-1);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-8);--btn-bg-h: color-mix(in srgb, var(--base-8), #fff 10%);border:0}[spk-button].flat:has(spk-icon:only-child){padding:0 .625rem}[spk-button].flat.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].flat.primary{--btn-c: var(--primary-c8);--btn-bg: var(--primary-8);--btn-bg-h: var(--primary-6)}[spk-button].flat.accent{--btn-c: var(--accent-c8);--btn-bg: var(--accent-8);--btn-bg-h: var(--accent-6)}[spk-button].flat.warn{--btn-c: var(--warn-c8);--btn-bg: var(--warn-8);--btn-bg-h: var(--warn-6)}[spk-button].flat.error{--btn-c: var(--error-c8);--btn-bg: var(--error-8);--btn-bg-h: var(--error-6)}[spk-button].flat.success{--btn-c: var(--success-c8);--btn-bg: var(--success-8);--btn-bg-h: var(--success-6)}[spk-button].raised{--loader-c: var(--base-1);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-g6);--btn-bg-h: var(--base-g7);border:0}[spk-button].raised:has(spk-icon:only-child){padding:0 .625rem}[spk-button].raised.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].raised.primary{--btn-c: var(--primary-c8);--btn-bg: var(--primary-g2);--btn-bg-h: var(--primary-g3)}[spk-button].raised.accent{--btn-c: var(--accent-c8);--btn-bg: var(--accent-g2);--btn-bg-h: var(--accent-g3)}[spk-button].raised.warn{--btn-c: var(--warn-c8);--btn-bg: var(--warn-g2);--btn-bg-h: var(--warn-g3)}[spk-button].raised.error{--btn-c: var(--error-c8);--btn-bg: var(--error-g2);--btn-bg-h: var(--error-g3)}[spk-button].raised.success{--btn-c: var(--success-c8);--btn-bg: var(--success-g2);--btn-bg-h: var(--success-g3)}spk-progress-bar{--pb-h: .5rem;--pb-b: var(--base-4);--pb-bg: var(--base-2);--pb-br: var(--shape-2);--pbt-bg: var(--base-2);--pbt-br: inherit;display:block;width:100%;height:var(--pb-h);position:relative;overflow:hidden;border-radius:var(--pb-br);background:var(--pb-bg)}spk-progress-bar .progress-bar{position:absolute;top:0;left:0;bottom:0;height:100%;transform-origin:top left;border-radius:var(--pbt-br);background:var(--pbt-bg)}spk-progress-bar.indeterminate .progress-bar{right:0;animation:indeterminate-progress-bar-stripes 2s linear infinite}spk-progress-bar.indeterminate:after{content:"";position:absolute;inset:0;background-color:var(--base-2);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary{--pbt-bg: var(--primary-8)}spk-progress-bar.accent{--pbt-bg: var(--accent-8)}spk-progress-bar.warn{--pbt-bg: var(--warn-8)}spk-progress-bar.error{--pbt-bg: var(--error-8)}spk-progress-bar.success{--pbt-bg: var(--success-8)}spk-progress-bar.outlined{--pb-b: 1px solid var(--base-4);--pb-bg: var(--base-1)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{--pbt-bg: var(--base-2)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{--pbt-bg: var(--primary-3)}spk-progress-bar.flat.accent{--pbt-bg: var(--accent-3)}spk-progress-bar.flat.warn{--pbt-bg: var(--warn-3)}spk-progress-bar.flat.error{--pbt-bg: var(--error-3)}spk-progress-bar.flat.success{--pbt-bg: var(--success-3)}spk-progress-bar.raised{--pbt-bg: var(--base-g3)}spk-progress-bar.raised.primary{--pbt-bg: var(--primary-g3)}spk-progress-bar.raised.accent{--pbt-bg: var(--accent-g3)}spk-progress-bar.raised.warn{--pbt-bg: var(--warn-g3)}spk-progress-bar.raised.error{--pbt-bg: var(--error-g3)}spk-progress-bar.raised.success{--pbt-bg: var(--success-g3)}@keyframes indeterminate-progress-bar-stripes-background{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes indeterminate-progress-bar-stripes{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}spk-checkbox{--box-bw: .0625rem;--box-bc: var(--base-4);--box-c: var(--base-8);--box-bg: var(--base-2);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-checkbox>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-checkbox>input[type=checkbox]:focus{outline:none}spk-checkbox .box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:var(--shape-1);border:var(--box-bw) solid var(--box-bc);background:var(--box-bg);font-size:.75rem;color:var(--box-c)}spk-checkbox spk-icon{opacity:0;font-weight:700}spk-checkbox spk-icon.indeterminate-indicator{display:none}spk-checkbox.indeterminate .box spk-icon.indeterminate-indicator{display:block}spk-checkbox.indeterminate .box spk-icon.default-indicator{display:none}spk-checkbox:has(input[type=checkbox]:checked) spk-icon,spk-checkbox.active spk-icon{opacity:1}spk-checkbox.primary{--box-bg: var(--primary-3);--box-bc: var(--primary-4);--box-c: var(--primary-8)}spk-checkbox.accent{--box-bg: var(--accent-3);--box-bc: var(--accent-4);--box-c: var(--accent-8)}spk-checkbox.warn{--box-bg: var(--warn-3);--box-bc: var(--warn-4);--box-c: var(--warn-8)}spk-checkbox.error{--box-bg: var(--error-3);--box-bc: var(--error-4);--box-c: var(--error-8)}spk-checkbox.success{--box-bg: var(--success-3);--box-bc: var(--success-4);--box-c: var(--success-8)}spk-checkbox.outlined{--box-bg: var(--base-1)}spk-checkbox.outlined.primary,spk-checkbox.outlined.accent,spk-checkbox.outlined.warn,spk-checkbox.outlined.error,spk-checkbox.outlined.success{--box-bg: var(--base-1);--box-bc: var(--base-4)}spk-checkbox.flat.primary,spk-checkbox.flat.accent,spk-checkbox.flat.warn,spk-checkbox.flat.error,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.warn,spk-checkbox.raised.error,spk-checkbox.raised.success{--box-bc: var(--base-4);--box-c: var(--base-8);--box-bg: var(--base-2)}.sparkle-popup-menu spk-option[selected] spk-checkbox spk-icon{opacity:1}spk-checkbox.flat:has(input[type=checkbox]:checked),spk-checkbox.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.flat{--box-bw: 0;--box-bg: var(--base-8);--box-c: #fff}spk-checkbox.primary.flat:has(input[type=checkbox]:checked),spk-checkbox.primary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.flat{--box-bg: var(--primary-8)}spk-checkbox.accent.flat:has(input[type=checkbox]:checked),spk-checkbox.accent.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.flat{--box-bg: var(--accent-8)}spk-checkbox.warn.flat:has(input[type=checkbox]:checked),spk-checkbox.warn.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.flat{--box-bg: var(--warn-8)}spk-checkbox.error.flat:has(input[type=checkbox]:checked),spk-checkbox.error.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.flat{--box-bg: var(--error-8)}spk-checkbox.success.flat:has(input[type=checkbox]:checked),spk-checkbox.success.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.flat{--box-bg: var(--success-8)}spk-checkbox.raised:has(input[type=checkbox]:checked),spk-checkbox.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.raised{--box-bw: 0;--box-bg: var(--base-g2);--box-c: #fff}spk-checkbox.primary.raised:has(input[type=checkbox]:checked),spk-checkbox.primary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.raised{--box-bg: var(--primary-g2)}spk-checkbox.accent.raised:has(input[type=checkbox]:checked),spk-checkbox.accent.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.raised{--box-bg: var(--accent-g2)}spk-checkbox.warn.raised:has(input[type=checkbox]:checked),spk-checkbox.warn.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.raised{--box-bg: var(--warn-g2)}spk-checkbox.error.raised:has(input[type=checkbox]:checked),spk-checkbox.error.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.raised{--box-bg: var(--error-g2)}spk-checkbox.success.raised:has(input[type=checkbox]:checked),spk-checkbox.success.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.raised{--box-bg: var(--success-g2)}spk-daterange-input spk-form-field-popover .input-wrap .input,spk-datepicker-input spk-form-field-popover .input-wrap .input{display:grid;grid-template-columns:1fr auto auto;align-items:center;margin:0}spk-daterange-input spk-form-field-popover .input-wrap [suffix],spk-datepicker-input spk-form-field-popover .input-wrap [suffix]{margin-right:.75rem}spk-daterange-input spk-form-field-popover .masked-value,spk-datepicker-input spk-form-field-popover .masked-value{font:var(--paragraph-30B);color:var(--base-8)}spk-daterange-input spk-form-field-popover .masked-value+input+input,spk-daterange-input spk-form-field-popover .masked-value+input,spk-datepicker-input spk-form-field-popover .masked-value+input+input,spk-datepicker-input spk-form-field-popover .masked-value+input{opacity:0;height:0;width:0}spk-daterange-input spk-form-field-popover [suffix]+[suffix].default-indicator,spk-datepicker-input spk-form-field-popover [suffix]+[suffix].default-indicator{display:none}spk-daterange-input spk-datepicker,spk-datepicker-input spk-datepicker{z-index:10000;position:relative;--dp-width: 15rem}spk-daterange-input spk-popover .popover{--dp-width: 18.75rem;min-width:var(--dp-width)}spk-daterange-input spk-form-field-popover.columns-1 spk-popover .popover{--dp-width: 18.75rem }spk-daterange-input spk-form-field-popover.columns-2 spk-popover .popover{--dp-width: 38.5rem }spk-daterange-input spk-form-field-popover.columns-3 spk-popover .popover{--dp-width: 58.25rem }spk-datepicker{--dp-sel-bg: var(--base-8);--dp-sel-bw: 0;--dp-sel-bc: transparent;--dp-sel-c: #fff;--dp-day-c: var(--base-8);--dp-day-g: .25rem 0;--dp-day-f: var(--paragraph-20);--dp-width: 18.75rem;width:100%;max-width:var(--dp-width);display:flex;flex-direction:column}spk-datepicker.columns-1{--dp-width: 18.75rem }spk-datepicker.columns-2{--dp-width: 38.5rem }spk-datepicker.columns-3{--dp-width: 58.25rem }spk-datepicker.as-range section .days>div.sel{background:var(--dp-sel-bg);opacity:.5}spk-datepicker.as-range section .days>div.month-start,spk-datepicker.as-range section .days>div.week-start,spk-datepicker.as-range section .days>div.first{border-top-left-radius:50%;border-bottom-left-radius:50%}spk-datepicker.as-range section .days>div.month-end,spk-datepicker.as-range section .days>div.week-end,spk-datepicker.as-range section .days>div.last{border-top-right-radius:50%;border-bottom-right-radius:50%}spk-datepicker.as-range section .days>div.first,spk-datepicker.as-range section .days>div.last{opacity:1}spk-datepicker.as-range .month .days>div.out-of-scope{opacity:0;pointer-events:none}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:0}spk-datepicker header .title{font:var(--paragraph-20)}spk-datepicker header button{appearance:none;background-color:transparent;border:0;cursor:pointer;height:2rem;color:var(--base-8)}spk-datepicker header button:focus{outline:none}spk-datepicker .months-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}spk-datepicker .month{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 7fr;gap:var(--dp-day-g);align-items:flex-start}spk-datepicker .month .days,spk-datepicker .month .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker .month .days>.days,spk-datepicker .month .weekdays>.days{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--dp-day-g);z-index:0}spk-datepicker .month .days>div,spk-datepicker .month .weekdays>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;cursor:pointer;position:relative;z-index:1;color:var(--dp-day-c);font:var(--dp-day-f);-webkit-user-select:none;user-select:none}spk-datepicker .month .days>div.sel,spk-datepicker .month .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker .month .days>div.out-of-scope,spk-datepicker .month .weekdays>div.out-of-scope{opacity:.4}spk-datepicker .month .days>div.sel-el,spk-datepicker .month .weekdays>div.sel-el{position:relative;top:0;left:0;transition:transform 75ms linear,opacity 75ms linear;background:var(--dp-sel-bg);border-radius:50%;border:var(--dp-sel-bw) solid var(--dp-sel-bc);opacity:0;box-sizing:border-box}spk-datepicker .month .weekdays>div{color:var(--base-12)}spk-datepicker.primary{--dp-sel-bg: var(--primary-8)}spk-datepicker.accent{--dp-sel-bg: var(--accent-8)}spk-datepicker.warn{--dp-sel-bg: var(--warn-8)}spk-datepicker.error{--dp-sel-bg: var(--error-8)}spk-datepicker.success{--dp-sel-bg: var(--success-8)}spk-datepicker.outlined{--dp-sel-bg: var(--base-1);--dp-sel-c: var(--base-12);--dp-sel-bw: 2px;--dp-sel-bc: var(--base-4)}spk-datepicker.outlined.primary{--dp-sel-bc: var(--primary-8)}spk-datepicker.outlined.accent{--dp-sel-bc: var(--accent-8)}spk-datepicker.outlined.warn{--dp-sel-bc: var(--warn-8)}spk-datepicker.outlined.error{--dp-sel-bc: var(--error-8)}spk-datepicker.outlined.success{--dp-sel-bc: var(--success-8)}spk-datepicker.raised{--dp-sel-bg: var(--base-g2)}spk-datepicker.raised.primary{--dp-sel-bg: var(--primary-g2)}spk-datepicker.raised.accent{--dp-sel-bg: var(--accent-g2)}spk-datepicker.raised.warn{--dp-sel-bg: var(--warn-g2)}spk-datepicker.raised.error{--dp-sel-bg: var(--error-g2)}spk-datepicker.raised.success{--dp-sel-bg: var(--success-g2)}spk-icon{--icon-c: inherit;font-size:1.25rem;line-height:1em;width:1em;height:1em;min-width:1em;min-height:1em;max-width:1em;max-height:1em;text-align:left;overflow:hidden;display:inline-block;color:var(--icon-c)}spk-icon.primary{--icon-c: var(--primary-8)}spk-icon.accent{--icon-c: var(--accent-8)}spk-icon.warn{--icon-c: var(--warn-8)}spk-icon.error{--icon-c: var(--error-8)}spk-icon.success{--icon-c: var(--success-8)}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{--menu-mh: 20rem;display:inline-flex;position:relative}spk-menu.disabled{opacity:.5;pointer-events:none}spk-menu.stretch{width:100%}spk-menu.stretch [trigger]>*{width:100%}spk-menu.has-search spk-popover .options [title]{position:sticky;border-bottom:1px solid var(--base-4)}spk-menu.has-search .form-field-wrap{margin:.5rem .5rem 0}spk-menu.has-search .options{margin:.25rem 0 0}spk-menu.multi-layer [trigger]:has(spk-icon.open-indicator).is-open .open-indicator{transform:translateY(-50%) rotate(-90deg)}spk-menu.multi-layer [trigger]:has(spk-icon.open-indicator){display:flex}spk-menu.multi-layer [trigger]:has(spk-icon.open-indicator) .open-indicator{right:1rem}spk-menu.multi-layer [trigger] button:first-child{margin-top:0}spk-menu [trigger]:has(spk-icon.open-indicator){position:relative}spk-menu [trigger]:has(spk-icon.open-indicator)>:first-child{padding-right:2rem}spk-menu [trigger]:has(spk-icon.open-indicator) .open-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--base-8);font-size:1rem;font-weight:inherit;pointer-events:none;transition:transform 75ms ease-in-out}spk-menu [trigger]:has(spk-icon.open-indicator).is-open .open-indicator{transform:translateY(-50%) rotate(-180deg)}spk-menu spk-popover{flex:1 0}spk-menu spk-popover .popover{padding:0}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field{z-index:10;background-color:var(--base-1)}spk-menu spk-popover .overlay~.form-field-wrap spk-form-field.hidden{opacity:0;height:0;width:0;min-width:0;min-height:0;margin:0}spk-menu spk-popover .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:0;margin:0;max-height:var(--menu-mh);overflow:auto}spk-menu spk-popover .options button:first-child{margin-top:.5rem}spk-menu spk-popover .options.searching button[disabled]{display:none}spk-menu spk-popover .options.searching button[value="0"]{display:none}spk-menu spk-popover .options.searching *:not(button){display:none}spk-menu spk-popover .options:after{content:"";display:block;width:100%;min-height:.25rem;order:9999999}spk-menu spk-popover .options [title]{font:var(--paragraph-30);color:var(--base-8);padding:.5rem .75rem;margin:0;-webkit-user-select:none;user-select:none;position:relative;top:0;z-index:10;background-color:var(--base-1)}spk-menu spk-popover .options button{display:flex;justify-content:flex-start;align-items:center;text-align:left;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-12)}spk-menu spk-popover .options button[disabled]{opacity:.3;cursor:initial}spk-menu spk-popover .options button[disabled]:hover{background-color:transparent}spk-menu spk-popover .options button [suffix]{order:999;color:var(--base-8);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}spk-menu spk-popover .options button spk-icon{font-size:1rem}spk-menu spk-popover .options button.active,spk-menu spk-popover .options button:hover{background-color:var(--base-2);color:var(--base-12)}spk-menu spk-popover .options button.focused{background-color:var(--primary-2);color:var(--base-12)}spk-menu spk-popover .options button.focused:hover{background-color:var(--primary-3)}spk-divider{--divider-c: var(--base-4);--divider-h: .0625rem;display:flex;gap:.5rem;align-items:center;text-align:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-c);height:var(--divider-h);flex:1 0}dialog[spkDialog]{--dialog-p: 1rem;--dialog-g: .5rem;--dialog-bg: var(--base-1);border:1px solid var(--base-4);background:transparent;border-radius:var(--shape-2);box-shadow:var(--box-shadow-40);color:var(--base-8);font:var(--paragraph-30);padding:0;margin:auto;z-index:0}dialog[spkDialog].type-b{background:var(--base-2);padding:.5rem;outline:1px solid var(--base-4);outline-offset:-1px;overflow:hidden}dialog[spkDialog].type-b::backdrop{background:rgb(from var(--base-1) r g b/30%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[spkDialog].type-b .content{border:1px solid rgb(from var(--base-4) r g b/70%)}dialog[spkDialog] .content{border-radius:var(--shape-2);background-color:var(--dialog-bg);z-index:2;max-width:initial;max-height:calc(96vh - 1rem);position:relative;overflow:auto}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog]:focus{outline:none}dialog[spkDialog] .dialog-content{position:relative;z-index:2}dialog[spkDialog] .dialog-backdrop{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] [header],dialog[spkDialog] [content],dialog[spkDialog] [footer]{width:100%}dialog[spkDialog] [header]{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [header].sticky{background-color:var(--dialog-bg);border-bottom:1px solid var(--base-4);box-shadow:var(--box-shadow-35);position:sticky;top:0}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [content]:not(:has(~[footer])){padding-bottom:var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [footer].sticky{background-color:var(--dialog-bg);border-top:1px solid var(--base-4);box-shadow:var(--box-shadow-35);position:sticky;bottom:0}spk-popover{--po-d: inherit;display:var(--po-d)}spk-popover.multi-layer .popover{top:anchor(top);left:calc(anchor(right) - .625rem)}spk-popover .trigger{cursor:pointer;display:var(--po-d);position:relative}spk-popover .trigger .trigger-wrapper{display:var(--po-d)}spk-popover .trigger .trigger-wrapper:empty+*{display:inherit}spk-popover .trigger .trigger-wrapper+[spk-button]{display:none}spk-popover .overlay{position:fixed;inset:0;opacity:0;z-index:-1}spk-popover .popover{position:absolute;margin:0;min-width:11.25rem;z-index:0;background-color:var(--base-1);border:1px solid var(--base-4);border-radius:var(--shape-2);font:var(--paragraph-30);color:var(--base-8)}@supports (anchor-name: --anchor){spk-popover .popover{inset:unset;left:anchor(left);top:calc(anchor(bottom) + .25rem);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}spk-chip{--chip-h: 2rem;--chip-s: calc(var(--chip-h) / 2);--chip-c: var(--base-12);--chip-ic: var(--base-12);--chip-bg: var(--base-1);--chip-bc: var(--base-4);--chip-bs: none;display:inline-flex;align-items:center;justify-content:center;padding:0 .75rem;font:var(--paragraph-30B);height:var(--chip-h);border-radius:var(--chip-s);border:1px solid var(--chip-bc);box-shadow:var(--chip-bs);background:var(--chip-bg);white-space:nowrap}spk-chip div{display:flex;align-items:center;gap:.5rem;color:var(--chip-c)}spk-chip.dynamic.simple,spk-chip.dynamic{border-color:transparent;--chip-bg: rgb(from var(--chip-c) r g b / .14);color:var(--chip-c)}spk-chip.dynamic.simple spk-icon,spk-chip.dynamic spk-icon{color:inherit}spk-chip.sharp{--chip-s: calc(var(--chip-h) / 4);padding:0 .5rem}spk-chip.sharp.small{padding:0 .375rem}spk-chip spk-icon{color:var(--chip-ic);font-size:1rem;font-weight:inherit}spk-chip [avatar]{height:calc(var(--chip-h) - .75rem);width:calc(var(--chip-h) - .75rem);border-radius:50%}spk-chip.small{--chip-h: 1.5rem;font:var(--paragraph-40B);padding:0 .5rem}spk-chip.small div{gap:.25rem}spk-chip.small spk-icon{font-size:.75rem}spk-chip[disabled]{opacity:.5}spk-chip[read-only],spk-chip[read-only=true],spk-chip[readonly=true],spk-chip[readonly],spk-chip.readonly{pointer-events:none;-webkit-user-select:none;user-select:none}spk-chip.primary{--chip-ic: var(--primary-8)}spk-chip.accent{--chip-ic: var(--accent-8)}spk-chip.warn{--chip-ic: var(--warn-8)}spk-chip.error{--chip-ic: var(--error-8)}spk-chip.success{--chip-ic: var(--success-8)}spk-chip.simple,spk-chip.outlined{--chip-c: var(--base-12);--chip-bg: var(--base-2);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loader-c: var(--primary-8);--chip-bg: var(--primary-1);--chip-bc: var(--primary-4)}spk-chip.simple.accent,spk-chip.outlined.accent{--loader-c: var(--accent-8);--chip-bg: var(--accent-1);--chip-bc: var(--accent-4)}spk-chip.simple.warn,spk-chip.outlined.warn{--loader-c: var(--warn-8);--chip-bg: var(--warn-1);--chip-bc: var(--warn-4)}spk-chip.simple.error,spk-chip.outlined.error{--loader-c: var(--error-8);--chip-bg: var(--error-1);--chip-bc: var(--error-4)}spk-chip.simple.success,spk-chip.outlined.success{--loader-c: var(--success-8);--chip-bg: var(--success-1);--chip-bc: var(--success-4)}spk-chip.simple{--chip-c: var(--base-12);--chip-bg: var(--base-3);--chip-bc: var(--chip-bg);transition:color 80ms linear}spk-chip.simple.primary{--chip-c: var(--primary-8);--chip-bc: var(--chip-bg)}spk-chip.simple.accent{--chip-c: var(--accent-8);--chip-bc: var(--chip-bg)}spk-chip.simple.warn{--chip-c: var(--warn-8);--chip-bc: var(--chip-bg)}spk-chip.simple.error{--chip-c: var(--error-8);--chip-bc: var(--chip-bg)}spk-chip.simple.success{--chip-c: var(--success-8);--chip-bc: var(--chip-bg)}spk-chip.flat{--loader-c: var(--base-1);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-8);border:0}spk-chip.flat.primary{--chip-c: var(--primary-c8);--chip-bg: var(--primary-8)}spk-chip.flat.accent{--chip-c: var(--accent-c8);--chip-bg: var(--accent-8)}spk-chip.flat.warn{--chip-c: var(--warn-c8);--chip-bg: var(--warn-8)}spk-chip.flat.error{--chip-c: var(--error-c8);--chip-bg: var(--error-8)}spk-chip.flat.success{--chip-c: var(--success-c8);--chip-bg: var(--success-8)}spk-chip.raised{--loader-c: var(--base-1);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-g6);border:0;box-shadow:none}spk-chip.raised.primary{--chip-c: var(--primary-c8);--chip-bg: var(--primary-g2)}spk-chip.raised.accent{--chip-c: var(--accent-c8);--chip-bg: var(--accent-g2)}spk-chip.raised.warn{--chip-c: var(--warn-c8);--chip-bg: var(--warn-g2)}spk-chip.raised.error{--chip-c: var(--error-c8);--chip-bg: var(--error-g2)}spk-chip.raised.success{--chip-c: var(--success-c8);--chip-bg: var(--success-g2)}spk-daterange-input.small spk-form-field-popover,spk-daterange-input.small spk-form-field,spk-datepicker-input.small spk-form-field-popover,spk-datepicker-input.small spk-form-field,spk-form-field-popover.small,spk-form-field.small{--ff-space: .4375rem .625rem;--ff-input-space: .375rem .625rem;--ff-f: var(--paragraph-40B);line-height:1rem}spk-daterange-input.small spk-form-field-popover .prefix,spk-daterange-input.small spk-form-field .prefix,spk-datepicker-input.small spk-form-field-popover .prefix,spk-datepicker-input.small spk-form-field .prefix,spk-form-field-popover.small .prefix,spk-form-field.small .prefix,spk-daterange-input.small spk-form-field-popover .suffix,spk-daterange-input.small spk-form-field .suffix,spk-datepicker-input.small spk-form-field-popover .suffix,spk-datepicker-input.small spk-form-field .suffix,spk-form-field-popover.small .suffix,spk-form-field.small .suffix{line-height:1rem}spk-daterange-input.small spk-form-field-popover .prefix>spk-icon,spk-daterange-input.small spk-form-field .prefix>spk-icon,spk-datepicker-input.small spk-form-field-popover .prefix>spk-icon,spk-datepicker-input.small spk-form-field .prefix>spk-icon,spk-form-field-popover.small .prefix>spk-icon,spk-form-field.small .prefix>spk-icon,spk-daterange-input.small spk-form-field-popover .suffix>spk-icon,spk-daterange-input.small spk-form-field .suffix>spk-icon,spk-datepicker-input.small spk-form-field-popover .suffix>spk-icon,spk-datepicker-input.small spk-form-field .suffix>spk-icon,spk-form-field-popover.small .suffix>spk-icon,spk-form-field.small .suffix>spk-icon{font-size:1rem}spk-form-field-popover,spk-form-field{--ff-s: var(--shape-2);--ff-bc: var(--base-4);--ff-prefix-bg: var(--base-2);--ff-suffix-bg: transparent;--ff-ic: var(--base-8);--ff-bg: var(--base-1);--ff-f: var(--paragraph-30B);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;--ff-space: .5625rem .75rem;--ff-input-space: .625rem .75rem;--ff-mw: auto;--ff-bs: none;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}spk-form-field-popover[read-only],spk-form-field-popover[read-only=true],spk-form-field-popover[readonly=true],spk-form-field-popover[readonly],spk-form-field-popover.readonly,spk-form-field-popover[disabled],spk-form-field-popover[disabled=true],spk-form-field-popover.disabled,spk-form-field-popover:has(input[disabled]),spk-form-field-popover:has(textarea[disabled]),spk-form-field-popover:has(textarea[disabled=true]),spk-form-field-popover:has(input[disabled=true]),spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field-popover.auto-width,spk-form-field.auto-width{width:initial}spk-form-field-popover.auto-width .input-wrap,spk-form-field-popover.auto-width input,spk-form-field.auto-width .input-wrap,spk-form-field.auto-width input{width:initial}spk-form-field-popover.center .input-wrap input[type=number],spk-form-field-popover.center .input-wrap input,spk-form-field.center .input-wrap input[type=number],spk-form-field.center .input-wrap input{text-align:center}spk-form-field-popover label,spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field-popover label spk-icon,spk-form-field label spk-icon{font-size:1rem}spk-form-field-popover .suffix,spk-form-field-popover .prefix,spk-form-field .suffix,spk-form-field .prefix{display:none;align-items:center;gap:.25rem;padding:var(--ff-space);transition:background-color 125ms linear;background-color:var(--ff-prefix-bg);line-height:1.25rem}spk-form-field-popover .suffix:not(:empty),spk-form-field-popover .prefix:not(:empty),spk-form-field .suffix:not(:empty),spk-form-field .prefix:not(:empty){display:flex}spk-form-field-popover .suffix,spk-form-field .suffix{background-color:var(--ff-suffix-bg)}spk-form-field-popover .suffix:has([textsuffix]),spk-form-field .suffix:has([textsuffix]){padding-left:0}spk-form-field-popover:has(input.ng-touched.ng-invalid),spk-form-field:has(input.ng-touched.ng-invalid){--ff-ic: var(--error-8);--ff-bc: var(--error-8);--ff-prefix-bg: var(--error-2)}spk-form-field-popover.autosize,spk-form-field.autosize{width:min-content}spk-form-field-popover.autosize .input-wrap,spk-form-field.autosize .input-wrap{height:auto}spk-form-field-popover.autosize .input-wrap textarea,spk-form-field-popover.autosize .input-wrap input,spk-form-field.autosize .input-wrap textarea,spk-form-field.autosize .input-wrap input{field-sizing:content}spk-form-field-popover .input-wrap,spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);box-shadow:var(--ff-bs);overflow:hidden;transition:border-color 125ms linear;min-width:var(--ff-mw);width:100%}spk-form-field-popover .input-wrap spk-popover,spk-form-field-popover .input-wrap .input,spk-form-field .input-wrap spk-popover,spk-form-field .input-wrap .input{flex:1 0;margin:var(--ff-space)}spk-form-field-popover .input-wrap textarea,spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-8);field-sizing:content}spk-form-field-popover .input-wrap:has(textarea),spk-form-field .input-wrap:has(textarea){height:auto;min-width:100%;max-width:100%}spk-form-field-popover .input-wrap spk-icon,spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field-popover .input-wrap spk-icon.primary,spk-form-field .input-wrap spk-icon.primary{--ff-ic: var(--primary-8)}spk-form-field-popover .input-wrap spk-icon.accent,spk-form-field .input-wrap spk-icon.accent{--ff-ic: var(--accent-8)}spk-form-field-popover .input-wrap spk-icon.warn,spk-form-field .input-wrap spk-icon.warn{--ff-ic: var(--warn-8)}spk-form-field-popover .input-wrap spk-icon.error,spk-form-field .input-wrap spk-icon.error{--ff-ic: var(--error-8)}spk-form-field-popover .input-wrap spk-icon.success,spk-form-field .input-wrap spk-icon.success{--ff-ic: var(--success-8)}spk-form-field-popover .input-wrap spk-chip spk-icon,spk-form-field .input-wrap spk-chip spk-icon{color:var(--chip-ic)}spk-form-field-popover .input-wrap spk-spinner,spk-form-field .input-wrap spk-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}spk-form-field-popover .input-wrap textarea,spk-form-field-popover .input-wrap input,spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-8);margin:var(--ff-input-space);width:100%}spk-form-field-popover .input-wrap textarea::placeholder,spk-form-field-popover .input-wrap input::placeholder,spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-6)}spk-form-field-popover .input-wrap textarea:focus,spk-form-field-popover .input-wrap input:focus,spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field-popover .input-wrap textarea[type=number],spk-form-field-popover .input-wrap input[type=number],spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field-popover .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field-popover .input-wrap input[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap textarea[type=number]:has(+.suffix:not(:empty)),spk-form-field .input-wrap input[type=number]:has(+.suffix:not(:empty)){margin-right:0}spk-form-field-popover .helpers,spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem;width:100%}spk-form-field-popover .helpers [hint],spk-form-field .helpers [hint]{color:var(--base-9)}spk-form-field-popover .helpers [hint][suffix],spk-form-field .helpers [hint][suffix]{text-align:right;width:100%}spk-form-field-popover .helpers:has(.error-wrap:not(:empty)) .hint,spk-form-field .helpers:has(.error-wrap:not(:empty)) .hint{display:none}spk-form-field-popover:has(.error-wrap:empty+.hint:empty) .helpers,spk-form-field:has(.error-wrap:empty+.hint:empty) .helpers{height:0;padding-top:0}spk-form-field-popover:has(input.ng-touched.ng-invalid) .helpers .hint,spk-form-field:has(input.ng-touched.ng-invalid) .helpers .hint{opacity:0;visibility:hidden}spk-form-field-popover .error-wrap,spk-form-field .error-wrap{color:var(--error-8);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field-popover .hint,spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-8);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field-popover .hint:empty,spk-form-field .hint:empty{opacity:0}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--error-8)}spk-form-field-popover.warning,spk-form-field.warning{--ff-ic: var(--warn-8)}spk-form-field-popover.success,spk-form-field.success{--ff-ic: var(--success-8)}spk-color-picker{position:relative;display:block;width:18.75rem;height:18.75rem}spk-color-picker canvas{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}spk-color-picker.hsl canvas{border-radius:100%;overflow:hidden}spk-color-picker.saturation:not(.vertical),spk-color-picker.hue:not(.vertical){height:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) canvas,spk-color-picker.hue:not(.vertical) canvas{border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) .marker,spk-color-picker.hue:not(.vertical) .marker{top:50%!important}spk-color-picker.saturation.vertical,spk-color-picker.hue.vertical{width:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation.vertical canvas,spk-color-picker.hue.vertical canvas{border-radius:var(--shape-2)}spk-color-picker.saturation.vertical .marker,spk-color-picker.hue.vertical .marker{left:50%!important}spk-color-picker canvas{width:calc(100% + 1px);height:calc(100% + 1px);transform:translate(-1px,-1px);border:2px solid var(--base-1);outline:1px solid var(--base-4)}spk-color-picker .marker{position:absolute;inset:0;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #fff;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-1);border:1px solid var(--base-4);border-radius:var(--shape-3);height:calc(100vh - 2rem);box-shadow:var(--box-shadow-35)}spk-sidenav .closed-topbar{display:none;min-height:3.75rem;background-color:var(--base-1);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-4);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple{border-radius:0}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.simple.closed{--sidenav-width: 6.25rem}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-2);border-radius:.125rem;box-shadow:none}spk-sidenav.overlay .sidenav{position:fixed;z-index:0}spk-sidenav.overlay .dragable{position:absolute;top:0;left:0;bottom:0;z-index:9999;width:50px;padding-right:30px;display:flex;align-items:center;justify-content:center;cursor:grab}spk-sidenav.overlay .dragable:active{cursor:grabbing}spk-sidenav.overlay .dragable:after{content:"";display:block;width:.25rem;height:40%;background-color:var(--base-2);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-4)}spk-sidenav.overlay .dropping-surface{position:fixed;inset:0;z-index:100000}spk-sidenav.overlay .main-wrap{z-index:1;padding:0;display:flex;height:100vh;position:relative;flex-direction:column;transform:translate(0);transition:transform .2s linear}spk-sidenav.overlay.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}spk-sidenav.overlay.is-dragging .main-wrap{transition:none}spk-sidenav.overlay.is-dragging>*{cursor:grabbing}spk-sidenav.overlay.is-dragging .dragable{cursor:grabbing}spk-sidenav.overlay.open .main-wrap{transform:translate(var(--sidenav-width))}spk-sidenav.overlay .closed-topbar{display:flex}spk-sidenav.overlay .closed-topbar:empty{display:none}spk-sidenav.overlay main{border:0;box-shadow:none;flex:1 0}spk-list{--list-s: var(--shape-2);--list-active-bg: var(--base-1);--list-color: var(--base-9);--list-active-bs: none;--list-p: 1.25rem 1rem;--list-item-p: .5rem .75rem;--list-item-gap: .5rem;width:100%;padding:var(--list-p);gap:.5rem;display:flex;flex-direction:column}spk-list.base-1{--list-active-bg: var(--base-1);--list-active-bs: var(--box-shadow-20)}spk-list:empty{padding:0}spk-list>[title]{color:var(--base-8);margin:0 .75rem;font:var(--paragraph-30);line-height:1.5rem}spk-list>[action],spk-list>[item]{border-radius:var(--list-s);padding:var(--list-item-p);font:var(--paragraph-30B);color:var(--list-color);display:flex;align-items:center;gap:var(--list-item-gap);width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;text-decoration:none}spk-list>[action]:focus,spk-list>[item]:focus{outline:none}spk-list>[action] [suffix],spk-list>[item] [suffix]{margin-left:auto;color:var(--base-8)}spk-list :has(input[type=checkbox]),spk-list :has(input[type=radio]),spk-list>[action]{cursor:pointer}spk-list>[item]:has(input[type=checkbox]:checked),spk-list>[action]:has(input[type=checkbox]:checked),spk-list>[item]:has(input[type=radio]:checked),spk-list>[action]:has(input[type=radio]:checked),spk-list>[action].active,spk-list>[action].selected{--list-color: var(--base-12);background-color:var(--list-active-bg);box-shadow:var(--list-active-bs)}spk-list.primary>[item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary>[action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary>[item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary>[action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary>[action].active spk-icon:first-child,spk-list.primary>[action].selected spk-icon:first-child{color:var(--primary-8)}spk-list.accent>[item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent>[action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent>[item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent>[action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent>[action].active spk-icon:first-child,spk-list.accent>[action].selected spk-icon:first-child{color:var(--accent-8)}spk-list.warn>[item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn>[action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn>[item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn>[action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn>[action].active spk-icon:first-child,spk-list.warn>[action].selected spk-icon:first-child{color:var(--warn-8)}spk-list.error>[item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error>[action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error>[item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error>[action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error>[action].active spk-icon:first-child,spk-list.error>[action].selected spk-icon:first-child{color:var(--error-8)}spk-list.success>[item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success>[action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success>[item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success>[action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success>[action].active spk-icon:first-child,spk-list.success>[action].selected spk-icon:first-child{color:var(--success-8)}spk-radio{--radio-bw: .0625rem;--radio-bg: var(--base-2);--radio-bc: var(--base-4);--radio-c: var(--base-8);--radiod-o: 0;--radiod-c: var(--base-8);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-radio>input[type=radio]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-radio>input[type=radio]:focus{outline:none}spk-radio:has(input[type=radio]:checked),spk-radio.active{--radiod-o: 1}spk-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%;border:var(--radio-bw) solid var(--radio-bc);background:var(--radio-bg);font-size:.75rem;color:var(--radio-c)}spk-radio .radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}spk-radio.primary{--radio-c: var(--primary-8);--radiod-c: var(--primary-8);--radio-bg: var(--primary-3);--radio-bc: var(--primary-4)}spk-radio.accent{--radio-c: var(--accent-8);--radiod-c: var(--accent-8);--radio-bg: var(--accent-3);--radio-bc: var(--accent-4)}spk-radio.warn{--radio-c: var(--warn-8);--radiod-c: var(--warn-8);--radio-bg: var(--warn-3);--radio-bc: var(--warn-4)}spk-radio.error{--radio-c: var(--error-8);--radiod-c: var(--error-8);--radio-bg: var(--error-3);--radio-bc: var(--error-4)}spk-radio.success{--radio-c: var(--success-8);--radiod-c: var(--success-8);--radio-bg: var(--success-3);--radio-bc: var(--success-4)}spk-radio.outlined{--radio-bg: var(--base-1)}spk-radio.outlined.primary,spk-radio.outlined.accent,spk-radio.outlined.warn,spk-radio.outlined.error,spk-radio.outlined.success{--radio-bc: var(--base-4)}spk-radio.flat,spk-radio.raised{--radio-c: #fff;--radio-bc: var(--base-4);--radio-bg: var(--base-2);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked),spk-radio.flat.active{--radio-bw: 0;--radio-bg: var(--base-8);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked).primary,spk-radio.flat.active.primary{--radio-bg: var(--primary-8)}spk-radio.flat:has(input[type=radio]:checked).accent,spk-radio.flat.active.accent{--radio-bg: var(--accent-8)}spk-radio.flat:has(input[type=radio]:checked).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-8)}spk-radio.flat:has(input[type=radio]:checked).error,spk-radio.flat.active.error{--radio-bg: var(--error-8)}spk-radio.flat:has(input[type=radio]:checked).success,spk-radio.flat.active.success{--radio-bg: var(--success-8)}spk-radio.raised:has(input[type=radio]:checked),spk-radio.raised.active{--radio-bw: 0;--radio-bg: var(--base-g2)}spk-radio.raised:has(input[type=radio]:checked).primary,spk-radio.raised.active.primary{--radio-bg: var(--primary-g2)}spk-radio.raised:has(input[type=radio]:checked).accent,spk-radio.raised.active.accent{--radio-bg: var(--accent-g2)}spk-radio.raised:has(input[type=radio]:checked).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-g2)}spk-radio.raised:has(input[type=radio]:checked).error,spk-radio.raised.active.error{--radio-bg: var(--error-g2)}spk-radio.raised:has(input[type=radio]:checked).success,spk-radio.raised.active.success{--radio-bg: var(--success-g2)}spk-button-group{--btng-bg: var(--base-1);--btng-c: var(--base-12);--btng-ic: var(--base-12);--btng-bc: var(--base-4);--btng-h: 2.5rem;--btng-p: 0 .75rem;--btng-s: var(--shape-2);--btng-f: var(--paragraph-30);display:inline-flex;border:1px solid var(--btng-bc);border-radius:var(--btng-s);height:var(--btng-h);overflow:hidden}spk-button-group.small{--btng-h: 2rem;--btng-p: 0 .5rem}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:var(--btng-p);transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;white-space:nowrap;background:var(--btng-bg);color:var(--btng-c);font:var(--btng-f);border-left:1px solid var(--btng-bc)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--btng-c: var(--base-12);--btng-ic: var(--base-12);--btng-bg: var(--base-3)}spk-range-slider{--rs-h: 2.5rem;--rs-f: var(--paragraph-30);--rs-unit-g: .75rem;--rs-unit-c: var(--base-8);--rst: var(--base-2);--rst-bc: var(--base-1);--rst-bg: var(--base-8);--rst-h: .5rem;--rst-s: var(--shape-1);--rs-thumb-c: var(--base-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--base-2);--rs-thumb-value-c: var(--base-3);--rs-thumb-si: 1rem;display:flex;flex-direction:column;width:100%;font:var(--rs-f)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider:has(input[type=range][disabled]){--rst-bg: var(--base-8);opacity:.6}spk-range-slider:has(input[type=range][disabled]) *{pointer-events:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--rs-unit-g)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--rs-thumb-si) / 4);width:var(--rs-thumb-si);height:var(--rs-thumb-si);border-radius:50%;background-color:var(--rs-thumb-c);border:1px solid var(--rs-thumb-bc);box-shadow:var(--box-shadow-10);transform:translate(-50%)}spk-range-slider .thumb.always-show .value-indicator{opacity:1}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--rst-h)}spk-range-slider .track{position:relative;width:100%;height:var(--rst-h);border-radius:var(--rst-s);background-color:var(--rst);border:1px solid var(--rst-bc);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--rst-bg);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--rs-unit-c)}spk-range-slider input[type=range]:hover~.thumb-wrap .value-indicator,spk-range-slider input[type=range]:focus~.thumb-wrap .value-indicator{opacity:1}spk-range-slider .value-indicator{position:absolute;top:-1.875rem;height:1.5rem;border-radius:var(--shape-2);left:50%;margin:auto;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--rs-thumb-value-bg);color:var(--rs-thumb-value-c);white-space:nowrap;opacity:0;transition:opacity 125ms linear;-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider .value-indicator:after{content:"";border-top:.375rem solid var(--rs-thumb-value-bg);border-left:.375rem solid transparent;border-right:.375rem solid transparent;position:absolute;top:100%;left:50%;margin-left:-.375rem}spk-range-slider input[type=range][readonly]{-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider input[type=range][readonly]~.track .track-filled{transition:width 125ms linear;border-radius:var(--rst-s)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--rst-bg: var(--primary-8);--rst: var(--primary-4);--rs-thumb-c: var(--primary-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--primary-4);--rs-thumb-value-c: var(--primary-8)}spk-range-slider.accent{--rst-bg: var(--accent-8);--rst: var(--accent-4);--rs-thumb-c: var(--accent-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--accent-4);--rs-thumb-value-c: var(--accent-8)}spk-range-slider.warn{--rst-bg: var(--warn-8);--rst: var(--warn-4);--rs-thumb-c: var(--warn-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--warn-4);--rs-thumb-value-c: var(--warn-8)}spk-range-slider.error{--rst-bg: var(--error-8);--rst: var(--error-4);--rs-thumb-c: var(--error-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--error-4);--rs-thumb-value-c: var(--error-8)}spk-range-slider.success{--rst-bg: var(--success-8);--rst: var(--success-4);--rs-thumb-c: var(--success-4);--rs-thumb-bc: var(--base-1);--rs-thumb-value-bg: var(--success-4);--rs-thumb-value-c: var(--success-8)}spk-range-slider.outlined{--rst: var(--base-1);--rst-bc: var(--base-4);--rs-thumb-c: var(--base-6);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.warn,spk-range-slider.outlined.error,spk-range-slider.outlined.success{--rst: var(--base-1)}spk-range-slider.outlined.primary{--rs-thumb-c: var(--primary-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.accent{--rs-thumb-c: var(--accent-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.warn{--rs-thumb-c: var(--warn-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.error{--rs-thumb-c: var(--error-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.outlined.success{--rs-thumb-c: var(--success-4);--rs-thumb-bc: var(--base-1)}spk-range-slider.flat{--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.warn,spk-range-slider.flat.error,spk-range-slider.flat.success{--rst: var(--base-2);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.raised{--rst-bg: var(--base-g2);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.warn,spk-range-slider.raised.error,spk-range-slider.raised.success{--rst: var(--base-2);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-4)}spk-range-slider.raised.primary{--rst-bg: var(--primary-g2)}spk-range-slider.raised.accent{--rst-bg: var(--accent-g2)}spk-range-slider.raised.warn{--rst-bg: var(--warn-g2)}spk-range-slider.raised.error{--rst-bg: var(--error-g2)}spk-range-slider.raised.success{--rst-bg: var(--success-g2)}.tooltip.active+sparkle-tooltip-wrapper{opacity:1;z-index:0;visibility:visible}.tooltip{position:relative;pointer-events:initial!important}.tooltip:after{content:"";position:absolute;inset:-.5rem;z-index:1}.tooltip.primary+sparkle-tooltip-wrapper{--tt-bg: var(--primary-2);--tt-c: var(--primary-8)}.tooltip.accent+sparkle-tooltip-wrapper{--tt-bg: var(--accent-2);--tt-c: var(--accent-8)}.tooltip.warn+sparkle-tooltip-wrapper{--tt-bg: var(--warn-2);--tt-c: var(--warn-8)}.tooltip.error+sparkle-tooltip-wrapper{--tt-bg: var(--error-2);--tt-c: var(--error-8)}.tooltip.success+sparkle-tooltip-wrapper{--tt-bg: var(--success-2);--tt-c: var(--success-8)}.tooltip.active{z-index:1}.tooltip.active+sparkle-tooltip-wrapper{transform:translateY(-.5rem) scale(1)}.tooltip.active+sparkle-tooltip-wrapper.below{transform:translateY(.5rem) scale(1)}sparkle-tooltip-wrapper{--tt-bg: var(--base-3);--tt-c: var(--base-12);--tt-mh: 8.5rem;--tt-mw: 17.5rem;position:fixed;opacity:0;visibility:hidden;padding:0;transform:translateY(50%) scale(0);background:var(--tt-bg);border-radius:var(--shape-2);box-shadow:var(--box-shadow-20);width:max-content;overflow:visible;box-shadow:none;margin:initial;border:0}@supports (anchor-name: --anchor){sparkle-tooltip-wrapper{inset:unset;justify-self:anchor-center;bottom:anchor(top);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}sparkle-tooltip-wrapper:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.375rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;opacity:1}sparkle-tooltip-wrapper.below:before{border-top-color:transparent;border-bottom-color:var(--tt-bg);top:auto;bottom:100%}sparkle-tooltip-wrapper .tooltip-content{padding:.5rem .75rem;position:relative;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;color:var(--tt-c);max-height:var(--tt-mh);max-width:var(--tt-mw);overflow:auto;background:none}spk-select{--miw: 13.125rem;display:flex}spk-select spk-form-field{display:flex;--ff-mw: var(--miw)}spk-select spk-popover{flex:1 0}spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-select .selected-value{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:var(--base-8)}spk-select .selected-value input{margin:0}spk-select .selected-value.is-selected{color:var(--base-12)}spk-select spk-form-field .input-wrap .input{position:relative;display:flex;flex-wrap:wrap;--ff-space: .4375rem .625rem}spk-select spk-form-field .input-wrap .input textarea,spk-select spk-form-field .input-wrap .input input{opacity:0;width:0;height:0;position:absolute}spk-select spk-form-field .input-wrap .input.show-search-text input{opacity:1;height:initial;min-width:min-content;field-sizing:content;font:var(--paragraph-30);position:relative}spk-select spk-form-field .input-wrap .input.show-search-text textarea{opacity:1;height:initial;margin:.25rem 0 0}spk-select spk-form-field.small .input-wrap .input{--ff-space: .3125rem .5rem}spk-select spk-form-field.small .input-wrap .input spk-chip{--chip-h: 1.25rem;font-size:80%}.sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.sparkle-options .option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-12);-webkit-user-select:none;user-select:none}.sparkle-options .option[disabled]{opacity:.3;cursor:initial}.sparkle-options .option[disabled]:hover{background-color:transparent}.sparkle-options .option spk-icon{font-size:1rem}.sparkle-options .option.active,.sparkle-options .option:checked,.sparkle-options .option:hover{background-color:var(--base-2);color:var(--base-12)}.sparkle-options .option.focused{background-color:var(--primary-1);color:var(--base-12)}.sparkle-options .option.focused:hover{background-color:var(--primary-2)}spk-card{--card-bg: var(--base-1);--card-ibg: var(--base-2);--card-bc: var(--base-4);--card-sh: var(--box-shadow-10);--card-p: 1.5rem;--card-shp: .5rem;display:block;padding:var(--card-p);position:relative;z-index:0;border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);overflow:hidden}spk-card:before,spk-card:after{content:"";position:absolute}spk-card:before{background-color:var(--card-bg);inset:0;z-index:-2}spk-card:after{background-color:var(--card-ibg);border-radius:var(--shape-2);inset:var(--card-shp);z-index:-1}spk-card.type-b{--card-bg: var(--base-2);--card-ibg: var(--base-1);--card-sh: none;--card-shp: .25rem}spk-card.type-c{--card-ibg: var(--card-bg);--card-p: 0}spk-stepper{display:flex;flex-wrap:nowrap;width:100%;position:relative;overflow:hidden}spk-stepper [step]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;color:var(--base-9);cursor:pointer;-webkit-user-select:none;user-select:none}spk-stepper [step]:first-child{align-items:flex-start;flex:1 0}spk-stepper [step]:last-child{align-items:flex-end;flex:1 0}spk-stepper [step]:not(.active) spk-radio{z-index:10}spk-stepper [step]:has(~[step].active) spk-radio{--radiod-o: 1}spk-stepper [step]:has(~[step].active) spk-radio .radio{border-width:0;background:var(--primary-g2)}spk-stepper [step] spk-radio .radio{--radiod-c: var(--base-1);width:1rem;height:1rem}spk-stepper [step].active{color:var(--primary-8);outline:none}spk-stepper [step].active spk-radio{z-index:0;--radiod-o: 1}spk-stepper [step].active spk-radio .radio{border-width:0;background:var(--primary-g2)}spk-stepper [step].active spk-radio:before{content:"";position:absolute;top:.375rem;left:-9999px;z-index:-1;right:0;height:.25rem;background-color:var(--primary-8)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-3)}spk-spinner{--spinner-c: var(--base-8);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}spk-spinner:before{content:"";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}spk-spinner.primary{--spinner-c: var(--primary-8)}spk-spinner.accent{--spinner-c: var(--accent-8)}spk-spinner.warn{--spinner-c: var(--warn-8)}spk-spinner.error{--spinner-c: var(--error-8)}spk-spinner.success{--spinner-c: var(--success-8)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2;background:var(--base-1)}[spkSortable] .sortable-placeholder{position:absolute;top:0;z-index:1}[spkSortable] .sortable-placeholder.active{z-index:1;background-color:var(--base-6);border:1px solid var(--base-8);opacity:.5}[spkSortable] .sortable-ghost,[spkSortable] .sortable-ghost.active{opacity:1}[spkSortable] .sortable-dragged-el.active,[spkSortable] .sortable-dragged-el{opacity:0}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-2)}spk-toggle-card.active .collapsable{grid-template-rows:1fr}spk-toggle-card.active .content{padding:0 1rem 1rem}spk-toggle-card.active .content:empty{padding:0 1rem}spk-toggle-card.active spk-icon.toggle-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon.toggle-icon{cursor:pointer;transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .collapsable{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s linear;overflow:hidden}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;min-height:0;overflow:hidden}spk-table{--table-bc: var(--base-4);--table-th-bg: var(--base-1);--table-tr-bg: var(--base-1);--table-td-bg: var(--base-1);--table-th-c: var(--base-8);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-8);--table-td-f: var(--paragraph-30);--table-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem;width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}spk-table.type-a tbody>th,spk-table.type-a tbody>td,spk-table.type-a thead>th,spk-table.type-a thead>td{padding-right:0}spk-table.type-a tbody>th:first-child,spk-table.type-a tbody>td:first-child,spk-table.type-a thead>th:first-child,spk-table.type-a thead>td:first-child{padding:0}spk-table.type-a.scrolled-x.can-scroll-x [spkStickyColumns=""],spk-table.type-a.scrolled-x.can-scroll-x th.sticky,spk-table.type-a.scrolled-x.can-scroll-x td.sticky{border-right-width:.0625rem}spk-table.type-a:not(.scrolled-x-end).can-scroll-x [spkStickyColumns=end],spk-table.type-a:not(.scrolled-x-end).can-scroll-x th.sticky-end,spk-table.type-a:not(.scrolled-x-end).can-scroll-x td.sticky-end{border-left-width:.0625rem}spk-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-2);--table-sticky-bw: .125rem}spk-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}spk-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}spk-table.type-b [spkStickyColumns=end]{border-left-width:.125rem}spk-table.type-b.scrolled-x [spkStickyColumns=""]{border-right-width:.125rem}spk-table.type-b.scrolled-x-end [spkStickyColumns=end]{border-left-width:.0625rem}spk-table.type-b td.sticky,spk-table.type-b th.sticky{border-left-width:0;border-right-width:.0625rem}spk-table.type-b td.sticky+*,spk-table.type-b th.sticky+*{border-left-width:0}spk-table.resizing{-webkit-user-select:none;user-select:none}spk-table:has([spkTableResize]) td{overflow:auto}spk-table.no-resize .spk-resizer{display:none}spk-table.no-resize td{overflow:initial}spk-table thead{position:relative}spk-table thead:has(tr.sticky){position:sticky;top:0;z-index:2}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table tr{background:var(--table-tr-bg)}spk-table tr.sticky{position:sticky;top:0;z-index:1}spk-table tr.sticky-end{position:sticky;bottom:0;z-index:3}spk-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}spk-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}spk-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);z-index:100}spk-table th:has(.spk-resizer){position:relative}spk-table th .spk-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}spk-table th .spk-resizer:before,spk-table th .spk-resizer:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-4)}spk-table th .spk-resizer:hover:before,spk-table th .spk-resizer:hover:after{background-color:var(--primary-8)}spk-table th .spk-resizer:before{left:.1875rem}spk-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw);background:var(--table-td-bg)}spk-table td+td.sticky-end:last-child{padding:var(--table-td-p)}spk-table th.sticky,spk-table th.sticky-end,spk-table td.sticky,spk-table td.sticky-end{position:sticky;overflow:hidden;right:auto;left:0;z-index:1;padding:var(--table-td-p)}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child,spk-table td.sticky:first-child,spk-table td.sticky-end:first-child{padding:var(--table-th-p)}spk-table th.sticky-end,spk-table td.sticky-end{right:0;left:auto}spk-table th.sticky,spk-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child{padding:var(--table-th-p)}spk-table [spkStickyColumns]{display:grid;grid-template-columns:subgrid;position:sticky;left:0;z-index:1000;border:0;border-color:var(--table-bc);border-style:solid}spk-table [spkStickyColumns=end]{left:auto;right:0}spk-table thead>[spkStickyColumns]{border-width:var(--table-th-bw)}spk-table tbody>[spkStickyColumns]{border-width:var(--table-td-bw)}spk-table .span-all{grid-column:1/-1;white-space:initial;align-items:flex-start;padding:0;border-left-width:0}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-tabs{--tabs-bc: var(--base-4);--tabs-bg: var(--base-1);--tabs-c: var(--base-12);--tabs-c-hover: var(--base-8);--tabs-c-active: var(--base-12);--tabs-f: var(--paragraph-30);--tabs-sel-bg: var(--base-12);display:flex;gap:1rem;border-bottom:1px solid var(--base-4)}spk-tabs [tab]{display:flex;align-items:center;gap:.5rem;height:3rem;font:var(--tabs-f);background:var(--tabs-bg);border-radius:0;appearance:none;border:0;color:var(--tabs-c);cursor:pointer;position:relative}spk-tabs [tab]:focus{outline:none}spk-tabs [tab]:hover{color:var(--tabs-c-hover)}spk-tabs [tab].active{color:var(--tabs-c-active)}spk-tabs [tab].active:after{display:block}spk-tabs [tab]:after{content:"";display:none;width:100%;height:2px;background:var(--tabs-sel-bg);position:absolute;left:0;bottom:0}spk-tabs.primary{--tabs-sel-bg: var(--primary-8);--tabs-c-active: var(--primary-8)}spk-tabs.accent{--tabs-sel-bg: var(--accent-8);--tabs-c-active: var(--accent-8)}spk-tabs.warn{--tabs-sel-bg: var(--warn-8);--tabs-c-active: var(--warn-8)}spk-tabs.error{--tabs-sel-bg: var(--error-8);--tabs-c-active: var(--error-8)}spk-tabs.success{--tabs-sel-bg: var(--success-8);--tabs-c-active: var(--success-8)}spk-file-upload{--fu-bg-active: rgba(0, 0, 0, .1);display:flex;flex-direction:column;gap:.75rem;position:relative}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-2)}spk-file-upload .files-text,spk-file-upload .placeholder{color:var(--base-8);font:var(--paragraph-30B)}spk-file-upload input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:100}spk-file-upload .bg-overlay{opacity:0;position:absolute;inset:.0625rem;background-color:var(--fu-bg-active);transition:opacity 125ms linear;z-index:0;border-radius:var(--ff-s)}spk-file-upload .bg-overlay.files-over{opacity:1}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}.sparkle-popup-menu{min-width:initial}.sparkle-popup-menu.right button{justify-content:flex-end}.cmd-output h1,.markdown-output h1{margin:2.5rem 0 1.5rem}.cmd-output h2,.markdown-output h2{margin:0 0 1.25rem}.cmd-output h3,.markdown-output h3{margin:0 0 1rem}.cmd-output h4,.cmd-output h5,.cmd-output h6,.cmd-output p,.markdown-output h4,.markdown-output h5,.markdown-output h6,.markdown-output p{margin:0 0 .75rem}.cmd-output code,.markdown-output code{padding:.25rem .5rem;border-radius:var(--shape-2);background-color:var(--base-8);color:var(--base-1);display:inline-block;font-size:85%}.cmd-output h1 code,.markdown-output h1 code{padding:0;text-decoration:underline;background-color:transparent;color:var(--base-12);font-size:100%}ol.line-numbers-ol{list-style:none;counter-reset:my-counter}ol.line-numbers-ol li{counter-increment:my-counter;padding-left:.25rem}ol.line-numbers-ol li::marker{content:counter(my-counter) " "}