From e1b89d84533180390f4235c2da4a30a9b5615937 Mon Sep 17 00:00:00 2001 From: Crystal Spider Date: Fri, 21 Jun 2024 00:48:47 +0200 Subject: [PATCH] Improve generator logic and styling. --- docs/chunk-2RSREBU4.js | 69 ------------------ docs/chunk-OTXAL4XO.js | 72 +++++++++++++++++++ docs/index.html | 4 +- docs/{main-4TJB3QG5.js => main-YLTNOBZA.js} | 2 +- ...tyles-MLV6ETZJ.css => styles-MAQFGPWF.css} | 2 +- .../generator-form.component.html | 68 +++++++++--------- .../generator-form.component.scss | 25 ++++++- .../generator-form.component.ts | 33 +++++++-- src/styles/override/input.scss | 1 - src/styles/override/stepper.scss | 4 ++ src/styles/override/toggle.scss | 1 + 11 files changed, 167 insertions(+), 114 deletions(-) delete mode 100644 docs/chunk-2RSREBU4.js create mode 100644 docs/chunk-OTXAL4XO.js rename docs/{main-4TJB3QG5.js => main-YLTNOBZA.js} (99%) rename docs/{styles-MLV6ETZJ.css => styles-MAQFGPWF.css} (96%) diff --git a/docs/chunk-2RSREBU4.js b/docs/chunk-2RSREBU4.js deleted file mode 100644 index 16aabbb..0000000 --- a/docs/chunk-2RSREBU4.js +++ /dev/null @@ -1,69 +0,0 @@ -import{a as ve,c as _e,g as G,h as A,j as L,n as P,s as Me}from"./chunk-HS6QBH67.js";import{a as ye,b as s,c as Ie,d as $,e as Te,f,g as Se,h as Ne,i as we,j as Fe,k as Ve,l as ke,m as De,n as N,p as Oe,q as qe,r as Ee,s as z,t as Ae,u as Le,v as Pe,w as $e,x as ze,y as je}from"./chunk-WB7E7LYY.js";import{i as he,j as ge,k as be,l as xe,q as Ce}from"./chunk-XO4FADRN.js";import{o as pe,v as ue,w as ce,x as de,y as fe,z as E}from"./chunk-IZFIIXU2.js";import"./chunk-543JV44P.js";import{Y as me,d as se,w as le}from"./chunk-OR7O3O7G.js";import{l as re,m as q,n as ae}from"./chunk-3OV2KVJT.js";import{$b as oe,Bb as d,Gb as M,Hb as W,Jb as X,K as H,Kb as Y,Lb as p,Mb as u,Nb as l,Ob as ee,Ub as T,Wb as x,_b as te,a as U,ac as ne,bc as D,cc as O,ec as e,fc as S,ic as ie,lc as _,ob as m,oc as w,pb as v,pc as F,ra as V,rb as Z,sa as C,u as B,ua as Q,ub as J,wa as K,wb as I,xb as k,zb as h}from"./chunk-LNVCPBNY.js";var b=class b{static notInclude(...t){return a=>{if(a.value){if(typeof a.value=="string"&&t.some(o=>b.includes(a.value,o)))return{notInclude:!0};if(Array.isArray(a.value)&&t.some(o=>a.value.some(i=>b.includes(i,o))))return{notInclude:!0}}return null}}static notMatch(...t){return a=>a.value&&t.some(o=>a.value.toLowerCase().trim()===o.toLowerCase().trim())?{notMatch:!0}:null}static modId(t){return[...b.modTitle,s.pattern(`[a-z0-9${t}]+`)]}static includes(t,a){return t.toLowerCase().trim().includes(a.toLowerCase().trim())}};b.modIdMinLength=3,b.modIdMaxLength=63,b.modTitle=[s.required,s.minLength(b.modIdMinLength),s.maxLength(b.modIdMaxLength)];var g=b;var R=(()=>{let t=class t{};t.\u0275fac=function(i){return new(i||t)},t.\u0275dir=Q({type:t,selectors:[["","step",""]],standalone:!0});let n=t;return n})();function Be(n,t){if(n&1&&e(0),n&2){let a=x(2).$implicit;S(a.label)}}function He(n,t){n&1&&(e(0,` - `),l(1,"cn-button",5),e(2,` - `))}function Qe(n,t){n&1&&(e(0,` - `),l(1,"cn-button",6),e(2,` - `))}function Ke(n,t){if(n&1&&(e(0,` - `),p(1,"mat-step"),e(2,` - `),h(3,Be,1,1,"ng-template",2),e(4,` - `),ee(5,3),e(6,` - `),p(7,"div",4),e(8,` - `),h(9,He,3,0)(10,Qe,3,0),u(),e(11,` - `),u(),e(12,` - `)),n&2){let a=x(),o=a.$index,i=a.$implicit,r=x();m(5),d("ngTemplateOutlet",r.contents.get(o)),m(4),M(9,(!i.hasBack||i.hasBack())&&o>0?9:-1),m(),M(10,(!i.hasNext||i.hasNext())&&o{let t=class t{constructor(){this.orientation="horizontal",this.steps=[]}};t.\u0275fac=function(i){return new(i||t)},t.\u0275cmp=C({type:t,selectors:[["cn-stepper"]],contentQueries:function(i,r,c){if(i&1&&oe(c,R,4,te),i&2){let y;D(y=O())&&(r.contents=y)}},inputs:{orientation:[V.HasDecoratorInputTransform,"orientation","orientation",o=>o||"horizontal"],steps:"steps"},standalone:!0,features:[k,_],decls:6,vars:2,consts:[["animationDuration","0",3,"linear","orientation"],["stepper",""],["matStepLabel",""],[3,"ngTemplateOutlet"],[1,"cn-stepper-footer"],["icon","keyboard_arrow_left","label","Previous","stepperKind","previous"],["icon","keyboard_arrow_right","label","Next","stepperKind","next"]],template:function(i,r){i&1&&(p(0,"mat-stepper",0,1),e(2,` - `),X(3,Ze,2,1,null,null,W),u(),e(5,` -`)),i&2&&(d("linear",!0)("orientation",r.orientation),m(3),Y(r.steps))},dependencies:[ae,re,fe,ce,ue,de,E],styles:["[_nghost-%COMP%] .cn-stepper-footer[_ngcontent-%COMP%]{display:grid;grid-auto-flow:column;margin-top:24px}[_nghost-%COMP%] .cn-stepper-footer[_ngcontent-%COMP%] > cn-button[stepperkind=previous][_ngcontent-%COMP%]{justify-self:flex-start}[_nghost-%COMP%] .cn-stepper-footer[_ngcontent-%COMP%] > cn-button[stepperkind=next][_ngcontent-%COMP%]{justify-self:flex-end}"]});let n=t;return n})();function We(n,t){if(n&1&&(p(0,"mat-hint"),e(1),u()),n&2){let a=x();m(),S(a.hint)}}function Xe(n,t){if(n&1&&(p(0,"mat-error"),e(1),u()),n&2){let a=x();m(),S(a.errorMessage)}}var Ue=(()=>{let t=class t extends qe{constructor(o,i,r){super(i,r),this.ngZone=o,this.regex=/(.|\n)*/}blur(){this.onTouched()}input(){this.writeValue(this.value)}resize(){this.ngZone.onStable.pipe(H(1)).subscribe(()=>this.textarea.resizeToFitContent(!0))}};t.\u0275fac=function(i){return new(i||t)(v(J),v(Ie),v(Z))},t.\u0275cmp=C({type:t,selectors:[["cn-textarea"]],viewQuery:function(i,r){if(i&1&&ne(z,5),i&2){let c;D(c=O())&&(r.textarea=c.first)}},inputs:{regex:"regex"},standalone:!0,features:[I,_],decls:11,vars:8,consts:[["appearance","outline","floatLabel","auto"],["autocomplete","off","cdkAutosizeMaxRows","16","cdkAutosizeMinRows","1","cdkTextareaAutosize","","charFilter","","matInput","",3,"disabled","errorStateMatcher","regex","required","ngModel","ngModelChange","blur","input"]],template:function(i,r){i&1&&(e(0,` -`),p(1,"mat-form-field",0),e(2,` - `),p(3,"mat-label"),e(4),u(),e(5,` - `),p(6,"textarea",1),T("ngModelChange",function(y){return r.value=y})("blur",function(){return r.blur()})("input",function(){return r.input()}),u(),e(7,` - `),h(8,We,2,1,"mat-hint")(9,Xe,2,1,"mat-error"),u(),e(10,` -`)),i&2&&(m(4),S(r.label),m(2),d("disabled",r.isDisabled)("errorStateMatcher",r.errorMatcher)("regex",r.regex)("required",r.isRequired)("ngModel",r.value),m(2),M(8,r.hint?8:-1),m(),M(9,r.invalid?9:-1))},dependencies:[ke,ye,$,Ve,Se,Le,Ae,Ce,ge,xe,be,z,Pe],styles:["[_nghost-%COMP%]{-webkit-user-select:none;user-select:none}"]});let n=t;return n})();function Ye(n,t){if(n&1&&(e(0,` - `),p(1,"div",5),e(2,` - `),l(3,"cn-select",6),e(4,` - `),l(5,"cn-checkbox",7),e(6,` - `),l(7,"cn-select",8),e(8,` - `),l(9,"cn-select",9),e(10,` - `),u(),e(11,` - `)),n&2){let a=x();m(3),d("options",a.versions),m(4),d("multiple",!0)("options",a.loaders),m(2),d("multiple",!0)("options",a.platforms)}}function et(n,t){n&1&&(e(0,` - `),p(1,"div",5),e(2,` - `),l(3,"cn-input",10),e(4,` - `),l(5,"cn-checkbox",11),e(6,` - `),l(7,"cn-input",12),e(8,` - `),l(9,"cn-input",13),e(10,` - `),u(),e(11,` - `))}function tt(n,t){n&1&&(e(0,` - `),p(1,"div",5),e(2,` - `),l(3,"cn-textarea",14),e(4,` - `),u(),e(5,` - `))}function ot(n,t){n&1&&(e(0,` - `),p(1,"div",5),e(2,` - `),l(3,"cn-input",15),e(4,` - `),l(5,"cn-input",16),e(6,` - `),l(7,"cn-input",17),e(8,` - `),u(),e(9,` - `))}var Ge=(()=>{let t=class t extends Oe{constructor(o){super(),this.breakpointObserver=o,this.stepperOrientation$=this.breakpointObserver.observe("(min-width: 46.25rem)").pipe(B(({matches:i})=>i?"horizontal":"vertical"),this.takeUntil()),this.steps=[{label:"Minecraft and loaders"},{label:"Project details"},{label:"Project description",hasNext:()=>!this.form.controls.crystalNestMod.value},{label:"Ownership",isVisible:()=>!this.form.controls.crystalNestMod.value}],this.platforms={maven:"Maven",github:"GitHub",modrinth:"Modrinth",curseforge:"CurseForge"},this.neoforgeTransitionVersion=20,this.loaders=U({},N)}ngOnChanges(o){o.versions&&this.form.controls.minecraftVersion.setValue(Object.values(this.versions)[0])}ngOnInit(){this.valueChanges("minecraftVersion",o=>{let[i,r]=o.split(".").slice(1).map(c=>+c);ic!=="neoforge")),this.form.controls.loaders.setValidators([s.required,g.notInclude("neoforge")]),delete this.loaders.neoforge):i>this.neoforgeTransitionVersion?(this.form.controls.loaders.setValue(Object.keys(N).filter(c=>c!=="forge")),this.form.controls.loaders.setValidators([s.required,g.notInclude("forge")]),delete this.loaders.forge):(this.form.controls.loaders.setValidators(s.required),this.loaders=U({},N),this.form.controls.loaders.setValue(Object.keys(N)))},(o,i)=>!!(i&&o)),this.valueChanges("autogenModId",o=>{o?(this.form.controls.modId.disable(),this.form.controls.modIdKebab.disable(),this.updateModId(this.form.controls.modTitle.value)):(this.form.controls.modId.enable(),this.form.controls.modIdKebab.enable())}),this.valueChanges("modTitle",o=>this.updateModId(o),o=>(o??0)===o&&this.form.controls.autogenModId.value),this.valueChanges("crystalNestMod",o=>{o?(this.form.controls.group.disable(),this.form.controls.authors.disable(),this.form.controls.githubUser.disable(),this.form.controls.group.setValue(A),this.form.controls.authors.setValue(L.join(", ")),this.form.controls.githubUser.setValue(P),this.form.controls.group.setValidators(s.required),this.form.controls.authors.setValidators(s.required),this.form.controls.githubUser.setValidators(s.required)):(this.form.controls.group.enable(),this.form.controls.authors.enable(),this.form.controls.githubUser.enable(),this.form.controls.group.setValue(""),this.form.controls.authors.setValue(""),this.form.controls.githubUser.setValue(""),this.form.controls.group.setValidators([s.required,g.notInclude(A,".idea","common","fabric","forge","neoforge","gradle","wrapper","src","main","java","resources","mixin","platform","model","services","META-INF"),s.pattern("^([a-z]+(.|_))*[a-z]+$")]),this.form.controls.authors.setValidators([s.required,g.notInclude(...L)]),this.form.controls.githubUser.setValidators([s.required,g.notMatch(P)])),this.form.controls.group.updateValueAndValidity(),this.form.controls.authors.updateValueAndValidity(),this.form.controls.githubUser.updateValueAndValidity()})}initForm(){return{minecraftVersion:new f("",{nonNullable:!0,validators:s.required}),group:new f(A,{nonNullable:!0,validators:s.required}),authors:new f(L.join(", "),{nonNullable:!0,validators:s.required}),modTitle:new f("Cobweb Mod Skeleton",{nonNullable:!0,validators:g.modTitle}),modId:new f("cobweb_mod_skeleton",{nonNullable:!0,validators:g.modId("_")}),modIdKebab:new f("cobweb-mod-template",{nonNullable:!0,validators:g.modId("-")}),loaders:new f(["fabric","forge","neoforge"],{nonNullable:!0,validators:s.required}),platforms:new f(["maven","github","modrinth","curseforge"],{nonNullable:!0,validators:s.required}),githubUser:new f(P,{nonNullable:!0,validators:s.required}),description:new f("MultiLoader Mod Skeleton!",{nonNullable:!0,validators:s.required}),crystalNestMod:new f(!0,{nonNullable:!0,validators:s.required}),autogenModId:new f(!0,{nonNullable:!0,validators:s.required}),includeConfig:new f(!0,{nonNullable:!0,validators:s.required})}}updateModId(o){this.form.controls.modId.setValue(this.parseModTitle(o,"_")),this.form.controls.modIdKebab.setValue(this.parseModTitle(o,"-"))}parseModTitle(o,i){return o.toLowerCase().replaceAll(/[^0-9a-z]/g," ").trim().replaceAll(" ",i)}};t.\u0275fac=function(i){return new(i||t)(v(le))},t.\u0275cmp=C({type:t,selectors:[["cn-generator-form"]],inputs:{versions:[V.HasDecoratorInputTransform,"versions","versions",o=>o||{}]},standalone:!0,features:[k,I,K,_],decls:19,vars:6,consts:[[3,"formGroup"],["formControlName","crystalNestMod","label","Are you a Crystal Nest's member?",1,"cn-cell-3"],[3,"orientation","steps"],["step",""],["icon","download","label","Download",3,"isDisabled","click"],[1,"cn-grid"],["formControlName","minecraftVersion","hint","Target Minecraft version","label","Minecraft version",1,"cn-cell-6",3,"options"],["formControlName","includeConfig","label","Include configuration",1,"cn-cell-6"],["formControlName","loaders","hint","Which mod loaders to support","label","Loaders",1,"cn-cell-6",3,"multiple","options"],["formControlName","platforms","hint","Which platforms to publish on","label","Platforms",1,"cn-cell-6",3,"multiple","options"],["formControlName","modTitle","hint","Mod name","label","Mod title",1,"cn-cell-6"],["formControlName","autogenModId","label","Autogenerate IDs",1,"cn-cell-6"],["formControlName","modId","hint","Mod unique identifier","label","Mod ID","regex","^[a-z0-9_]+$",1,"cn-cell-6"],["formControlName","modIdKebab","hint","Mod ID for URLs and packages","label","Mod ID kebab-case","regex","^[a-z0-9-]+$",1,"cn-cell-6"],["formControlName","description","hint","Allows for multiline text","label","Mod description",1,"cn-cell-12"],["formControlName","group","hint","Java group, es. `it.crystalnest`","label","Java group",1,"cn-cell-4"],["formControlName","authors","hint","List of authors separated by a comma","label","Mod authors",1,"cn-cell-4"],["formControlName","githubUser","hint","Name of the GitHub account/organization where the source code is hosted","label","GitHub owner",1,"cn-cell-4"]],template:function(i,r){i&1&&(p(0,"form",0),e(1,` - `),l(2,"cn-toggle",1),e(3,` - `),p(4,"cn-stepper",2),w(5,"async"),e(6,` - `),h(7,Ye,12,5,"ng-template",3),e(8,` - `),h(9,et,12,0,"ng-template",3),e(10,` - `),h(11,tt,6,0,"ng-template",3),e(12,` - `),h(13,ot,10,0,"ng-template",3),e(14,` - `),u(),e(15,` -`),u(),e(16,` -`),p(17,"cn-button",4),T("click",function(){return r.emitSubmit()}),u(),e(18,` -`)),i&2&&(d("formGroup",r.form),m(4),d("orientation",F(5,4,r.stepperOrientation$))("steps",r.steps),m(13),d("isDisabled",!r.validity))},dependencies:[q,R,me,De,Ne,$,Te,we,Fe,$e,Ee,Re,je,ze,E,Ue],styles:["[_nghost-%COMP%] cn-checkbox[_ngcontent-%COMP%]{padding-bottom:1.5rem}"]});let n=t;return n})();var oo=(()=>{let t=class t extends he{constructor(o){super(),this.store$=o,this.versions$=this.store$.select(G.selectMinecraftVersions),this.form$=this.store$.select(G.selectForm),this.store$.dispatch(ve())}buildSkeleton(o){this.store$.dispatch(_e(o))}};t.\u0275fac=function(i){return new(i||t)(v(pe))},t.\u0275cmp=C({type:t,selectors:[["cn-generator"]],standalone:!0,features:[ie([Me]),I,_],decls:17,vars:6,consts:[[3,"formData","versions","onSubmit"]],template:function(i,r){i&1&&(e(0,`This generator assumes the use of IntelliJ IDEA as IDE. -`),l(1,"br"),e(2,` -It assumes you will publish your code publicly on GitHub. -`),l(3,"br"),e(4,` -The default license is GPL-3.0, but you can change it to the one that better fits your needs. -`),l(5,"br"),e(6,` -If you do not publish your source code on GitHub, make sure to change the automatically generated changelog string when publishing your version (in the root build.gradle) to point to the correct changelog. -`),l(7,"br"),e(8,` - -`),p(9,"cn-generator-form",0),T("onSubmit",function(y){return r.buildSkeleton(y)}),w(10,"async"),w(11,"async"),u(),e(12,` - -`),l(13,"br"),e(14,` -Follow the instruction on the readme to finish the setup! -`),l(15,"br"),e(16,` -More questions? Come chat on our Discord! -`)),i&2&&(m(9),d("formData",F(10,2,r.form$))("versions",F(11,4,r.versions$)))},dependencies:[q,se,Ge],styles:["[_nghost-%COMP%]{padding:2rem}@media (max-width: 46.25rem){[_nghost-%COMP%]{padding:1rem}}"]});let n=t;return n})();export{oo as GeneratorComponent}; diff --git a/docs/chunk-OTXAL4XO.js b/docs/chunk-OTXAL4XO.js new file mode 100644 index 0000000..1d4d7f1 --- /dev/null +++ b/docs/chunk-OTXAL4XO.js @@ -0,0 +1,72 @@ +import{a as Me,c as ye,g as H,h as q,j as L,n as $,s as Te}from"./chunk-HS6QBH67.js";import{a as Ie,b as l,c as Se,d as z,e as Ne,f as h,g as we,h as Fe,i as Oe,j as ke,k as Pe,l as De,m as Ve,n as N,p as Ae,q as Ee,r as qe,s as U,t as Le,u as $e,v as ze,w as Ue,x as je,y as Ge}from"./chunk-WB7E7LYY.js";import{i as Ce,j as xe,k as be,l as _e,q as ve}from"./chunk-XO4FADRN.js";import{o as de,v as ue,w as fe,x as he,y as ge,z as E}from"./chunk-IZFIIXU2.js";import"./chunk-543JV44P.js";import{Y as ce,d as me,w as pe}from"./chunk-OR7O3O7G.js";import{k as se,l as le,m as V,n as A}from"./chunk-3OV2KVJT.js";import{$b as ie,Bb as p,Db as B,Gb as b,Hb as Y,Jb as ee,K,Kb as te,Lb as c,Mb as d,Nb as m,Ob as ne,Ub as I,Wb as f,_b as oe,a as R,ac as re,bc as P,cc as D,ec as e,fc as S,ic as ae,lc as M,ob as s,oc as w,pb as v,pc as F,ra as O,rb as W,sa as _,u as Q,ua as Z,ub as X,wa as J,wb as T,xb as k,zb as g}from"./chunk-LNVCPBNY.js";var x=class x{static notInclude(...n){return r=>{if(r.value){if(typeof r.value=="string"&&n.some(t=>x.includes(r.value,t)))return{notInclude:!0};if(Array.isArray(r.value)&&n.some(t=>r.value.some(i=>x.includes(i,t))))return{notInclude:!0}}return null}}static notMatch(...n){return r=>r.value&&n.some(t=>r.value.toLowerCase().trim()===t.toLowerCase().trim())?{notMatch:!0}:null}static modId(n){return[...x.modTitle,l.pattern(`[a-z0-9${n}]+`)]}static includes(n,r){return n.toLowerCase().trim().includes(r.toLowerCase().trim())}};x.modIdMinLength=3,x.modIdMaxLength=63,x.modTitle=[l.required,l.minLength(x.modIdMinLength),l.maxLength(x.modIdMaxLength)];var C=x;var G=(()=>{let n=class n{};n.\u0275fac=function(i){return new(i||n)},n.\u0275dir=Z({type:n,selectors:[["","step",""]],standalone:!0});let o=n;return o})();function Ke(o,n){if(o&1&&e(0),o&2){let r=f(2).$implicit;S(r.label)}}function Ze(o,n){o&1&&(e(0,` + `),m(1,"cn-button",5),e(2,` + `))}function Je(o,n){o&1&&(e(0,` + `),m(1,"cn-button",6),e(2,` + `))}function We(o,n){if(o&1&&(e(0,` + `),c(1,"mat-step"),e(2,` + `),g(3,Ke,1,1,"ng-template",2),e(4,` + `),ne(5,3),e(6,` + `),c(7,"div",4),e(8,` + `),g(9,Ze,3,0)(10,Je,3,0),d(),e(11,` + `),d(),e(12,` + `)),o&2){let r=f(),t=r.$index,i=r.$implicit,a=f();s(5),p("ngTemplateOutlet",a.contents.get(t)),s(4),b(9,(!i.hasBack||i.hasBack())&&t>0?9:-1),s(),b(10,(!i.hasNext||i.hasNext())&&t{let n=class n{constructor(){this.orientation="horizontal",this.steps=[]}};n.\u0275fac=function(i){return new(i||n)},n.\u0275cmp=_({type:n,selectors:[["cn-stepper"]],contentQueries:function(i,a,u){if(i&1&&ie(u,G,4,oe),i&2){let y;P(y=D())&&(a.contents=y)}},inputs:{orientation:[O.HasDecoratorInputTransform,"orientation","orientation",t=>t||"horizontal"],steps:"steps"},standalone:!0,features:[k,M],decls:6,vars:2,consts:[["animationDuration","0",3,"linear","orientation"],["stepper",""],["matStepLabel",""],[3,"ngTemplateOutlet"],[1,"cn-stepper-footer"],["icon","keyboard_arrow_left","label","Previous","stepperKind","previous"],["icon","keyboard_arrow_right","label","Next","stepperKind","next"]],template:function(i,a){i&1&&(c(0,"mat-stepper",0,1),e(2,` + `),ee(3,Xe,2,1,null,null,Y),d(),e(5,` +`)),i&2&&(p("linear",!0)("orientation",a.orientation),s(3),te(a.steps))},dependencies:[A,le,ge,fe,ue,he,E],styles:["[_nghost-%COMP%] .cn-stepper-footer[_ngcontent-%COMP%]{display:grid;grid-auto-flow:column;margin-top:24px}[_nghost-%COMP%] .cn-stepper-footer[_ngcontent-%COMP%] > cn-button[stepperkind=previous][_ngcontent-%COMP%]{justify-self:flex-start}[_nghost-%COMP%] .cn-stepper-footer[_ngcontent-%COMP%] > cn-button[stepperkind=next][_ngcontent-%COMP%]{justify-self:flex-end}"]});let o=n;return o})();function et(o,n){if(o&1&&(c(0,"mat-hint"),e(1),d()),o&2){let r=f();s(),S(r.hint)}}function tt(o,n){if(o&1&&(c(0,"mat-error"),e(1),d()),o&2){let r=f();s(),S(r.errorMessage)}}var Be=(()=>{let n=class n extends Ee{constructor(t,i,a){super(i,a),this.ngZone=t,this.regex=/(.|\n)*/}blur(){this.onTouched()}input(){this.writeValue(this.value)}resize(){this.ngZone.onStable.pipe(K(1)).subscribe(()=>this.textarea.resizeToFitContent(!0))}};n.\u0275fac=function(i){return new(i||n)(v(X),v(Se),v(W))},n.\u0275cmp=_({type:n,selectors:[["cn-textarea"]],viewQuery:function(i,a){if(i&1&&re(U,5),i&2){let u;P(u=D())&&(a.textarea=u.first)}},inputs:{regex:"regex"},standalone:!0,features:[T,M],decls:11,vars:8,consts:[["appearance","outline","floatLabel","auto"],["autocomplete","off","cdkAutosizeMaxRows","16","cdkAutosizeMinRows","1","cdkTextareaAutosize","","charFilter","","matInput","",3,"disabled","errorStateMatcher","regex","required","ngModel","ngModelChange","blur","input"]],template:function(i,a){i&1&&(e(0,` +`),c(1,"mat-form-field",0),e(2,` + `),c(3,"mat-label"),e(4),d(),e(5,` + `),c(6,"textarea",1),I("ngModelChange",function(y){return a.value=y})("blur",function(){return a.blur()})("input",function(){return a.input()}),d(),e(7,` + `),g(8,et,2,1,"mat-hint")(9,tt,2,1,"mat-error"),d(),e(10,` +`)),i&2&&(s(4),S(a.label),s(2),p("disabled",a.isDisabled)("errorStateMatcher",a.errorMatcher)("regex",a.regex)("required",a.isRequired)("ngModel",a.value),s(2),b(8,a.hint?8:-1),s(),b(9,a.invalid?9:-1))},dependencies:[De,Ie,z,Pe,we,$e,Le,ve,xe,_e,be,U,ze],styles:["[_nghost-%COMP%]{-webkit-user-select:none;user-select:none}"]});let o=n;return o})();function nt(o,n){if(o&1&&(e(0,` + `),c(1,"div",6),e(2,` + `),m(3,"cn-select",7),e(4,` + `),m(5,"cn-checkbox",8),e(6,` + `),m(7,"cn-select",9),e(8,` + `),m(9,"cn-select",10),e(10,` + `),d(),e(11,` + `)),o&2){let r=f(),t=f();s(3),p("ngClass",t.getCellSpan(r,6))("options",t.versions),s(2),p("ngClass",t.getCellSpan(r,6)+" "+r),s(2),p("multiple",!0)("ngClass",t.getCellSpan(r,6))("options",t.loaders),s(2),p("multiple",!0)("ngClass",t.getCellSpan(r,6))("options",t.platforms)}}function ot(o,n){if(o&1&&(e(0,` + `),c(1,"div",6),e(2,` + `),m(3,"cn-input",11),e(4,` + `),m(5,"cn-checkbox",12),e(6,` + `),m(7,"cn-input",13),e(8,` + `),m(9,"cn-input",14),e(10,` + `),d(),e(11,` + `)),o&2){let r=f(),t=f();s(3),p("ngClass",t.getCellSpan(r,6)),s(2),p("ngClass",t.getCellSpan(r,6)+" "+r),s(2),p("ngClass",t.getCellSpan(r,6)),s(2),p("ngClass",t.getCellSpan(r,6))}}function it(o,n){if(o&1&&(e(0,` + `),c(1,"div",6),e(2,` + `),m(3,"cn-textarea",15),e(4,` + `),d(),e(5,` + `)),o&2){let r=f();s(),B("short-step",r==="horizontal")}}function rt(o,n){if(o&1&&(e(0,` + `),c(1,"div",6),e(2,` + `),m(3,"cn-input",16),e(4,` + `),m(5,"cn-input",17),e(6,` + `),m(7,"cn-input",18),e(8,` + `),d(),e(9,` + `)),o&2){let r=f(),t=f();s(),B("short-step",r==="horizontal"),s(2),p("ngClass",t.getCellSpan(r,4)),s(2),p("ngClass",t.getCellSpan(r,4)),s(2),p("ngClass",t.getCellSpan(r,4))}}function at(o,n){if(o&1&&(e(0,` + `),c(1,"cn-stepper",4),e(2,` + `),g(3,nt,12,9,"ng-template",5),e(4,` + `),g(5,ot,12,4,"ng-template",5),e(6,` + `),g(7,it,6,2,"ng-template",5),e(8,` + `),g(9,rt,10,5,"ng-template",5),e(10,` + `),d(),e(11,` + `)),o&2){let r=f();s(),p("orientation",n)("steps",r.steps)}}var He=(()=>{let n=class n extends Ae{constructor(t){super(),this.breakpointObserver=t,this.stepperOrientation$=this.breakpointObserver.observe("(min-width: 46.25rem)").pipe(Q(({matches:i})=>i?"horizontal":"vertical"),this.takeUntil()),this.steps=[{label:"Minecraft and loaders"},{label:"Project details"},{label:"Project description",hasNext:()=>!this.form.controls.crystalNestMod.value},{label:"Ownership",isVisible:()=>!this.form.controls.crystalNestMod.value}],this.platforms={maven:"Maven",github:"GitHub",modrinth:"Modrinth",curseforge:"CurseForge"},this.neoforgeTransitionVersion=20,this.loaders=R({},N)}ngOnChanges(t){t.versions&&this.form.controls.minecraftVersion.setValue(Object.values(this.versions)[0])}ngOnInit(){this.valueChanges("minecraftVersion",t=>{let[i,a]=t.split(".").slice(1).map(u=>+u);iu!=="neoforge")),this.form.controls.loaders.setValidators([l.required,C.notInclude("neoforge")]),delete this.loaders.neoforge):i>this.neoforgeTransitionVersion?(this.form.controls.loaders.setValue(Object.keys(N).filter(u=>u!=="forge")),this.form.controls.loaders.setValidators([l.required,C.notInclude("forge")]),delete this.loaders.forge):(this.form.controls.loaders.setValidators(l.required),this.loaders=R({},N),this.form.controls.loaders.setValue(Object.keys(N)))},(t,i)=>!!(i&&t)),this.valueChanges("autogenModId",t=>{t?(this.form.controls.modId.disable(),this.form.controls.modIdKebab.disable(),this.updateModId(this.form.controls.modTitle.value)):(this.form.controls.modId.enable(),this.form.controls.modIdKebab.enable())}),this.valueChanges("modTitle",t=>this.updateModId(t),t=>(t??0)===t&&this.form.controls.autogenModId.value),this.valueChanges("crystalNestMod",t=>{t?(this.form.controls.group.disable(),this.form.controls.authors.disable(),this.form.controls.githubUser.disable(),this.form.controls.group.setValue(q),this.form.controls.authors.setValue(L.join(", ")),this.form.controls.githubUser.setValue($),this.form.controls.group.setValidators(l.required),this.form.controls.authors.setValidators(l.required),this.form.controls.githubUser.setValidators(l.required)):(this.form.controls.group.enable(),this.form.controls.authors.enable(),this.form.controls.githubUser.enable(),this.form.controls.group.setValue(""),this.form.controls.authors.setValue(""),this.form.controls.githubUser.setValue(""),this.form.controls.group.setValidators([l.required,C.notInclude(q,".idea","common","fabric","forge","neoforge","gradle","wrapper","src","main","java","resources","mixin","platform","model","services","META-INF"),l.pattern("^([a-z]+(.|_))*[a-z]+$")]),this.form.controls.authors.setValidators([l.required,C.notInclude(...L)]),this.form.controls.githubUser.setValidators([l.required,C.notMatch($)])),this.form.controls.group.markAsPristine(),this.form.controls.group.markAsUntouched(),this.form.controls.authors.markAsPristine(),this.form.controls.authors.markAsUntouched(),this.form.controls.githubUser.markAsPristine(),this.form.controls.githubUser.markAsUntouched()})}getCellSpan(t,i){switch(t){case"vertical":return"cn-cell-12";case"horizontal":default:return`cn-cell-${i}`}}initForm(){return{minecraftVersion:new h("",{nonNullable:!0,validators:l.required}),group:new h(q,{nonNullable:!0,validators:l.required}),authors:new h(L.join(", "),{nonNullable:!0,validators:l.required}),modTitle:new h("Cobweb Mod Skeleton",{nonNullable:!0,validators:C.modTitle}),modId:new h("cobweb_mod_skeleton",{nonNullable:!0,validators:C.modId("_")}),modIdKebab:new h("cobweb-mod-template",{nonNullable:!0,validators:C.modId("-")}),loaders:new h(["fabric","forge","neoforge"],{nonNullable:!0,validators:l.required}),platforms:new h(["maven","github","modrinth","curseforge"],{nonNullable:!0,validators:l.required}),githubUser:new h($,{nonNullable:!0,validators:l.required}),description:new h("MultiLoader Mod Skeleton!",{nonNullable:!0,validators:l.required}),crystalNestMod:new h(!1,{nonNullable:!0,validators:l.required}),autogenModId:new h(!0,{nonNullable:!0,validators:l.required}),includeConfig:new h(!0,{nonNullable:!0,validators:l.required})}}updateModId(t){this.form.controls.modId.setValue(this.parseModTitle(t,"_")),this.form.controls.modIdKebab.setValue(this.parseModTitle(t,"-"))}parseModTitle(t,i){return t.toLowerCase().replaceAll(/[^0-9a-z]/g," ").trim().replaceAll(" ",i)}};n.\u0275fac=function(i){return new(i||n)(v(pe))},n.\u0275cmp=_({type:n,selectors:[["cn-generator-form"]],inputs:{versions:[O.HasDecoratorInputTransform,"versions","versions",t=>t||{}]},standalone:!0,features:[k,T,J,M],decls:12,vars:5,consts:[[3,"formGroup"],[1,"cn-grid","form-footer"],["formControlName","crystalNestMod","label","Are you a Crystal Nest's member?",1,"cn-cell-8"],["icon","download","label","Download",1,"cn-cell-4","align-self-end",3,"isDisabled","click"],[3,"orientation","steps"],["step",""],[1,"cn-grid"],["formControlName","minecraftVersion","hint","Target Minecraft version","label","Minecraft version",3,"ngClass","options"],["formControlName","includeConfig","label","Include configuration",3,"ngClass"],["formControlName","loaders","hint","Which mod loaders to support","label","Loaders",3,"multiple","ngClass","options"],["formControlName","platforms","hint","Which platforms to publish on","label","Platforms",3,"multiple","ngClass","options"],["formControlName","modTitle","hint","Mod name","label","Mod title",3,"ngClass"],["formControlName","autogenModId","label","Autogenerate IDs",3,"ngClass"],["formControlName","modId","hint","Mod unique identifier","label","Mod ID","regex","^[a-z0-9_]+$",3,"ngClass"],["formControlName","modIdKebab","hint","Mod ID for URLs and packages","label","Mod ID kebab-case","regex","^[a-z0-9-]+$",3,"ngClass"],["formControlName","description","hint","Allows for multiline text","label","Mod description",1,"cn-cell-12"],["formControlName","group","hint","Java group","label","Java group",3,"ngClass"],["formControlName","authors","hint","Comma separaed authors","label","Mod authors",3,"ngClass"],["formControlName","githubUser","hint","GitHub name","label","GitHub owner",3,"ngClass"]],template:function(i,a){if(i&1&&(c(0,"form",0),e(1,` + `),g(2,at,12,2),w(3,"async"),c(4,"div",1),e(5,` + `),m(6,"cn-toggle",2),e(7,` + `),c(8,"cn-button",3),I("click",function(){return a.emitSubmit()}),d(),e(9,` + `),d(),e(10,` +`),d(),e(11,` +`)),i&2){let u;p("formGroup",a.form),s(2),b(2,(u=F(3,3,a.stepperOrientation$))?2:-1,u),s(6),p("isDisabled",!a.validity)}},dependencies:[A,se,V,G,ce,Ve,Fe,z,Ne,Oe,ke,Ue,qe,Re,Ge,je,E,Be],styles:["[_nghost-%COMP%] form[_ngcontent-%COMP%]{min-width:28.25rem}[_nghost-%COMP%] form[_ngcontent-%COMP%] cn-checkbox.horizontal[_ngcontent-%COMP%]{padding-bottom:1.25rem}[_nghost-%COMP%] form[_ngcontent-%COMP%] cn-checkbox.vertical[_ngcontent-%COMP%]{padding-bottom:.75rem}[_nghost-%COMP%] form[_ngcontent-%COMP%] .short-step[_ngcontent-%COMP%]{align-items:center;height:156px}[_nghost-%COMP%] form[_ngcontent-%COMP%] .form-footer[_ngcontent-%COMP%]{padding:1rem}"]});let o=n;return o})();var an=(()=>{let n=class n extends Ce{constructor(t){super(),this.store$=t,this.versions$=this.store$.select(H.selectMinecraftVersions),this.form$=this.store$.select(H.selectForm),this.store$.dispatch(Me())}buildSkeleton(t){this.store$.dispatch(ye(t))}};n.\u0275fac=function(i){return new(i||n)(v(de))},n.\u0275cmp=_({type:n,selectors:[["cn-generator"]],standalone:!0,features:[ae([Te]),T,M],decls:17,vars:6,consts:[[3,"formData","versions","onSubmit"]],template:function(i,a){i&1&&(e(0,`This generator assumes the use of IntelliJ IDEA as IDE. +`),m(1,"br"),e(2,` +It assumes you will publish your code publicly on GitHub. +`),m(3,"br"),e(4,` +The default license is GPL-3.0, but you can change it to the one that better fits your needs. +`),m(5,"br"),e(6,` +If you do not publish your source code on GitHub, make sure to change the automatically generated changelog string when publishing your version (in the root build.gradle) to point to the correct changelog. +`),m(7,"br"),e(8,` + +`),c(9,"cn-generator-form",0),I("onSubmit",function(y){return a.buildSkeleton(y)}),w(10,"async"),w(11,"async"),d(),e(12,` + +`),m(13,"br"),e(14,` +Follow the instruction on the readme to finish the setup! +`),m(15,"br"),e(16,` +More questions? Come chat on our Discord! +`)),i&2&&(s(9),p("formData",F(10,2,a.form$))("versions",F(11,4,a.versions$)))},dependencies:[V,me,He],styles:["[_nghost-%COMP%]{padding:2rem}@media (max-width: 46.25rem){[_nghost-%COMP%]{padding:1rem}}"]});let o=n;return o})();export{an as GeneratorComponent}; diff --git a/docs/index.html b/docs/index.html index 10aea37..cff5dd6 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,8 +13,8 @@ + - + diff --git a/docs/main-4TJB3QG5.js b/docs/main-YLTNOBZA.js similarity index 99% rename from docs/main-4TJB3QG5.js rename to docs/main-YLTNOBZA.js index a3a3281..0fd9433 100644 --- a/docs/main-4TJB3QG5.js +++ b/docs/main-YLTNOBZA.js @@ -249,7 +249,7 @@ ${JSON.stringify(s,null,2)} `,"\\n")}`],[rr,u,_],fe,[/.*curse.*\n/,"",C.includes("curseforge")],...Y]));break;case G.endsWith("README.md"):v.file(this.process(G,[b]),this.alter(X,[[za,"Banner link here...",_],[`github.com/${rr}`,`github.com/${u}`,_],y,A,w,[Va,`**Support us** Social links here... -`,_],[/-.*configuration.*\n/,"",m],...Y]));break;case G.endsWith("settings.gradle"):v.file(this.process(G,[b]),this.alter(X,[A,...Y]));break;case(G.endsWith(".jar")||G.endsWith(".png")):v.file(this.process(G,[b,w,A]),X.async("arraybuffer"));break;case G.endsWith("CommonModLoader.java"):v.file(this.process(G,[b,W,w]),this.alter(X,[[/\n.*config.*\n */gi,"",P],I,w]));break;case G.endsWith("fabric.mod.json"):v.file(this.process(G,[b]),this.alter(X,[[/,\n.*fcap.*/,"",P],[/https.*modrinth.*mod\//,a.includes("curseforge")?"www.curseforge.com/minecraft/mc-mods/":"github.com/${github_user}/",C.includes("modrinth")]]));break;case G.endsWith("mods.toml"):v.file(this.process(G,[b]),this.alter(X,[[/.*(\n.*){3}fcap(.*\n){3}/,"",P],["updateJSONURL","#updateJSONURL",C.includes("modrinth")]]));break;default:v.file(this.process(G,[b,W,I,w]),this.alter(X,[I,A,w]));break}this.store$.dispatch($n({increment:R}))}),this.store$.dispatch(gt({progress:100})),this.store$.dispatch(Qe({loadingType:"indeterminate",force:!0})),this.removeEmptyDirs(v)}processBuildGradle(n,r,o){let a=n;return r.length&&(r.includes("fabric")&&(a=a.replace(/isFabric \? remapJar : jar/,"jar").replace(/, "fabric\.mod\.json"/,"").replace(/.*(isFabric|fabric-loom).*\n(\s+}\n)?/gi,"")),r.includes("forge")&&r.includes("neoforge")&&(a=a.replace(/, "META-INF\/mods.toml"/,"")),a=a.replace(new RegExp(`^\\s+"(${r.join("|")}).*\\n|(.*\\b(${r.join("|")})".+)+(\\n.+)+?(\\s*break)\\n?`,"gim"),"")),o.length&&(o.forEach(s=>{switch(s){case"maven":a=a.replace(/\n publishing(.*\n)+(\s+}){4,}\n/gi,"").replace(/.*\bpublish\b.*\n/g,"");break;case"github":a=a.replace(/.*github.* {(\n.*?)+?^ }\n/gim,"").replace(/^ +github.*\n/gim,"");break;case"modrinth":a=a.replace(/.*modrinth.* {(\n.*?)+?^ }\n/gim,"").replace(/.*modrinth.*\n/gi,"");break;case"curseforge":a=a.replace(/.*curse.* {(\n.*?)+?^ }\n/gim,"").replace(/.*curse.*\n/gi,"");break}}),o.includes("github")&&o.includes("modrinth")&&o.includes("curseforge")&&(a=a.replace(/.*publisher {(\n.*?)+?^ }\n\n/m,"").replace(/.*publishMod.*\n/,""))),a}loadersChanges(n){return n.flatMap(r=>[[new RegExp(`maven.+\\n.+"${r}"\\n.+\\n.+\\s+`,"i"),""],[new RegExp(`include\\("${r}"\\)\\n`,"i"),""],[new RegExp(`# ${r}\\n.*\\n.*\\n\\n`,"i"),""],[new RegExp(`\\[!\\[${r}.+l=${r}\\)(!.{95})?`,"i"),""]])}alter(n,r){return go(this,null,function*(){return this.process(yield n.async("string"),r)})}process(n,r){return r.reduce((o,[a,s,d])=>d??!0?o[typeof a=="string"?"replaceAll":"replace"](a,s):o,n)}removeEmptyDirs(n){for(let r of n.filter((o,a)=>a.dir&&this.isEmptyDir(n.files,o)).map(o=>o.name))n.remove(r);return n}isEmptyDir(n,r){for(let[o,a]of Object.entries(n))if(a.dir){if(o.startsWith(r)&&o!==r)return!1}else if(o.startsWith(r))return!1;return!0}};t.\u0275fac=function(r){return new(r||t)(F(Lt),F(se),F(Jn))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();function ze(e){return Array.isArray?Array.isArray(e):fl(e)==="[object Array]"}var Rf=1/0;function Hf(e){if(typeof e=="string")return e;let t=e+"";return t=="0"&&1/e==-Rf?"-0":t}function Ff(e){return e==null?"":Hf(e)}function Be(e){return typeof e=="string"}function ll(e){return typeof e=="number"}function Nf(e){return e===!0||e===!1||Lf(e)&&fl(e)=="[object Boolean]"}function dl(e){return typeof e=="object"}function Lf(e){return dl(e)&&e!==null}function pe(e){return e!=null}function qr(e){return!e.trim().length}function fl(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}var zf="Incorrect 'index' type",Vf=e=>`Invalid value for key ${e}`,Xf=e=>`Pattern length exceeds max of ${e}.`,Uf=e=>`Missing ${e} property in key`,jf=e=>`Property 'weight' in key '${e}' must be a positive integer`,il=Object.prototype.hasOwnProperty,eo=class{constructor(t){this._keys=[],this._keyMap={};let i=0;t.forEach(n=>{let r=hl(n);this._keys.push(r),this._keyMap[r.id]=r,i+=r.weight}),this._keys.forEach(n=>{n.weight/=i})}get(t){return this._keyMap[t]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}};function hl(e){let t=null,i=null,n=null,r=1,o=null;if(Be(e)||ze(e))n=e,t=rl(e),i=to(e);else{if(!il.call(e,"name"))throw new Error(Uf("name"));let a=e.name;if(n=a,il.call(e,"weight")&&(r=e.weight,r<=0))throw new Error(jf(a));t=rl(a),i=to(a),o=e.getFn}return{path:t,id:i,weight:r,src:n,getFn:o}}function rl(e){return ze(e)?e:e.split(".")}function to(e){return ze(e)?e.join("."):e}function Wf(e,t){let i=[],n=!1,r=(o,a,s)=>{if(pe(o))if(!a[s])i.push(o);else{let d=a[s],c=o[d];if(!pe(c))return;if(s===a.length-1&&(Be(c)||ll(c)||Nf(c)))i.push(Ff(c));else if(ze(c)){n=!0;for(let l=0,f=c.length;le.score===t.score?e.idx{this._keysMap[i.id]=n})}create(){this.isCreated||!this.docs.length||(this.isCreated=!0,Be(this.docs[0])?this.docs.forEach((t,i)=>{this._addString(t,i)}):this.docs.forEach((t,i)=>{this._addObject(t,i)}),this.norm.clear())}add(t){let i=this.size();Be(t)?this._addString(t,i):this._addObject(t,i)}removeAt(t){this.records.splice(t,1);for(let i=t,n=this.size();i{let a=r.getFn?r.getFn(t):this.getFn(t,r.path);if(pe(a)){if(ze(a)){let s=[],d=[{nestedArrIndex:-1,value:a}];for(;d.length;){let{nestedArrIndex:c,value:l}=d.pop();if(pe(l))if(Be(l)&&!qr(l)){let f={v:l,i:c,n:this.norm.get(l)};s.push(f)}else ze(l)&&l.forEach((f,h)=>{d.push({nestedArrIndex:h,value:f})})}n.$[o]=s}else if(Be(a)&&!qr(a)){let s={v:a,n:this.norm.get(a)};n.$[o]=s}}}),this.records.push(n)}toJSON(){return{keys:this.keys,records:this.records}}};function ol(e,t,{getFn:i=O.getFn,fieldNormWeight:n=O.fieldNormWeight}={}){let r=new On({getFn:i,fieldNormWeight:n});return r.setKeys(e.map(hl)),r.setSources(t),r.create(),r}function qf(e,{getFn:t=O.getFn,fieldNormWeight:i=O.fieldNormWeight}={}){let{keys:n,records:r}=e,o=new On({getFn:t,fieldNormWeight:i});return o.setKeys(n),o.setIndexRecords(r),o}function Ri(e,{errors:t=0,currentLocation:i=0,expectedLocation:n=0,distance:r=O.distance,ignoreLocation:o=O.ignoreLocation}={}){let a=t/e.length;if(o)return a;let s=Math.abs(n-i);return r?a+s/r:s?1:a}function eh(e=[],t=O.minMatchCharLength){let i=[],n=-1,r=-1,o=0;for(let a=e.length;o=t&&i.push([n,r]),n=-1)}return e[o-1]&&o-n>=t&&i.push([n,o-1]),i}var wt=32;function th(e,t,i,{location:n=O.location,distance:r=O.distance,threshold:o=O.threshold,findAllMatches:a=O.findAllMatches,minMatchCharLength:s=O.minMatchCharLength,includeMatches:d=O.includeMatches,ignoreLocation:c=O.ignoreLocation}={}){if(t.length>wt)throw new Error(Xf(wt));let l=t.length,f=e.length,h=Math.max(0,Math.min(n,f)),u=o,m=h,S=s>1||d,v=S?Array(f):[],_;for(;(_=e.indexOf(t,m))>-1;){let b=Ri(t,{currentLocation:_,expectedLocation:h,distance:r,ignoreLocation:c});if(u=Math.min(b,u),m=_+l,S){let w=0;for(;w=y;Y-=1){let G=Y-1,X=i[e.charAt(G)];if(S&&(v[G]=+!!X),W[Y]=(W[Y+1]<<1|1)&X,b&&(W[Y]|=(P[Y+1]|P[Y])<<1|1|P[Y+1]),W[Y]&C&&(x=Ri(t,{errors:b,currentLocation:G,expectedLocation:h,distance:r,ignoreLocation:c}),x<=u)){if(u=x,m=G,m<=h)break;y=Math.max(1,2*h-m)}}if(Ri(t,{errors:b+1,currentLocation:h,expectedLocation:h,distance:r,ignoreLocation:c})>u)break;P=W}let R={isMatch:m>=0,score:Math.max(.001,x)};if(S){let b=eh(v,s);b.length?d&&(R.indices=b):R.isMatch=!1}return R}function nh(e){let t={};for(let i=0,n=e.length;i{this.chunks.push({pattern:h,alphabet:nh(h),startIndex:u})},f=this.pattern.length;if(f>wt){let h=0,u=f%wt,m=f-u;for(;h{let{isMatch:_,score:P,indices:x}=th(t,m,S,{location:r+v,distance:o,threshold:a,findAllMatches:s,minMatchCharLength:d,includeMatches:n,ignoreLocation:c});_&&(h=!0),f+=P,_&&x&&(l=[...l,...x])});let u={isMatch:h,score:h?f/this.chunks.length:1};return h&&n&&(u.indices=l),u}},Re=class{constructor(t){this.pattern=t}static isMultiMatch(t){return al(t,this.multiRegex)}static isSingleMatch(t){return al(t,this.singleRegex)}search(){}};function al(e,t){let i=e.match(t);return i?i[1]:null}var no=class extends Re{constructor(t){super(t)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(t){let i=t===this.pattern;return{isMatch:i,score:i?0:1,indices:[0,this.pattern.length-1]}}},io=class extends Re{constructor(t){super(t)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(t){let n=t.indexOf(this.pattern)===-1;return{isMatch:n,score:n?0:1,indices:[0,t.length-1]}}},ro=class extends Re{constructor(t){super(t)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(t){let i=t.startsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[0,this.pattern.length-1]}}},oo=class extends Re{constructor(t){super(t)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(t){let i=!t.startsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[0,t.length-1]}}},ao=class extends Re{constructor(t){super(t)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(t){let i=t.endsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[t.length-this.pattern.length,t.length-1]}}},so=class extends Re{constructor(t){super(t)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(t){let i=!t.endsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[0,t.length-1]}}},Fi=class extends Re{constructor(t,{location:i=O.location,threshold:n=O.threshold,distance:r=O.distance,includeMatches:o=O.includeMatches,findAllMatches:a=O.findAllMatches,minMatchCharLength:s=O.minMatchCharLength,isCaseSensitive:d=O.isCaseSensitive,ignoreLocation:c=O.ignoreLocation}={}){super(t),this._bitapSearch=new Hi(t,{location:i,threshold:n,distance:r,includeMatches:o,findAllMatches:a,minMatchCharLength:s,isCaseSensitive:d,ignoreLocation:c})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(t){return this._bitapSearch.searchIn(t)}},Ni=class extends Re{constructor(t){super(t)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(t){let i=0,n,r=[],o=this.pattern.length;for(;(n=t.indexOf(this.pattern,i))>-1;)i=n+o,r.push([n,i-1]);let a=!!r.length;return{isMatch:a,score:a?0:1,indices:r}}},co=[no,Ni,ro,oo,so,ao,io,Fi],sl=co.length,ih=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,rh="|";function oh(e,t={}){return e.split(rh).map(i=>{let n=i.trim().split(ih).filter(o=>o&&!!o.trim()),r=[];for(let o=0,a=n.length;o!!(e[Li.AND]||e[Li.OR]),ch=e=>!!e[uo.PATH],lh=e=>!ze(e)&&dl(e)&&!mo(e),cl=e=>({[Li.AND]:Object.keys(e).map(t=>({[t]:e[t]}))});function ul(e,t,{auto:i=!0}={}){let n=r=>{let o=Object.keys(r),a=ch(r);if(!a&&o.length>1&&!mo(r))return n(cl(r));if(lh(r)){let d=a?r[uo.PATH]:o[0],c=a?r[uo.PATTERN]:r[d];if(!Be(c))throw new Error(Vf(d));let l={keyId:to(d),pattern:c};return i&&(l.searcher=ho(c,t)),l}let s={children:[],operator:o[0]};return o.forEach(d=>{let c=r[d];ze(c)&&c.forEach(l=>{s.children.push(n(l))})}),s};return mo(e)||(e=cl(e)),n(e)}function dh(e,{ignoreFieldNorm:t=O.ignoreFieldNorm}){e.forEach(i=>{let n=1;i.matches.forEach(({key:r,norm:o,score:a})=>{let s=r?r.weight:null;n*=Math.pow(a===0&&s?Number.EPSILON:a,(s||1)*(t?1:o))}),i.score=n})}function fh(e,t){let i=e.matches;t.matches=[],pe(i)&&i.forEach(n=>{if(!pe(n.indices)||!n.indices.length)return;let{indices:r,value:o}=n,a={indices:r,value:o};n.key&&(a.key=n.key.src),n.idx>-1&&(a.refIndex=n.idx),t.matches.push(a)})}function hh(e,t){t.score=e.score}function uh(e,t,{includeMatches:i=O.includeMatches,includeScore:n=O.includeScore}={}){let r=[];return i&&r.push(fh),n&&r.push(hh),e.map(o=>{let{idx:a}=o,s={item:t[a],refIndex:a};return r.length&&r.forEach(d=>{d(o,s)}),s})}var po=(()=>{class e{constructor(i,n={},r){this.options=H(H({},O),n),this.options.useExtendedSearch,this._keyStore=new eo(this.options.keys),this.setCollection(i,r)}setCollection(i,n){if(this._docs=i,n&&!(n instanceof On))throw new Error(zf);this._myIndex=n||ol(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(i){pe(i)&&(this._docs.push(i),this._myIndex.add(i))}remove(i=()=>!1){let n=[];for(let r=0,o=this._docs.length;r-1&&(c=c.slice(0,n)),uh(c,this._docs,{includeMatches:r,includeScore:o})}_searchStringList(i){let n=ho(i,this.options),{records:r}=this._myIndex,o=[];return r.forEach(({v:a,i:s,n:d})=>{if(!pe(a))return;let{isMatch:c,score:l,indices:f}=n.searchIn(a);c&&o.push({item:a,idx:s,matches:[{score:l,value:a,norm:d,indices:f}]})}),o}_searchLogical(i){let n=ul(i,this.options),r=(d,c,l)=>{if(!d.children){let{keyId:h,searcher:u}=d,m=this._findMatches({key:this._keyStore.get(h),value:this._myIndex.getValueForItemAtKeyId(c,h),searcher:u});return m&&m.length?[{idx:l,item:c,matches:m}]:[]}let f=[];for(let h=0,u=d.children.length;h{if(pe(d)){let l=r(n,d,c);l.length&&(a[c]||(a[c]={idx:c,item:d,matches:[]},s.push(a[c])),l.forEach(({matches:f})=>{a[c].matches.push(...f)}))}}),s}_searchObjectList(i){let n=ho(i,this.options),{keys:r,records:o}=this._myIndex,a=[];return o.forEach(({$:s,i:d})=>{if(!pe(s))return;let c=[];r.forEach((l,f)=>{c.push(...this._findMatches({key:l,value:s[f],searcher:n}))}),c.length&&a.push({idx:d,item:s,matches:c})}),a}_findMatches({key:i,value:n,searcher:r}){if(!pe(n))return[];let o=[];if(ze(n))n.forEach(({v:a,i:s,n:d})=>{if(!pe(a))return;let{isMatch:c,score:l,indices:f}=r.searchIn(a);c&&o.push({score:l,key:i,value:a,idx:s,norm:d,indices:f})});else{let{v:a,n:s}=n,{isMatch:d,score:c,indices:l}=r.searchIn(a);d&&o.push({score:c,key:i,value:a,norm:s,indices:l})}return o}}return e.version="7.0.0",e.createIndex=ol,e.parseIndex=qf,e.config=O,e})();po.parseQuery=ul;sh(lo);var ml=(()=>{let t=class t{constructor(n,r,o){this.actions$=n,this.store$=r,this.modsService=o,this.loaderTopics=["fabric","forge","neoforge"].map(a=>`minecraft-${a}-mod`),this.retrieveMods$=_e(()=>this.actions$.pipe(xe(ja),st(this.store$.select(cn.selectMods)),U(([,a])=>!a),Se(()=>this.modsService.getMods().pipe(Me(a=>Wa({mods:a.data.organization.repositories.nodes.filter(s=>s.isTemplate||s.releases.totalCount&&s.repositoryTopics.nodes.some(d=>d.topic.name==="minecraft-mod")).map(s=>({name:s.name,title:s.object.text.match(/!\[(.*) banner\]/)?.[1]||s.name,subtitle:s.description,description:s.object.text.match(/Description\*\*\n*((.*\n)*?)##/)?.[1]?.trim()||"Surely an awesome mod, but the description is missing!",hasWiki:s.hasWikiEnabled,isApi:s.repositoryTopics.nodes.some(d=>d.topic.name==="mod-api"),isTemplate:s.isTemplate,stable:s.latestRelease?.name.split("-")[1]||null,latest:s.releases.nodes[0]?.name.split("-").filter((d,c)=>c>0).join("-")||null,loaders:s.repositoryTopics.nodes.filter(d=>this.loaderTopics.includes(d.topic.name)).map(d=>d.topic.name.split("-")[1]),versions:s.object.text.match(/\[!\[1\.[0-9]+\.[0-9]+\]\(.*?\)\]\(.*?\)/g)?.map(d=>d.match(/(1\.[0-9]+\.[0-9]+)/)).map(d=>d?.[0]),client:this.checkSide(s.object.text,"client"),server:this.checkSide(s.object.text,"server")}))})))))),this.filterMods$=_e(()=>this.actions$.pipe(xe(Ka),st(this.store$.select(cn.selectMods)),U(([,a])=>!!a),Me(([a,s])=>$a({filteredMods:this.filter(s||[],a)}))))}filter(n,{query:r,advanced:o,versions:a,loaders:s,wiki:d,api:c,template:l,stable:f,client:h,server:u}){return o?this.filterByName(n,r).filter(m=>a.every(S=>m.versions.includes(S))&&s.every(S=>m.loaders.includes(S))&&(!d||m.hasWiki)&&(!c||m.isApi)&&(!l||m.isTemplate)&&(!f||m.stable)&&(h===null||m.client===h)&&(u===null||m.server===u)):this.filterByName(n,r)}filterByName(n,r){return r?new po(n.map(o=>he(H({},o),{shorthand:o.title.split(" ").map(a=>a[0]).join("")})),{keys:["name","title","shorthand"],isCaseSensitive:!1,minMatchCharLength:0,shouldSort:!0,threshold:.5,ignoreLocation:!0,ignoreFieldNorm:!0}).search(r).map(o=>o.item):n}checkSide(n,r){return n.match(/!\[Overlay\]\(.*\/(.*?)\.svg\)/)?.[0].includes(r)||!1}};t.\u0275fac=function(r){return new(r||t)(F(Lt),F(se),F(qn))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();var pl=[{path:ce.HOME,loadComponent:()=>import("./chunk-IP2J4DHK.js").then(e=>e.HomeComponent)},{path:ce.GENERATOR,loadComponent:()=>import("./chunk-2RSREBU4.js").then(e=>e.GeneratorComponent),providers:[sn(bt),Jn,dn(nl)]},{path:ce.VERSIONING,loadComponent:()=>import("./chunk-MJNWGI2A.js").then(e=>e.VersioningComponent)},{path:ce.MODS,loadComponent:()=>import("./chunk-2QX6QBBM.js").then(e=>e.ModsComponent),providers:[sn(cn),qn,dn(ml)]},{path:"**",loadComponent:()=>import("./chunk-XZW3DZBJ.js").then(e=>e.ErrorComponent)}];var gl=(()=>{let t=class t{get deviceInfo(){let{os:n,osVersion:r,browser:o,browserMajorVersion:a}=this.deviceInformationService.getDeviceInfo();return encodeURIComponent(`${this.deviceInformationService.getDeviceType()} - ${n} ${r}, ${o} ${a}`)}constructor(n,r,o){this.actions$=n,this.store$=r,this.deviceInformationService=o,this.download$=_e(()=>this.actions$.pipe(xe(Zn),at(({file:a,id:s})=>this.download(a,s)),qt()),{dispatch:!1}),this.openIssue$=_e(()=>this.actions$.pipe(xe(Yn),at(({title:a,body:s})=>window.open(`https://github.com/Crystal-Nest/crystalnest.it/issues/new?assignees=Crystal-Spider&labels=bug%2Cmedium+priority&projects=&title=${encodeURIComponent(a)}&error=${encodeURIComponent(s)}&os=${this.deviceInfo}&template=error_report.yml`,"_blank")),qt()),{dispatch:!1})}download(n,r){let o=document.createElement("a");o.style.display="none",o.href=URL.createObjectURL(n),o.download=`cobweb-mod-skeleton (${r})`,document.body.appendChild(o),o.click(),o.remove()}};t.\u0275fac=function(r){return new(r||t)(F(Lt),F(se),F(ii))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();var bl=(()=>{let t=class t{constructor(n){this.store$=n}intercept(n,r){return this.store$.dispatch(Ht()),r.handle(n).pipe(at(o=>{switch(o.type){case on.Sent:this.store$.dispatch(Qe({loadingType:"indeterminate"}));break;case on.UploadProgress:case on.DownloadProgress:this.store$.dispatch(Qe({loadingType:o.total?"determinate":"indeterminate"})),this.store$.dispatch(gt({progress:o.total?o.loaded/o.total*100:-1}));break}}),U(o=>o.type===on.Response),at(()=>this.store$.dispatch(pt())),Jt(o=>(this.store$.dispatch(pt()),this.store$.dispatch(Qn({error:o})),rt())))}};t.\u0275fac=function(r){return new(r||t)(F(se))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();var _l={providers:[Co(Ko),ya(),sn(xt),dn(gl),pa(pl,ga({scrollPositionRestoration:"top",anchorScrolling:"enabled"})),ii,gs(),Ga({markedOptions:{provide:Ia,useValue:{gfm:!0,breaks:!1}}}),{provide:ca,useValue:{disabled:!0,animation:{enterDuration:0,exitDuration:0}}},{provide:Ea,useValue:{subscriptSizing:"dynamic"}},{provide:sr,useValue:{politeness:"assertive",horizontalPosition:"right",verticalPosition:"top",panelClass:"cn-snack-bar"}},{provide:Za,useValue:{minPageHeight:2048,minScrollHeight:384}},{provide:Wo,useClass:bl,multi:!0},{provide:No,useClass:Lo}]};Zo(ps,_l).catch(console.error); +`,_],[/-.*configuration.*\n/,"",m],...Y]));break;case G.endsWith("settings.gradle"):v.file(this.process(G,[b]),this.alter(X,[A,...Y]));break;case(G.endsWith(".jar")||G.endsWith(".png")):v.file(this.process(G,[b,w,A]),X.async("arraybuffer"));break;case G.endsWith("CommonModLoader.java"):v.file(this.process(G,[b,W,w]),this.alter(X,[[/\n.*config.*\n */gi,"",P],I,w]));break;case G.endsWith("fabric.mod.json"):v.file(this.process(G,[b]),this.alter(X,[[/,\n.*fcap.*/,"",P],[/https.*modrinth.*mod\//,a.includes("curseforge")?"www.curseforge.com/minecraft/mc-mods/":"github.com/${github_user}/",C.includes("modrinth")]]));break;case G.endsWith("mods.toml"):v.file(this.process(G,[b]),this.alter(X,[[/.*(\n.*){3}fcap(.*\n){3}/,"",P],["updateJSONURL","#updateJSONURL",C.includes("modrinth")]]));break;default:v.file(this.process(G,[b,W,I,w]),this.alter(X,[I,A,w]));break}this.store$.dispatch($n({increment:R}))}),this.store$.dispatch(gt({progress:100})),this.store$.dispatch(Qe({loadingType:"indeterminate",force:!0})),this.removeEmptyDirs(v)}processBuildGradle(n,r,o){let a=n;return r.length&&(r.includes("fabric")&&(a=a.replace(/isFabric \? remapJar : jar/,"jar").replace(/, "fabric\.mod\.json"/,"").replace(/.*(isFabric|fabric-loom).*\n(\s+}\n)?/gi,"")),r.includes("forge")&&r.includes("neoforge")&&(a=a.replace(/, "META-INF\/mods.toml"/,"")),a=a.replace(new RegExp(`^\\s+"(${r.join("|")}).*\\n|(.*\\b(${r.join("|")})".+)+(\\n.+)+?(\\s*break)\\n?`,"gim"),"")),o.length&&(o.forEach(s=>{switch(s){case"maven":a=a.replace(/\n publishing(.*\n)+(\s+}){4,}\n/gi,"").replace(/.*\bpublish\b.*\n/g,"");break;case"github":a=a.replace(/.*github.* {(\n.*?)+?^ }\n/gim,"").replace(/^ +github.*\n/gim,"");break;case"modrinth":a=a.replace(/.*modrinth.* {(\n.*?)+?^ }\n/gim,"").replace(/.*modrinth.*\n/gi,"");break;case"curseforge":a=a.replace(/.*curse.* {(\n.*?)+?^ }\n/gim,"").replace(/.*curse.*\n/gi,"");break}}),o.includes("github")&&o.includes("modrinth")&&o.includes("curseforge")&&(a=a.replace(/.*publisher {(\n.*?)+?^ }\n\n/m,"").replace(/.*publishMod.*\n/,""))),a}loadersChanges(n){return n.flatMap(r=>[[new RegExp(`maven.+\\n.+"${r}"\\n.+\\n.+\\s+`,"i"),""],[new RegExp(`include\\("${r}"\\)\\n`,"i"),""],[new RegExp(`# ${r}\\n.*\\n.*\\n\\n`,"i"),""],[new RegExp(`\\[!\\[${r}.+l=${r}\\)(!.{95})?`,"i"),""]])}alter(n,r){return go(this,null,function*(){return this.process(yield n.async("string"),r)})}process(n,r){return r.reduce((o,[a,s,d])=>d??!0?o[typeof a=="string"?"replaceAll":"replace"](a,s):o,n)}removeEmptyDirs(n){for(let r of n.filter((o,a)=>a.dir&&this.isEmptyDir(n.files,o)).map(o=>o.name))n.remove(r);return n}isEmptyDir(n,r){for(let[o,a]of Object.entries(n))if(a.dir){if(o.startsWith(r)&&o!==r)return!1}else if(o.startsWith(r))return!1;return!0}};t.\u0275fac=function(r){return new(r||t)(F(Lt),F(se),F(Jn))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();function ze(e){return Array.isArray?Array.isArray(e):fl(e)==="[object Array]"}var Rf=1/0;function Hf(e){if(typeof e=="string")return e;let t=e+"";return t=="0"&&1/e==-Rf?"-0":t}function Ff(e){return e==null?"":Hf(e)}function Be(e){return typeof e=="string"}function ll(e){return typeof e=="number"}function Nf(e){return e===!0||e===!1||Lf(e)&&fl(e)=="[object Boolean]"}function dl(e){return typeof e=="object"}function Lf(e){return dl(e)&&e!==null}function pe(e){return e!=null}function qr(e){return!e.trim().length}function fl(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}var zf="Incorrect 'index' type",Vf=e=>`Invalid value for key ${e}`,Xf=e=>`Pattern length exceeds max of ${e}.`,Uf=e=>`Missing ${e} property in key`,jf=e=>`Property 'weight' in key '${e}' must be a positive integer`,il=Object.prototype.hasOwnProperty,eo=class{constructor(t){this._keys=[],this._keyMap={};let i=0;t.forEach(n=>{let r=hl(n);this._keys.push(r),this._keyMap[r.id]=r,i+=r.weight}),this._keys.forEach(n=>{n.weight/=i})}get(t){return this._keyMap[t]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}};function hl(e){let t=null,i=null,n=null,r=1,o=null;if(Be(e)||ze(e))n=e,t=rl(e),i=to(e);else{if(!il.call(e,"name"))throw new Error(Uf("name"));let a=e.name;if(n=a,il.call(e,"weight")&&(r=e.weight,r<=0))throw new Error(jf(a));t=rl(a),i=to(a),o=e.getFn}return{path:t,id:i,weight:r,src:n,getFn:o}}function rl(e){return ze(e)?e:e.split(".")}function to(e){return ze(e)?e.join("."):e}function Wf(e,t){let i=[],n=!1,r=(o,a,s)=>{if(pe(o))if(!a[s])i.push(o);else{let d=a[s],c=o[d];if(!pe(c))return;if(s===a.length-1&&(Be(c)||ll(c)||Nf(c)))i.push(Ff(c));else if(ze(c)){n=!0;for(let l=0,f=c.length;le.score===t.score?e.idx{this._keysMap[i.id]=n})}create(){this.isCreated||!this.docs.length||(this.isCreated=!0,Be(this.docs[0])?this.docs.forEach((t,i)=>{this._addString(t,i)}):this.docs.forEach((t,i)=>{this._addObject(t,i)}),this.norm.clear())}add(t){let i=this.size();Be(t)?this._addString(t,i):this._addObject(t,i)}removeAt(t){this.records.splice(t,1);for(let i=t,n=this.size();i{let a=r.getFn?r.getFn(t):this.getFn(t,r.path);if(pe(a)){if(ze(a)){let s=[],d=[{nestedArrIndex:-1,value:a}];for(;d.length;){let{nestedArrIndex:c,value:l}=d.pop();if(pe(l))if(Be(l)&&!qr(l)){let f={v:l,i:c,n:this.norm.get(l)};s.push(f)}else ze(l)&&l.forEach((f,h)=>{d.push({nestedArrIndex:h,value:f})})}n.$[o]=s}else if(Be(a)&&!qr(a)){let s={v:a,n:this.norm.get(a)};n.$[o]=s}}}),this.records.push(n)}toJSON(){return{keys:this.keys,records:this.records}}};function ol(e,t,{getFn:i=O.getFn,fieldNormWeight:n=O.fieldNormWeight}={}){let r=new On({getFn:i,fieldNormWeight:n});return r.setKeys(e.map(hl)),r.setSources(t),r.create(),r}function qf(e,{getFn:t=O.getFn,fieldNormWeight:i=O.fieldNormWeight}={}){let{keys:n,records:r}=e,o=new On({getFn:t,fieldNormWeight:i});return o.setKeys(n),o.setIndexRecords(r),o}function Ri(e,{errors:t=0,currentLocation:i=0,expectedLocation:n=0,distance:r=O.distance,ignoreLocation:o=O.ignoreLocation}={}){let a=t/e.length;if(o)return a;let s=Math.abs(n-i);return r?a+s/r:s?1:a}function eh(e=[],t=O.minMatchCharLength){let i=[],n=-1,r=-1,o=0;for(let a=e.length;o=t&&i.push([n,r]),n=-1)}return e[o-1]&&o-n>=t&&i.push([n,o-1]),i}var wt=32;function th(e,t,i,{location:n=O.location,distance:r=O.distance,threshold:o=O.threshold,findAllMatches:a=O.findAllMatches,minMatchCharLength:s=O.minMatchCharLength,includeMatches:d=O.includeMatches,ignoreLocation:c=O.ignoreLocation}={}){if(t.length>wt)throw new Error(Xf(wt));let l=t.length,f=e.length,h=Math.max(0,Math.min(n,f)),u=o,m=h,S=s>1||d,v=S?Array(f):[],_;for(;(_=e.indexOf(t,m))>-1;){let b=Ri(t,{currentLocation:_,expectedLocation:h,distance:r,ignoreLocation:c});if(u=Math.min(b,u),m=_+l,S){let w=0;for(;w=y;Y-=1){let G=Y-1,X=i[e.charAt(G)];if(S&&(v[G]=+!!X),W[Y]=(W[Y+1]<<1|1)&X,b&&(W[Y]|=(P[Y+1]|P[Y])<<1|1|P[Y+1]),W[Y]&C&&(x=Ri(t,{errors:b,currentLocation:G,expectedLocation:h,distance:r,ignoreLocation:c}),x<=u)){if(u=x,m=G,m<=h)break;y=Math.max(1,2*h-m)}}if(Ri(t,{errors:b+1,currentLocation:h,expectedLocation:h,distance:r,ignoreLocation:c})>u)break;P=W}let R={isMatch:m>=0,score:Math.max(.001,x)};if(S){let b=eh(v,s);b.length?d&&(R.indices=b):R.isMatch=!1}return R}function nh(e){let t={};for(let i=0,n=e.length;i{this.chunks.push({pattern:h,alphabet:nh(h),startIndex:u})},f=this.pattern.length;if(f>wt){let h=0,u=f%wt,m=f-u;for(;h{let{isMatch:_,score:P,indices:x}=th(t,m,S,{location:r+v,distance:o,threshold:a,findAllMatches:s,minMatchCharLength:d,includeMatches:n,ignoreLocation:c});_&&(h=!0),f+=P,_&&x&&(l=[...l,...x])});let u={isMatch:h,score:h?f/this.chunks.length:1};return h&&n&&(u.indices=l),u}},Re=class{constructor(t){this.pattern=t}static isMultiMatch(t){return al(t,this.multiRegex)}static isSingleMatch(t){return al(t,this.singleRegex)}search(){}};function al(e,t){let i=e.match(t);return i?i[1]:null}var no=class extends Re{constructor(t){super(t)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(t){let i=t===this.pattern;return{isMatch:i,score:i?0:1,indices:[0,this.pattern.length-1]}}},io=class extends Re{constructor(t){super(t)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(t){let n=t.indexOf(this.pattern)===-1;return{isMatch:n,score:n?0:1,indices:[0,t.length-1]}}},ro=class extends Re{constructor(t){super(t)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(t){let i=t.startsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[0,this.pattern.length-1]}}},oo=class extends Re{constructor(t){super(t)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(t){let i=!t.startsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[0,t.length-1]}}},ao=class extends Re{constructor(t){super(t)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(t){let i=t.endsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[t.length-this.pattern.length,t.length-1]}}},so=class extends Re{constructor(t){super(t)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(t){let i=!t.endsWith(this.pattern);return{isMatch:i,score:i?0:1,indices:[0,t.length-1]}}},Fi=class extends Re{constructor(t,{location:i=O.location,threshold:n=O.threshold,distance:r=O.distance,includeMatches:o=O.includeMatches,findAllMatches:a=O.findAllMatches,minMatchCharLength:s=O.minMatchCharLength,isCaseSensitive:d=O.isCaseSensitive,ignoreLocation:c=O.ignoreLocation}={}){super(t),this._bitapSearch=new Hi(t,{location:i,threshold:n,distance:r,includeMatches:o,findAllMatches:a,minMatchCharLength:s,isCaseSensitive:d,ignoreLocation:c})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(t){return this._bitapSearch.searchIn(t)}},Ni=class extends Re{constructor(t){super(t)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(t){let i=0,n,r=[],o=this.pattern.length;for(;(n=t.indexOf(this.pattern,i))>-1;)i=n+o,r.push([n,i-1]);let a=!!r.length;return{isMatch:a,score:a?0:1,indices:r}}},co=[no,Ni,ro,oo,so,ao,io,Fi],sl=co.length,ih=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,rh="|";function oh(e,t={}){return e.split(rh).map(i=>{let n=i.trim().split(ih).filter(o=>o&&!!o.trim()),r=[];for(let o=0,a=n.length;o!!(e[Li.AND]||e[Li.OR]),ch=e=>!!e[uo.PATH],lh=e=>!ze(e)&&dl(e)&&!mo(e),cl=e=>({[Li.AND]:Object.keys(e).map(t=>({[t]:e[t]}))});function ul(e,t,{auto:i=!0}={}){let n=r=>{let o=Object.keys(r),a=ch(r);if(!a&&o.length>1&&!mo(r))return n(cl(r));if(lh(r)){let d=a?r[uo.PATH]:o[0],c=a?r[uo.PATTERN]:r[d];if(!Be(c))throw new Error(Vf(d));let l={keyId:to(d),pattern:c};return i&&(l.searcher=ho(c,t)),l}let s={children:[],operator:o[0]};return o.forEach(d=>{let c=r[d];ze(c)&&c.forEach(l=>{s.children.push(n(l))})}),s};return mo(e)||(e=cl(e)),n(e)}function dh(e,{ignoreFieldNorm:t=O.ignoreFieldNorm}){e.forEach(i=>{let n=1;i.matches.forEach(({key:r,norm:o,score:a})=>{let s=r?r.weight:null;n*=Math.pow(a===0&&s?Number.EPSILON:a,(s||1)*(t?1:o))}),i.score=n})}function fh(e,t){let i=e.matches;t.matches=[],pe(i)&&i.forEach(n=>{if(!pe(n.indices)||!n.indices.length)return;let{indices:r,value:o}=n,a={indices:r,value:o};n.key&&(a.key=n.key.src),n.idx>-1&&(a.refIndex=n.idx),t.matches.push(a)})}function hh(e,t){t.score=e.score}function uh(e,t,{includeMatches:i=O.includeMatches,includeScore:n=O.includeScore}={}){let r=[];return i&&r.push(fh),n&&r.push(hh),e.map(o=>{let{idx:a}=o,s={item:t[a],refIndex:a};return r.length&&r.forEach(d=>{d(o,s)}),s})}var po=(()=>{class e{constructor(i,n={},r){this.options=H(H({},O),n),this.options.useExtendedSearch,this._keyStore=new eo(this.options.keys),this.setCollection(i,r)}setCollection(i,n){if(this._docs=i,n&&!(n instanceof On))throw new Error(zf);this._myIndex=n||ol(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(i){pe(i)&&(this._docs.push(i),this._myIndex.add(i))}remove(i=()=>!1){let n=[];for(let r=0,o=this._docs.length;r-1&&(c=c.slice(0,n)),uh(c,this._docs,{includeMatches:r,includeScore:o})}_searchStringList(i){let n=ho(i,this.options),{records:r}=this._myIndex,o=[];return r.forEach(({v:a,i:s,n:d})=>{if(!pe(a))return;let{isMatch:c,score:l,indices:f}=n.searchIn(a);c&&o.push({item:a,idx:s,matches:[{score:l,value:a,norm:d,indices:f}]})}),o}_searchLogical(i){let n=ul(i,this.options),r=(d,c,l)=>{if(!d.children){let{keyId:h,searcher:u}=d,m=this._findMatches({key:this._keyStore.get(h),value:this._myIndex.getValueForItemAtKeyId(c,h),searcher:u});return m&&m.length?[{idx:l,item:c,matches:m}]:[]}let f=[];for(let h=0,u=d.children.length;h{if(pe(d)){let l=r(n,d,c);l.length&&(a[c]||(a[c]={idx:c,item:d,matches:[]},s.push(a[c])),l.forEach(({matches:f})=>{a[c].matches.push(...f)}))}}),s}_searchObjectList(i){let n=ho(i,this.options),{keys:r,records:o}=this._myIndex,a=[];return o.forEach(({$:s,i:d})=>{if(!pe(s))return;let c=[];r.forEach((l,f)=>{c.push(...this._findMatches({key:l,value:s[f],searcher:n}))}),c.length&&a.push({idx:d,item:s,matches:c})}),a}_findMatches({key:i,value:n,searcher:r}){if(!pe(n))return[];let o=[];if(ze(n))n.forEach(({v:a,i:s,n:d})=>{if(!pe(a))return;let{isMatch:c,score:l,indices:f}=r.searchIn(a);c&&o.push({score:l,key:i,value:a,idx:s,norm:d,indices:f})});else{let{v:a,n:s}=n,{isMatch:d,score:c,indices:l}=r.searchIn(a);d&&o.push({score:c,key:i,value:a,norm:s,indices:l})}return o}}return e.version="7.0.0",e.createIndex=ol,e.parseIndex=qf,e.config=O,e})();po.parseQuery=ul;sh(lo);var ml=(()=>{let t=class t{constructor(n,r,o){this.actions$=n,this.store$=r,this.modsService=o,this.loaderTopics=["fabric","forge","neoforge"].map(a=>`minecraft-${a}-mod`),this.retrieveMods$=_e(()=>this.actions$.pipe(xe(ja),st(this.store$.select(cn.selectMods)),U(([,a])=>!a),Se(()=>this.modsService.getMods().pipe(Me(a=>Wa({mods:a.data.organization.repositories.nodes.filter(s=>s.isTemplate||s.releases.totalCount&&s.repositoryTopics.nodes.some(d=>d.topic.name==="minecraft-mod")).map(s=>({name:s.name,title:s.object.text.match(/!\[(.*) banner\]/)?.[1]||s.name,subtitle:s.description,description:s.object.text.match(/Description\*\*\n*((.*\n)*?)##/)?.[1]?.trim()||"Surely an awesome mod, but the description is missing!",hasWiki:s.hasWikiEnabled,isApi:s.repositoryTopics.nodes.some(d=>d.topic.name==="mod-api"),isTemplate:s.isTemplate,stable:s.latestRelease?.name.split("-")[1]||null,latest:s.releases.nodes[0]?.name.split("-").filter((d,c)=>c>0).join("-")||null,loaders:s.repositoryTopics.nodes.filter(d=>this.loaderTopics.includes(d.topic.name)).map(d=>d.topic.name.split("-")[1]),versions:s.object.text.match(/\[!\[1\.[0-9]+\.[0-9]+\]\(.*?\)\]\(.*?\)/g)?.map(d=>d.match(/(1\.[0-9]+\.[0-9]+)/)).map(d=>d?.[0]),client:this.checkSide(s.object.text,"client"),server:this.checkSide(s.object.text,"server")}))})))))),this.filterMods$=_e(()=>this.actions$.pipe(xe(Ka),st(this.store$.select(cn.selectMods)),U(([,a])=>!!a),Me(([a,s])=>$a({filteredMods:this.filter(s||[],a)}))))}filter(n,{query:r,advanced:o,versions:a,loaders:s,wiki:d,api:c,template:l,stable:f,client:h,server:u}){return o?this.filterByName(n,r).filter(m=>a.every(S=>m.versions.includes(S))&&s.every(S=>m.loaders.includes(S))&&(!d||m.hasWiki)&&(!c||m.isApi)&&(!l||m.isTemplate)&&(!f||m.stable)&&(h===null||m.client===h)&&(u===null||m.server===u)):this.filterByName(n,r)}filterByName(n,r){return r?new po(n.map(o=>he(H({},o),{shorthand:o.title.split(" ").map(a=>a[0]).join("")})),{keys:["name","title","shorthand"],isCaseSensitive:!1,minMatchCharLength:0,shouldSort:!0,threshold:.5,ignoreLocation:!0,ignoreFieldNorm:!0}).search(r).map(o=>o.item):n}checkSide(n,r){return n.match(/!\[Overlay\]\(.*\/(.*?)\.svg\)/)?.[0].includes(r)||!1}};t.\u0275fac=function(r){return new(r||t)(F(Lt),F(se),F(qn))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();var pl=[{path:ce.HOME,loadComponent:()=>import("./chunk-IP2J4DHK.js").then(e=>e.HomeComponent)},{path:ce.GENERATOR,loadComponent:()=>import("./chunk-OTXAL4XO.js").then(e=>e.GeneratorComponent),providers:[sn(bt),Jn,dn(nl)]},{path:ce.VERSIONING,loadComponent:()=>import("./chunk-MJNWGI2A.js").then(e=>e.VersioningComponent)},{path:ce.MODS,loadComponent:()=>import("./chunk-2QX6QBBM.js").then(e=>e.ModsComponent),providers:[sn(cn),qn,dn(ml)]},{path:"**",loadComponent:()=>import("./chunk-XZW3DZBJ.js").then(e=>e.ErrorComponent)}];var gl=(()=>{let t=class t{get deviceInfo(){let{os:n,osVersion:r,browser:o,browserMajorVersion:a}=this.deviceInformationService.getDeviceInfo();return encodeURIComponent(`${this.deviceInformationService.getDeviceType()} - ${n} ${r}, ${o} ${a}`)}constructor(n,r,o){this.actions$=n,this.store$=r,this.deviceInformationService=o,this.download$=_e(()=>this.actions$.pipe(xe(Zn),at(({file:a,id:s})=>this.download(a,s)),qt()),{dispatch:!1}),this.openIssue$=_e(()=>this.actions$.pipe(xe(Yn),at(({title:a,body:s})=>window.open(`https://github.com/Crystal-Nest/crystalnest.it/issues/new?assignees=Crystal-Spider&labels=bug%2Cmedium+priority&projects=&title=${encodeURIComponent(a)}&error=${encodeURIComponent(s)}&os=${this.deviceInfo}&template=error_report.yml`,"_blank")),qt()),{dispatch:!1})}download(n,r){let o=document.createElement("a");o.style.display="none",o.href=URL.createObjectURL(n),o.download=`cobweb-mod-skeleton (${r})`,document.body.appendChild(o),o.click(),o.remove()}};t.\u0275fac=function(r){return new(r||t)(F(Lt),F(se),F(ii))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();var bl=(()=>{let t=class t{constructor(n){this.store$=n}intercept(n,r){return this.store$.dispatch(Ht()),r.handle(n).pipe(at(o=>{switch(o.type){case on.Sent:this.store$.dispatch(Qe({loadingType:"indeterminate"}));break;case on.UploadProgress:case on.DownloadProgress:this.store$.dispatch(Qe({loadingType:o.total?"determinate":"indeterminate"})),this.store$.dispatch(gt({progress:o.total?o.loaded/o.total*100:-1}));break}}),U(o=>o.type===on.Response),at(()=>this.store$.dispatch(pt())),Jt(o=>(this.store$.dispatch(pt()),this.store$.dispatch(Qn({error:o})),rt())))}};t.\u0275fac=function(r){return new(r||t)(F(se))},t.\u0275prov=J({token:t,factory:t.\u0275fac});let e=t;return e})();var _l={providers:[Co(Ko),ya(),sn(xt),dn(gl),pa(pl,ga({scrollPositionRestoration:"top",anchorScrolling:"enabled"})),ii,gs(),Ga({markedOptions:{provide:Ia,useValue:{gfm:!0,breaks:!1}}}),{provide:ca,useValue:{disabled:!0,animation:{enterDuration:0,exitDuration:0}}},{provide:Ea,useValue:{subscriptSizing:"dynamic"}},{provide:sr,useValue:{politeness:"assertive",horizontalPosition:"right",verticalPosition:"top",panelClass:"cn-snack-bar"}},{provide:Za,useValue:{minPageHeight:2048,minScrollHeight:384}},{provide:Wo,useClass:bl,multi:!0},{provide:No,useClass:Lo}]};Zo(ps,_l).catch(console.error); /*! Bundled license information: @angular/platform-browser/fesm2022/animations/async.mjs: diff --git a/docs/styles-MLV6ETZJ.css b/docs/styles-MAQFGPWF.css similarity index 96% rename from docs/styles-MLV6ETZJ.css rename to docs/styles-MAQFGPWF.css index c7374b3..6201b71 100644 --- a/docs/styles-MLV6ETZJ.css +++ b/docs/styles-MAQFGPWF.css @@ -1 +1 @@ -:root{--mdc-layout-grid-margin-desktop: 24px;--mdc-layout-grid-gutter-desktop: 24px;--mdc-layout-grid-column-width-desktop: 72px;--mdc-layout-grid-margin-tablet: 16px;--mdc-layout-grid-gutter-tablet: 16px;--mdc-layout-grid-column-width-tablet: 72px;--mdc-layout-grid-margin-phone: 16px;--mdc-layout-grid-gutter-phone: 16px;--mdc-layout-grid-column-width-phone: 72px}@media (min-width: 840px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:24px;padding:var(--mdc-layout-grid-margin-desktop, 24px)}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:16px;padding:var(--mdc-layout-grid-margin-tablet, 16px)}}@media (max-width: 599px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:16px;padding:var(--mdc-layout-grid-margin-phone, 16px)}}@media (min-width: 840px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1)}@supports (display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:24px;grid-gap:var(--mdc-layout-grid-gutter-desktop, 24px);grid-template-columns:repeat(12,minmax(0,1fr))}}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)}@supports (display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-tablet, 16px);grid-template-columns:repeat(8,minmax(0,1fr))}}}@media (max-width: 599px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1)}@supports (display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-phone, 16px);grid-template-columns:repeat(4,minmax(0,1fr))}}}@media (min-width: 840px){.mdc-layout-grid__cell{width:calc(33.3333333333% - 24px);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));box-sizing:border-box;margin:12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2)}@supports (display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports (display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:calc(8.3333333333% - 24px);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:calc(16.6666666667% - 24px);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:calc(25% - 24px);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:calc(33.3333333333% - 24px);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:calc(41.6666666667% - 24px);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:calc(50% - 24px);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:calc(58.3333333333% - 24px);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:calc(66.6666666667% - 24px);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:calc(75% - 24px);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:auto;grid-column-end:span 9}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:calc(83.3333333333% - 24px);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:auto;grid-column-end:span 10}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:calc(91.6666666667% - 24px);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:auto;grid-column-end:span 11}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:calc(100% - 24px);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:auto;grid-column-end:span 12}}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid__cell{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));box-sizing:border-box;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2)}@supports (display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports (display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:calc(12.5% - 16px);width:calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:calc(37.5% - 16px);width:calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:calc(62.5% - 16px);width:calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:calc(87.5% - 16px);width:calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:auto;grid-column-end:span 8}}}@media (max-width: 599px){.mdc-layout-grid__cell{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));box-sizing:border-box;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2)}@supports (display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports (display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:auto;grid-column-end:span 4}}}.mdc-layout-grid__cell--order-1{order:1}.mdc-layout-grid__cell--order-2{order:2}.mdc-layout-grid__cell--order-3{order:3}.mdc-layout-grid__cell--order-4{order:4}.mdc-layout-grid__cell--order-5{order:5}.mdc-layout-grid__cell--order-6{order:6}.mdc-layout-grid__cell--order-7{order:7}.mdc-layout-grid__cell--order-8{order:8}.mdc-layout-grid__cell--order-9{order:9}.mdc-layout-grid__cell--order-10{order:10}.mdc-layout-grid__cell--order-11{order:11}.mdc-layout-grid__cell--order-12{order:12}.mdc-layout-grid__cell--align-top{align-self:flex-start}@supports (display: grid){.mdc-layout-grid__cell--align-top{align-self:start}}.mdc-layout-grid__cell--align-middle{align-self:center}.mdc-layout-grid__cell--align-bottom{align-self:flex-end}@supports (display: grid){.mdc-layout-grid__cell--align-bottom{align-self:end}}@media (min-width: 840px){.mdc-layout-grid--fixed-column-width{width:1176px;width:calc(var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2)}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid--fixed-column-width{width:720px;width:calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)}}@media (max-width: 599px){.mdc-layout-grid--fixed-column-width{width:368px;width:calc(var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2)}}.mdc-layout-grid--align-left{margin-right:auto;margin-left:0}.mdc-layout-grid--align-right{margin-right:0;margin-left:auto}.cn-grid{display:flex;flex-flow:row wrap;align-items:stretch;margin:-.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2 * -1);grid-gap:1rem!important}@supports (display: grid){.cn-grid{display:grid;margin:0;grid-gap:1rem;grid-gap:var(--mdc-layout-grid-gutter-desktop, 1rem);grid-template-columns:repeat(12,minmax(0,1fr))}}.cn-grid>.cn-cell-1{width:calc(8.3333333333% - 1rem);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-1{width:auto;grid-column-end:span 1}}@supports (display: grid){.cn-grid>.cn-cell-1{margin:0}}.cn-grid>.cn-cell-1.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-1.align-self-center{justify-self:center}.cn-grid>.cn-cell-1.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-2{width:calc(16.6666666667% - 1rem);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-2{width:auto;grid-column-end:span 2}}@supports (display: grid){.cn-grid>.cn-cell-2{margin:0}}.cn-grid>.cn-cell-2.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-2.align-self-center{justify-self:center}.cn-grid>.cn-cell-2.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-3{width:calc(25% - 1rem);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-3{width:auto;grid-column-end:span 3}}@supports (display: grid){.cn-grid>.cn-cell-3{margin:0}}.cn-grid>.cn-cell-3.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-3.align-self-center{justify-self:center}.cn-grid>.cn-cell-3.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-4{width:calc(33.3333333333% - 1rem);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-4{width:auto;grid-column-end:span 4}}@supports (display: grid){.cn-grid>.cn-cell-4{margin:0}}.cn-grid>.cn-cell-4.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-4.align-self-center{justify-self:center}.cn-grid>.cn-cell-4.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-5{width:calc(41.6666666667% - 1rem);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-5{width:auto;grid-column-end:span 5}}@supports (display: grid){.cn-grid>.cn-cell-5{margin:0}}.cn-grid>.cn-cell-5.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-5.align-self-center{justify-self:center}.cn-grid>.cn-cell-5.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-6{width:calc(50% - 1rem);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-6{width:auto;grid-column-end:span 6}}@supports (display: grid){.cn-grid>.cn-cell-6{margin:0}}.cn-grid>.cn-cell-6.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-6.align-self-center{justify-self:center}.cn-grid>.cn-cell-6.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-7{width:calc(58.3333333333% - 1rem);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-7{width:auto;grid-column-end:span 7}}@supports (display: grid){.cn-grid>.cn-cell-7{margin:0}}.cn-grid>.cn-cell-7.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-7.align-self-center{justify-self:center}.cn-grid>.cn-cell-7.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-8{width:calc(66.6666666667% - 1rem);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-8{width:auto;grid-column-end:span 8}}@supports (display: grid){.cn-grid>.cn-cell-8{margin:0}}.cn-grid>.cn-cell-8.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-8.align-self-center{justify-self:center}.cn-grid>.cn-cell-8.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-9{width:calc(75% - 1rem);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-9{width:auto;grid-column-end:span 9}}@supports (display: grid){.cn-grid>.cn-cell-9{margin:0}}.cn-grid>.cn-cell-9.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-9.align-self-center{justify-self:center}.cn-grid>.cn-cell-9.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-10{width:calc(83.3333333333% - 1rem);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-10{width:auto;grid-column-end:span 10}}@supports (display: grid){.cn-grid>.cn-cell-10{margin:0}}.cn-grid>.cn-cell-10.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-10.align-self-center{justify-self:center}.cn-grid>.cn-cell-10.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-11{width:calc(91.6666666667% - 1rem);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-11{width:auto;grid-column-end:span 11}}@supports (display: grid){.cn-grid>.cn-cell-11{margin:0}}.cn-grid>.cn-cell-11.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-11.align-self-center{justify-self:center}.cn-grid>.cn-cell-11.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-12{width:calc(100% - 1rem);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-12{width:auto;grid-column-end:span 12}}@supports (display: grid){.cn-grid>.cn-cell-12{margin:0}}.cn-grid>.cn-cell-12.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-12.align-self-center{justify-self:center}.cn-grid>.cn-cell-12.align-self-end{justify-self:flex-end}.cn-grid-small{display:flex;flex-flow:row wrap;align-items:stretch;margin:-.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2 * -1);grid-gap:.75rem!important}@supports (display: grid){.cn-grid-small{display:grid;margin:0;grid-gap:.75rem;grid-gap:var(--mdc-layout-grid-gutter-desktop, .75rem);grid-template-columns:repeat(12,minmax(0,1fr))}}.cn-grid-small>.cn-cell-1{width:calc(8.3333333333% - .75rem);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-1{width:auto;grid-column-end:span 1}}@supports (display: grid){.cn-grid-small>.cn-cell-1{margin:0}}.cn-grid-small>.cn-cell-1.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-1.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-1.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-2{width:calc(16.6666666667% - .75rem);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-2{width:auto;grid-column-end:span 2}}@supports (display: grid){.cn-grid-small>.cn-cell-2{margin:0}}.cn-grid-small>.cn-cell-2.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-2.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-2.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-3{width:calc(25% - .75rem);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-3{width:auto;grid-column-end:span 3}}@supports (display: grid){.cn-grid-small>.cn-cell-3{margin:0}}.cn-grid-small>.cn-cell-3.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-3.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-3.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-4{width:calc(33.3333333333% - .75rem);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-4{width:auto;grid-column-end:span 4}}@supports (display: grid){.cn-grid-small>.cn-cell-4{margin:0}}.cn-grid-small>.cn-cell-4.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-4.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-4.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-5{width:calc(41.6666666667% - .75rem);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-5{width:auto;grid-column-end:span 5}}@supports (display: grid){.cn-grid-small>.cn-cell-5{margin:0}}.cn-grid-small>.cn-cell-5.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-5.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-5.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-6{width:calc(50% - .75rem);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-6{width:auto;grid-column-end:span 6}}@supports (display: grid){.cn-grid-small>.cn-cell-6{margin:0}}.cn-grid-small>.cn-cell-6.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-6.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-6.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-7{width:calc(58.3333333333% - .75rem);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-7{width:auto;grid-column-end:span 7}}@supports (display: grid){.cn-grid-small>.cn-cell-7{margin:0}}.cn-grid-small>.cn-cell-7.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-7.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-7.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-8{width:calc(66.6666666667% - .75rem);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-8{width:auto;grid-column-end:span 8}}@supports (display: grid){.cn-grid-small>.cn-cell-8{margin:0}}.cn-grid-small>.cn-cell-8.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-8.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-8.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-9{width:calc(75% - .75rem);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-9{width:auto;grid-column-end:span 9}}@supports (display: grid){.cn-grid-small>.cn-cell-9{margin:0}}.cn-grid-small>.cn-cell-9.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-9.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-9.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-10{width:calc(83.3333333333% - .75rem);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-10{width:auto;grid-column-end:span 10}}@supports (display: grid){.cn-grid-small>.cn-cell-10{margin:0}}.cn-grid-small>.cn-cell-10.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-10.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-10.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-11{width:calc(91.6666666667% - .75rem);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-11{width:auto;grid-column-end:span 11}}@supports (display: grid){.cn-grid-small>.cn-cell-11{margin:0}}.cn-grid-small>.cn-cell-11.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-11.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-11.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-12{width:calc(100% - .75rem);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-12{width:auto;grid-column-end:span 12}}@supports (display: grid){.cn-grid-small>.cn-cell-12{margin:0}}.cn-grid-small>.cn-cell-12.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-12.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-12.align-self-end{justify-self:flex-end}.cn-grid-tiny{display:flex;flex-flow:row wrap;align-items:stretch;margin:-.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2 * -1);grid-gap:.5rem!important}@supports (display: grid){.cn-grid-tiny{display:grid;margin:0;grid-gap:.5rem;grid-gap:var(--mdc-layout-grid-gutter-desktop, .5rem);grid-template-columns:repeat(12,minmax(0,1fr))}}.cn-grid-tiny>.cn-cell-1{width:calc(8.3333333333% - .5rem);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-1{width:auto;grid-column-end:span 1}}@supports (display: grid){.cn-grid-tiny>.cn-cell-1{margin:0}}.cn-grid-tiny>.cn-cell-1.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-1.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-1.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-2{width:calc(16.6666666667% - .5rem);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-2{width:auto;grid-column-end:span 2}}@supports (display: grid){.cn-grid-tiny>.cn-cell-2{margin:0}}.cn-grid-tiny>.cn-cell-2.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-2.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-2.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-3{width:calc(25% - .5rem);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-3{width:auto;grid-column-end:span 3}}@supports (display: grid){.cn-grid-tiny>.cn-cell-3{margin:0}}.cn-grid-tiny>.cn-cell-3.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-3.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-3.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-4{width:calc(33.3333333333% - .5rem);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-4{width:auto;grid-column-end:span 4}}@supports (display: grid){.cn-grid-tiny>.cn-cell-4{margin:0}}.cn-grid-tiny>.cn-cell-4.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-4.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-4.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-5{width:calc(41.6666666667% - .5rem);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-5{width:auto;grid-column-end:span 5}}@supports (display: grid){.cn-grid-tiny>.cn-cell-5{margin:0}}.cn-grid-tiny>.cn-cell-5.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-5.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-5.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-6{width:calc(50% - .5rem);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-6{width:auto;grid-column-end:span 6}}@supports (display: grid){.cn-grid-tiny>.cn-cell-6{margin:0}}.cn-grid-tiny>.cn-cell-6.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-6.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-6.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-7{width:calc(58.3333333333% - .5rem);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-7{width:auto;grid-column-end:span 7}}@supports (display: grid){.cn-grid-tiny>.cn-cell-7{margin:0}}.cn-grid-tiny>.cn-cell-7.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-7.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-7.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-8{width:calc(66.6666666667% - .5rem);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-8{width:auto;grid-column-end:span 8}}@supports (display: grid){.cn-grid-tiny>.cn-cell-8{margin:0}}.cn-grid-tiny>.cn-cell-8.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-8.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-8.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-9{width:calc(75% - .5rem);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-9{width:auto;grid-column-end:span 9}}@supports (display: grid){.cn-grid-tiny>.cn-cell-9{margin:0}}.cn-grid-tiny>.cn-cell-9.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-9.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-9.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-10{width:calc(83.3333333333% - .5rem);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-10{width:auto;grid-column-end:span 10}}@supports (display: grid){.cn-grid-tiny>.cn-cell-10{margin:0}}.cn-grid-tiny>.cn-cell-10.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-10.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-10.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-11{width:calc(91.6666666667% - .5rem);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-11{width:auto;grid-column-end:span 11}}@supports (display: grid){.cn-grid-tiny>.cn-cell-11{margin:0}}.cn-grid-tiny>.cn-cell-11.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-11.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-11.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-12{width:calc(100% - .5rem);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-12{width:auto;grid-column-end:span 12}}@supports (display: grid){.cn-grid-tiny>.cn-cell-12{margin:0}}.cn-grid-tiny>.cn-cell-12.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-12.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-12.align-self-end{justify-self:flex-end}.mdc-button:hover{filter:brightness(1.2)!important}.mat-mdc-card-header{padding:1rem!important}.mat-mdc-card-avatar{width:4rem!important;height:4rem!important;margin:0!important;border-radius:.25rem!important;align-self:center!important}.mat-mdc-card-title{font-size:2rem!important}.mat-mdc-card-content{display:flex!important;flex-direction:column!important;flex:1!important;padding:1rem!important}.mdc-card__actions{margin-top:auto!important;justify-content:space-between!important;padding:1rem!important}.mdc-checkbox__ripple{display:none!important}.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:#e3e3e3!important}.mdc-form-field:has(.mdc-checkbox){color:#e3e3e3!important}.mdc-form-field:has(.mdc-checkbox):hover{filter:brightness(1.2)!important}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}:root{color-scheme:dark;--mat-ripple-color: rgba(255, 255, 255, .1);--mat-option-selected-state-label-text-color: #c071f5;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08);--mat-optgroup-label-text-color: white;--mat-full-pseudo-checkbox-selected-icon-color: #c071f5;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #c071f5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;--mat-app-background-color: #303030;--mat-app-text-color: white;--mat-option-label-text-font: Lexend;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: .03125em;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-font: Lexend;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: .03125em;--mat-optgroup-label-text-weight: 400;--mat-sidenav-container-shape: 0;--mat-sidenav-container-divider-color: rgba(255, 255, 255, .12);--mat-sidenav-container-background-color: #424242;--mat-sidenav-container-text-color: white;--mat-sidenav-content-background-color: #303030;--mat-sidenav-content-text-color: white;--mat-sidenav-scrim-color: rgba(189, 189, 189, .6);--mat-icon-color: inherit;--mdc-text-button-container-shape: 4px;--mdc-text-button-keep-touch-target: false;--mdc-filled-button-container-shape: 4px;--mdc-filled-button-keep-touch-target: false;--mdc-protected-button-container-shape: 4px;--mdc-protected-button-keep-touch-target: false;--mdc-outlined-button-keep-touch-target: false;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 4px;--mdc-text-button-label-text-color: #fff;--mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-text-button-state-layer-color: #fff;--mat-text-button-disabled-state-layer-color: #fff;--mat-text-button-ripple-color: rgba(255, 255, 255, .1);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .24;--mat-text-button-pressed-state-layer-opacity: .24;--mdc-filled-button-container-color: #424242;--mdc-filled-button-label-text-color: #fff;--mdc-filled-button-disabled-container-color: rgba(255, 255, 255, .12);--mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-filled-button-state-layer-color: #fff;--mat-filled-button-disabled-state-layer-color: #fff;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .24;--mat-filled-button-pressed-state-layer-opacity: .24;--mdc-protected-button-container-color: #424242;--mdc-protected-button-label-text-color: #fff;--mdc-protected-button-disabled-container-color: rgba(255, 255, 255, .12);--mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-protected-button-container-shadow-color: #000;--mat-protected-button-state-layer-color: #fff;--mat-protected-button-disabled-state-layer-color: #fff;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .24;--mat-protected-button-pressed-state-layer-opacity: .24;--mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .12);--mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-outlined-button-label-text-color: #fff;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #fff;--mat-outlined-button-disabled-state-layer-color: #fff;--mat-outlined-button-ripple-color: rgba(255, 255, 255, .1);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .24;--mat-outlined-button-pressed-state-layer-opacity: .24;--mdc-text-button-container-height: 36px;--mdc-filled-button-container-height: 36px;--mdc-outlined-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-text-button-label-text-font: Lexend;--mdc-text-button-label-text-size: 14px;--mdc-text-button-label-text-tracking: .0892857143em;--mdc-text-button-label-text-weight: 500;--mdc-text-button-label-text-transform: none;--mdc-filled-button-label-text-font: Lexend;--mdc-filled-button-label-text-size: 14px;--mdc-filled-button-label-text-tracking: .0892857143em;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-label-text-transform: none;--mdc-outlined-button-label-text-font: Lexend;--mdc-outlined-button-label-text-size: 14px;--mdc-outlined-button-label-text-tracking: .0892857143em;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-label-text-transform: none;--mdc-protected-button-label-text-font: Lexend;--mdc-protected-button-label-text-size: 14px;--mdc-protected-button-label-text-tracking: .0892857143em;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-label-text-transform: none;--mdc-fab-container-shape: 50%;--mdc-fab-icon-size: 24px;--mdc-fab-container-color: #424242;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mdc-fab-container-shadow-color: #000;--mat-fab-foreground-color: white;--mat-fab-state-layer-color: #fff;--mat-fab-disabled-state-layer-color: #fff;--mat-fab-ripple-color: rgba(255, 255, 255, .1);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .24;--mat-fab-pressed-state-layer-opacity: .24;--mat-fab-disabled-state-container-color: rgba(255, 255, 255, .12);--mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, .5);--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mdc-extended-fab-container-shadow-color: #000;--mdc-extended-fab-label-text-font: Lexend;--mdc-extended-fab-label-text-size: 14px;--mdc-extended-fab-label-text-tracking: .0892857143em;--mdc-extended-fab-label-text-weight: 500;--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mdc-filled-text-field-caret-color: #c071f5;--mdc-filled-text-field-focus-active-indicator-color: #c071f5;--mdc-filled-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mdc-filled-text-field-container-color: #4a4a4a;--mdc-filled-text-field-disabled-container-color: #464646;--mdc-filled-text-field-label-text-color: rgba(255, 255, 255, .6);--mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, .6);--mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, .38);--mdc-filled-text-field-input-text-color: rgba(255, 255, 255, .87);--mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, .38);--mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);--mdc-filled-text-field-error-hover-label-text-color: #f44336;--mdc-filled-text-field-error-focus-label-text-color: #f44336;--mdc-filled-text-field-error-label-text-color: #f44336;--mdc-filled-text-field-error-caret-color: #f44336;--mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, .42);--mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, .06);--mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, .87);--mdc-filled-text-field-error-active-indicator-color: #f44336;--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;--mdc-outlined-text-field-caret-color: #c071f5;--mdc-outlined-text-field-focus-outline-color: #c071f5;--mdc-outlined-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .6);--mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, .6);--mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, .38);--mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, .87);--mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, .38);--mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);--mdc-outlined-text-field-error-caret-color: #f44336;--mdc-outlined-text-field-error-focus-label-text-color: #f44336;--mdc-outlined-text-field-error-label-text-color: #f44336;--mdc-outlined-text-field-error-hover-label-text-color: #f44336;--mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .38);--mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, .06);--mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .87);--mdc-outlined-text-field-error-focus-outline-color: #f44336;--mdc-outlined-text-field-error-hover-outline-color: #f44336;--mdc-outlined-text-field-error-outline-color: #f44336;--mat-form-field-focus-select-arrow-color: rgba(192, 113, 245, .87);--mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, .38);--mat-form-field-state-layer-color: rgba(255, 255, 255, .87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: rgba(0, 0, 0, .87);--mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, .38);--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, .54);--mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, .38);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-focus-state-layer-opacity: .24;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mdc-filled-text-field-label-text-font: Lexend;--mdc-filled-text-field-label-text-size: 16px;--mdc-filled-text-field-label-text-tracking: .03125em;--mdc-filled-text-field-label-text-weight: 400;--mdc-outlined-text-field-label-text-font: Lexend;--mdc-outlined-text-field-label-text-size: 16px;--mdc-outlined-text-field-label-text-tracking: .03125em;--mdc-outlined-text-field-label-text-weight: 400;--mat-form-field-container-text-font: Lexend;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: .03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Lexend;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: .0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-stepper-header-icon-foreground-color: black;--mat-stepper-header-selected-state-icon-background-color: #c071f5;--mat-stepper-header-selected-state-icon-foreground-color: black;--mat-stepper-header-done-state-icon-background-color: #c071f5;--mat-stepper-header-done-state-icon-foreground-color: black;--mat-stepper-header-edit-state-icon-background-color: #c071f5;--mat-stepper-header-edit-state-icon-foreground-color: black;--mat-stepper-container-color: #424242;--mat-stepper-line-color: rgba(255, 255, 255, .12);--mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, .04);--mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, .04);--mat-stepper-header-label-text-color: rgba(255, 255, 255, .7);--mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, .7);--mat-stepper-header-selected-state-label-text-color: white;--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(255, 255, 255, .7);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-stepper-header-height: 72px;--mat-stepper-container-text-font: Lexend;--mat-stepper-header-label-text-font: Lexend;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400;--mdc-checkbox-disabled-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-state-layer-opacity: .16;--mdc-checkbox-selected-hover-state-layer-opacity: .04;--mdc-checkbox-selected-pressed-state-layer-opacity: .16;--mdc-checkbox-unselected-focus-state-layer-opacity: .16;--mdc-checkbox-unselected-hover-state-layer-opacity: .04;--mdc-checkbox-unselected-pressed-state-layer-opacity: .16;--mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-selected-checkmark-color: #000;--mdc-checkbox-selected-focus-icon-color: #c071f5;--mdc-checkbox-selected-hover-icon-color: #c071f5;--mdc-checkbox-selected-icon-color: #c071f5;--mdc-checkbox-selected-pressed-icon-color: #c071f5;--mdc-checkbox-unselected-focus-icon-color: #eeeeee;--mdc-checkbox-unselected-hover-icon-color: #eeeeee;--mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-selected-focus-state-layer-color: #c071f5;--mdc-checkbox-selected-hover-state-layer-color: #c071f5;--mdc-checkbox-selected-pressed-state-layer-color: #c071f5;--mdc-checkbox-unselected-focus-state-layer-color: white;--mdc-checkbox-unselected-hover-state-layer-color: white;--mdc-checkbox-unselected-pressed-state-layer-color: white;--mdc-checkbox-state-layer-size: 40px;--mdc-switch-disabled-handle-opacity: .38;--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-height: 20px;--mdc-switch-handle-shape: 10px;--mdc-switch-handle-width: 20px;--mdc-switch-selected-icon-size: 18px;--mdc-switch-track-height: 14px;--mdc-switch-track-shape: 7px;--mdc-switch-track-width: 36px;--mdc-switch-unselected-icon-size: 18px;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .04;--mdc-switch-selected-pressed-state-layer-opacity: .1;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .04;--mdc-switch-unselected-pressed-state-layer-opacity: .1;--mdc-switch-selected-focus-state-layer-color: #c071f5;--mdc-switch-selected-handle-color: #c071f5;--mdc-switch-selected-hover-state-layer-color: #c071f5;--mdc-switch-selected-pressed-state-layer-color: #c071f5;--mdc-switch-selected-focus-handle-color: #c071f5;--mdc-switch-selected-hover-handle-color: #c071f5;--mdc-switch-selected-pressed-handle-color: #c071f5;--mdc-switch-selected-focus-track-color: #8458b6;--mdc-switch-selected-hover-track-color: #8458b6;--mdc-switch-selected-pressed-track-color: #8458b6;--mdc-switch-selected-track-color: #8458b6;--mdc-switch-disabled-selected-handle-color: #000;--mdc-switch-disabled-selected-icon-color: #212121;--mdc-switch-disabled-selected-track-color: #f5f5f5;--mdc-switch-disabled-unselected-handle-color: #000;--mdc-switch-disabled-unselected-icon-color: #212121;--mdc-switch-disabled-unselected-track-color: #f5f5f5;--mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-switch-handle-shadow-color: black;--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-switch-selected-icon-color: #212121;--mdc-switch-unselected-focus-handle-color: #fafafa;--mdc-switch-unselected-focus-state-layer-color: #f5f5f5;--mdc-switch-unselected-focus-track-color: #616161;--mdc-switch-unselected-handle-color: #9e9e9e;--mdc-switch-unselected-hover-handle-color: #fafafa;--mdc-switch-unselected-hover-state-layer-color: #f5f5f5;--mdc-switch-unselected-hover-track-color: #616161;--mdc-switch-unselected-icon-color: #212121;--mdc-switch-unselected-pressed-handle-color: #fafafa;--mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;--mdc-switch-unselected-pressed-track-color: #616161;--mdc-switch-unselected-track-color: #616161;--mdc-switch-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-switch-state-layer-size: 40px;--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);--mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);--mat-select-placeholder-text-color: rgba(255, 255, 255, .6);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);--mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);--mat-select-focused-arrow-color: rgba(192, 113, 245, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87);--mat-select-trigger-text-font: Lexend;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: .03125em;--mat-select-trigger-text-weight: 400;--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0;--mdc-elevated-card-container-shape: 4px;--mdc-outlined-card-container-shape: 4px;--mdc-outlined-card-outline-width: 1px;--mdc-elevated-card-container-color: #424242;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: #424242;--mdc-outlined-card-outline-color: rgba(255, 255, 255, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(255, 255, 255, .7);--mat-card-title-text-font: Lexend;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: .0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Lexend;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: .0071428571em;--mat-card-subtitle-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-item-label-text-color: white;--mat-menu-item-icon-color: white;--mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-menu-container-color: #424242;--mat-menu-item-label-text-font: Lexend;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: .03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400;--mat-divider-width: 1px;--mat-divider-color: rgba(255, 255, 255, .12);--mdc-snackbar-container-shape: 4px;--mdc-snackbar-container-color: #d9d9d9;--mdc-snackbar-supporting-text-color: rgba(66, 66, 66, .87);--mat-snack-bar-button-color: rgba(0, 0, 0, .87);--mdc-snackbar-supporting-text-font: Lexend;--mdc-snackbar-supporting-text-line-height: 20px;--mdc-snackbar-supporting-text-size: 14px;--mdc-snackbar-supporting-text-weight: 400;--mdc-elevated-card-container-color: #202020;--mat-stepper-container-color: #202020;--mat-select-panel-background-color: #2b2b2b;--mat-menu-container-color: #1e1b33;--mdc-form-field-label-text-color: #e3e3e3}:root .mat-accent{--mat-option-selected-state-label-text-color: #c071f5;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}:root .mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}:root .mat-primary{--mat-full-pseudo-checkbox-selected-icon-color: #c071f5;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #c071f5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}:root .mat-accent{--mat-full-pseudo-checkbox-selected-icon-color: #c071f5;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #c071f5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}:root .mat-warn{--mat-full-pseudo-checkbox-selected-icon-color: #f44336;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}:root .mat-elevation-z0,:root .mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:root .mat-elevation-z1,:root .mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:root .mat-elevation-z2,:root .mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:root .mat-elevation-z3,:root .mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}:root .mat-elevation-z4,:root .mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}:root .mat-elevation-z5,:root .mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}:root .mat-elevation-z6,:root .mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}:root .mat-elevation-z7,:root .mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}:root .mat-elevation-z8,:root .mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:root .mat-elevation-z9,:root .mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}:root .mat-elevation-z10,:root .mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}:root .mat-elevation-z11,:root .mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}:root .mat-elevation-z12,:root .mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}:root .mat-elevation-z13,:root .mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}:root .mat-elevation-z14,:root .mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}:root .mat-elevation-z15,:root .mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}:root .mat-elevation-z16,:root .mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}:root .mat-elevation-z17,:root .mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}:root .mat-elevation-z18,:root .mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}:root .mat-elevation-z19,:root .mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}:root .mat-elevation-z20,:root .mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}:root .mat-elevation-z21,:root .mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}:root .mat-elevation-z22,:root .mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}:root .mat-elevation-z23,:root .mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}:root .mat-elevation-z24,:root .mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}:root .mat-icon.mat-primary{--mat-icon-color: #c071f5}:root .mat-icon.mat-accent{--mat-icon-color: #c071f5}:root .mat-icon.mat-warn{--mat-icon-color: #f44336}:root .mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #c071f5;--mat-text-button-state-layer-color: #c071f5;--mat-text-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #c071f5;--mat-text-button-state-layer-color: #c071f5;--mat-text-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336;--mat-text-button-state-layer-color: #f44336;--mat-text-button-ripple-color: rgba(244, 67, 54, .1)}:root .mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #c071f5;--mdc-filled-button-label-text-color: #000;--mat-filled-button-state-layer-color: #000;--mat-filled-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #c071f5;--mdc-filled-button-label-text-color: #000;--mat-filled-button-state-layer-color: #000;--mat-filled-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: #fff;--mat-filled-button-state-layer-color: #fff;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}:root .mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #c071f5;--mdc-protected-button-label-text-color: #000;--mat-protected-button-state-layer-color: #000;--mat-protected-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #c071f5;--mdc-protected-button-label-text-color: #000;--mat-protected-button-state-layer-color: #000;--mat-protected-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: #fff;--mat-protected-button-state-layer-color: #fff;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}:root .mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #c071f5;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #c071f5;--mat-outlined-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #c071f5;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #c071f5;--mat-outlined-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #f44336;--mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)}:root .mat-mdc-fab.mat-primary,:root .mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: #c071f5;--mat-fab-foreground-color: #000;--mat-fab-state-layer-color: #000;--mat-fab-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-fab.mat-accent,:root .mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: #c071f5;--mat-fab-foreground-color: #000;--mat-fab-state-layer-color: #000;--mat-fab-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-fab.mat-warn,:root .mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color: #f44336;--mat-fab-foreground-color: #fff;--mat-fab-state-layer-color: #fff;--mat-fab-ripple-color: rgba(255, 255, 255, .1)}:root .mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color: #c071f5;--mdc-filled-text-field-focus-active-indicator-color: #c071f5;--mdc-filled-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mdc-outlined-text-field-caret-color: #c071f5;--mdc-outlined-text-field-focus-outline-color: #c071f5;--mdc-outlined-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mat-form-field-focus-select-arrow-color: rgba(192, 113, 245, .87)}:root .mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color: #f44336;--mdc-filled-text-field-focus-active-indicator-color: #f44336;--mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mdc-outlined-text-field-caret-color: #f44336;--mdc-outlined-text-field-focus-outline-color: #f44336;--mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)}:root .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: black;--mat-stepper-header-selected-state-icon-background-color: #c071f5;--mat-stepper-header-selected-state-icon-foreground-color: black;--mat-stepper-header-done-state-icon-background-color: #c071f5;--mat-stepper-header-done-state-icon-foreground-color: black;--mat-stepper-header-edit-state-icon-background-color: #c071f5;--mat-stepper-header-edit-state-icon-foreground-color: black}:root .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}:root .mat-mdc-checkbox{--mdc-form-field-label-text-color: white}:root .mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-selected-checkmark-color: #000;--mdc-checkbox-selected-focus-icon-color: #c071f5;--mdc-checkbox-selected-hover-icon-color: #c071f5;--mdc-checkbox-selected-icon-color: #c071f5;--mdc-checkbox-selected-pressed-icon-color: #c071f5;--mdc-checkbox-unselected-focus-icon-color: #eeeeee;--mdc-checkbox-unselected-hover-icon-color: #eeeeee;--mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-selected-focus-state-layer-color: #c071f5;--mdc-checkbox-selected-hover-state-layer-color: #c071f5;--mdc-checkbox-selected-pressed-state-layer-color: #c071f5;--mdc-checkbox-unselected-focus-state-layer-color: white;--mdc-checkbox-unselected-hover-state-layer-color: white;--mdc-checkbox-unselected-pressed-state-layer-color: white}:root .mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #eeeeee;--mdc-checkbox-unselected-hover-icon-color: #eeeeee;--mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: white;--mdc-checkbox-unselected-hover-state-layer-color: white;--mdc-checkbox-unselected-pressed-state-layer-color: white}:root .mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:#ffffff80}:root .mat-mdc-checkbox{--mdc-form-field-label-text-font: Lexend;--mdc-form-field-label-text-line-height: 20px;--mdc-form-field-label-text-size: 14px;--mdc-form-field-label-text-tracking: .0178571429em;--mdc-form-field-label-text-weight: 400}:root .mat-mdc-slide-toggle{--mdc-form-field-label-text-color: white}:root .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: #c071f5;--mdc-switch-selected-handle-color: #c071f5;--mdc-switch-selected-hover-state-layer-color: #c071f5;--mdc-switch-selected-pressed-state-layer-color: #c071f5;--mdc-switch-selected-focus-handle-color: #c071f5;--mdc-switch-selected-hover-handle-color: #c071f5;--mdc-switch-selected-pressed-handle-color: #c071f5;--mdc-switch-selected-focus-track-color: #8458b6;--mdc-switch-selected-hover-track-color: #8458b6;--mdc-switch-selected-pressed-track-color: #8458b6;--mdc-switch-selected-track-color: #8458b6}:root .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: #e57373;--mdc-switch-selected-handle-color: #e57373;--mdc-switch-selected-hover-state-layer-color: #e57373;--mdc-switch-selected-pressed-state-layer-color: #e57373;--mdc-switch-selected-focus-handle-color: #ef9a9a;--mdc-switch-selected-hover-handle-color: #ef9a9a;--mdc-switch-selected-pressed-handle-color: #ef9a9a;--mdc-switch-selected-focus-track-color: #e53935;--mdc-switch-selected-hover-track-color: #e53935;--mdc-switch-selected-pressed-track-color: #e53935;--mdc-switch-selected-track-color: #e53935}:root .mat-mdc-slide-toggle{--mdc-form-field-label-text-font: Lexend;--mdc-form-field-label-text-line-height: 20px;--mdc-form-field-label-text-size: 14px;--mdc-form-field-label-text-tracking: .0178571429em;--mdc-form-field-label-text-weight: 400}:root .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);--mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);--mat-select-placeholder-text-color: rgba(255, 255, 255, .6);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);--mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);--mat-select-focused-arrow-color: rgba(192, 113, 245, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}:root .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);--mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);--mat-select-placeholder-text-color: rgba(255, 255, 255, .6);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);--mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);--mat-select-focused-arrow-color: rgba(244, 67, 54, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}:root .mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: #c071f5;--mdc-linear-progress-track-color: rgba(192, 113, 245, .25)}:root .mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color: #c071f5;--mdc-linear-progress-track-color: rgba(192, 113, 245, .25)}:root .mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color: #f44336;--mdc-linear-progress-track-color: rgba(244, 67, 54, .25)}.mat-divider{border-top-width:2px!important;border-color:#c071f5!important;border-radius:8px}.mat-divider.mat-divider-vertical{border-top-width:0!important;border-right-width:2px!important}.mat-mdc-form-field{width:100%!important}.mat-mdc-form-field-infix{display:flex!important;align-items:center!important;width:10.5rem!important;min-width:10.5rem!important}.mat-mdc-form-field-icon-prefix>.mat-icon,.mat-mdc-form-field-icon-suffix>.mat-icon{height:1rem;width:1rem;font-size:1rem;transition-duration:.2s;cursor:pointer}.mat-mdc-form-field-icon-prefix>.mat-icon:active,.mat-mdc-form-field-icon-suffix>.mat-icon:active{scale:.95}:root{--mat-form-field-container-height: 3rem;--mat-form-field-container-vertical-padding: .75rem}markdown>ul{margin-bottom:1rem!important;padding-left:1rem}.cdk-overlay-connected-position-bounding-box{right:0!important;width:100%!important}.cdk-overlay-connected-position-bounding-box>.cdk-overlay-pane:has(.cn-nav-menu){width:100%!important;top:5rem!important;right:0!important}.cdk-overlay-connected-position-bounding-box>.cdk-overlay-pane:has(.cn-nav-menu)>.mat-mdc-menu-panel.cn-nav-menu{max-width:100%!important;width:100%!important;transform-origin:top!important;border-radius:0!important;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024!important}div.mat-mdc-select-panel{padding:0!important}.mat-mdc-option .mdc-list-item__primary-text{margin:0 16px!important}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin:0 0 0 16px!important}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:inherit!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-focus-state-layer-color)!important}.cn-snack-bar>.mdc-snackbar__surface{background-color:#ffe8e8!important;border:thin solid #dc2626!important;padding:0!important}.cn-snack-bar button>span{max-height:2rem!important;padding:0!important}.cn-snack-bar .report>.mdc-button__label{color:#334155!important;font-size:small!important}.mat-horizontal-content-container{padding-top:8px!important}.mdc-switch__ripple{display:none!important}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color)!important}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:active) .mdc-switch__handle:after{background:var(--mdc-switch-unselected-focus-handle-color)!important}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#000!important}.mat-mdc-slide-toggle .mdc-label{color:#e3e3e3!important}.mdc-switch.mdc-switch--unselected:hover,.mdc-switch.mdc-switch--unselected+.mdc-label:hover,.mdc-switch.mdc-switch--selected.mdc-switch--checked:hover{background-color:inherit!important;filter:brightness(1.2)!important}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;display:flex;flex-direction:column}html,body{width:100%;font-family:Lexend,Roboto,Helvetica Neue,sans-serif}p{margin-bottom:1rem}ul,ol{list-style-position:outside}a{color:#68b0f3;text-decoration:none}a:hover{color:#86bfff;text-decoration:none}a:active{color:#95c5ff;text-decoration:none} +:root{--mdc-layout-grid-margin-desktop: 24px;--mdc-layout-grid-gutter-desktop: 24px;--mdc-layout-grid-column-width-desktop: 72px;--mdc-layout-grid-margin-tablet: 16px;--mdc-layout-grid-gutter-tablet: 16px;--mdc-layout-grid-column-width-tablet: 72px;--mdc-layout-grid-margin-phone: 16px;--mdc-layout-grid-gutter-phone: 16px;--mdc-layout-grid-column-width-phone: 72px}@media (min-width: 840px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:24px;padding:var(--mdc-layout-grid-margin-desktop, 24px)}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:16px;padding:var(--mdc-layout-grid-margin-tablet, 16px)}}@media (max-width: 599px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:16px;padding:var(--mdc-layout-grid-margin-phone, 16px)}}@media (min-width: 840px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1)}@supports (display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:24px;grid-gap:var(--mdc-layout-grid-gutter-desktop, 24px);grid-template-columns:repeat(12,minmax(0,1fr))}}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)}@supports (display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-tablet, 16px);grid-template-columns:repeat(8,minmax(0,1fr))}}}@media (max-width: 599px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1)}@supports (display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-phone, 16px);grid-template-columns:repeat(4,minmax(0,1fr))}}}@media (min-width: 840px){.mdc-layout-grid__cell{width:calc(33.3333333333% - 24px);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));box-sizing:border-box;margin:12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2)}@supports (display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports (display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:calc(8.3333333333% - 24px);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:calc(16.6666666667% - 24px);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:calc(25% - 24px);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:calc(33.3333333333% - 24px);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:calc(41.6666666667% - 24px);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:calc(50% - 24px);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:calc(58.3333333333% - 24px);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:calc(66.6666666667% - 24px);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:calc(75% - 24px);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:auto;grid-column-end:span 9}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:calc(83.3333333333% - 24px);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:auto;grid-column-end:span 10}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:calc(91.6666666667% - 24px);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:auto;grid-column-end:span 11}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:calc(100% - 24px);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:auto;grid-column-end:span 12}}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid__cell{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));box-sizing:border-box;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2)}@supports (display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports (display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:calc(12.5% - 16px);width:calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:calc(37.5% - 16px);width:calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:calc(62.5% - 16px);width:calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:calc(87.5% - 16px);width:calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:auto;grid-column-end:span 8}}}@media (max-width: 599px){.mdc-layout-grid__cell{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));box-sizing:border-box;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2)}@supports (display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports (display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:auto;grid-column-end:span 4}}}.mdc-layout-grid__cell--order-1{order:1}.mdc-layout-grid__cell--order-2{order:2}.mdc-layout-grid__cell--order-3{order:3}.mdc-layout-grid__cell--order-4{order:4}.mdc-layout-grid__cell--order-5{order:5}.mdc-layout-grid__cell--order-6{order:6}.mdc-layout-grid__cell--order-7{order:7}.mdc-layout-grid__cell--order-8{order:8}.mdc-layout-grid__cell--order-9{order:9}.mdc-layout-grid__cell--order-10{order:10}.mdc-layout-grid__cell--order-11{order:11}.mdc-layout-grid__cell--order-12{order:12}.mdc-layout-grid__cell--align-top{align-self:flex-start}@supports (display: grid){.mdc-layout-grid__cell--align-top{align-self:start}}.mdc-layout-grid__cell--align-middle{align-self:center}.mdc-layout-grid__cell--align-bottom{align-self:flex-end}@supports (display: grid){.mdc-layout-grid__cell--align-bottom{align-self:end}}@media (min-width: 840px){.mdc-layout-grid--fixed-column-width{width:1176px;width:calc(var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2)}}@media (min-width: 600px) and (max-width: 839px){.mdc-layout-grid--fixed-column-width{width:720px;width:calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)}}@media (max-width: 599px){.mdc-layout-grid--fixed-column-width{width:368px;width:calc(var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2)}}.mdc-layout-grid--align-left{margin-right:auto;margin-left:0}.mdc-layout-grid--align-right{margin-right:0;margin-left:auto}.cn-grid{display:flex;flex-flow:row wrap;align-items:stretch;margin:-.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2 * -1);grid-gap:1rem!important}@supports (display: grid){.cn-grid{display:grid;margin:0;grid-gap:1rem;grid-gap:var(--mdc-layout-grid-gutter-desktop, 1rem);grid-template-columns:repeat(12,minmax(0,1fr))}}.cn-grid>.cn-cell-1{width:calc(8.3333333333% - 1rem);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-1{width:auto;grid-column-end:span 1}}@supports (display: grid){.cn-grid>.cn-cell-1{margin:0}}.cn-grid>.cn-cell-1.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-1.align-self-center{justify-self:center}.cn-grid>.cn-cell-1.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-2{width:calc(16.6666666667% - 1rem);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-2{width:auto;grid-column-end:span 2}}@supports (display: grid){.cn-grid>.cn-cell-2{margin:0}}.cn-grid>.cn-cell-2.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-2.align-self-center{justify-self:center}.cn-grid>.cn-cell-2.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-3{width:calc(25% - 1rem);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-3{width:auto;grid-column-end:span 3}}@supports (display: grid){.cn-grid>.cn-cell-3{margin:0}}.cn-grid>.cn-cell-3.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-3.align-self-center{justify-self:center}.cn-grid>.cn-cell-3.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-4{width:calc(33.3333333333% - 1rem);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-4{width:auto;grid-column-end:span 4}}@supports (display: grid){.cn-grid>.cn-cell-4{margin:0}}.cn-grid>.cn-cell-4.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-4.align-self-center{justify-self:center}.cn-grid>.cn-cell-4.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-5{width:calc(41.6666666667% - 1rem);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-5{width:auto;grid-column-end:span 5}}@supports (display: grid){.cn-grid>.cn-cell-5{margin:0}}.cn-grid>.cn-cell-5.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-5.align-self-center{justify-self:center}.cn-grid>.cn-cell-5.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-6{width:calc(50% - 1rem);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-6{width:auto;grid-column-end:span 6}}@supports (display: grid){.cn-grid>.cn-cell-6{margin:0}}.cn-grid>.cn-cell-6.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-6.align-self-center{justify-self:center}.cn-grid>.cn-cell-6.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-7{width:calc(58.3333333333% - 1rem);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-7{width:auto;grid-column-end:span 7}}@supports (display: grid){.cn-grid>.cn-cell-7{margin:0}}.cn-grid>.cn-cell-7.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-7.align-self-center{justify-self:center}.cn-grid>.cn-cell-7.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-8{width:calc(66.6666666667% - 1rem);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-8{width:auto;grid-column-end:span 8}}@supports (display: grid){.cn-grid>.cn-cell-8{margin:0}}.cn-grid>.cn-cell-8.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-8.align-self-center{justify-self:center}.cn-grid>.cn-cell-8.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-9{width:calc(75% - 1rem);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-9{width:auto;grid-column-end:span 9}}@supports (display: grid){.cn-grid>.cn-cell-9{margin:0}}.cn-grid>.cn-cell-9.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-9.align-self-center{justify-self:center}.cn-grid>.cn-cell-9.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-10{width:calc(83.3333333333% - 1rem);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-10{width:auto;grid-column-end:span 10}}@supports (display: grid){.cn-grid>.cn-cell-10{margin:0}}.cn-grid>.cn-cell-10.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-10.align-self-center{justify-self:center}.cn-grid>.cn-cell-10.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-11{width:calc(91.6666666667% - 1rem);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-11{width:auto;grid-column-end:span 11}}@supports (display: grid){.cn-grid>.cn-cell-11{margin:0}}.cn-grid>.cn-cell-11.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-11.align-self-center{justify-self:center}.cn-grid>.cn-cell-11.align-self-end{justify-self:flex-end}.cn-grid>.cn-cell-12{width:calc(100% - 1rem);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, 1rem));box-sizing:border-box;margin:.5rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, 1rem) / 2)}@supports (display: grid){.cn-grid>.cn-cell-12{width:auto;grid-column-end:span 12}}@supports (display: grid){.cn-grid>.cn-cell-12{margin:0}}.cn-grid>.cn-cell-12.align-self-start{justify-self:flex-start}.cn-grid>.cn-cell-12.align-self-center{justify-self:center}.cn-grid>.cn-cell-12.align-self-end{justify-self:flex-end}.cn-grid-small{display:flex;flex-flow:row wrap;align-items:stretch;margin:-.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2 * -1);grid-gap:.75rem!important}@supports (display: grid){.cn-grid-small{display:grid;margin:0;grid-gap:.75rem;grid-gap:var(--mdc-layout-grid-gutter-desktop, .75rem);grid-template-columns:repeat(12,minmax(0,1fr))}}.cn-grid-small>.cn-cell-1{width:calc(8.3333333333% - .75rem);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-1{width:auto;grid-column-end:span 1}}@supports (display: grid){.cn-grid-small>.cn-cell-1{margin:0}}.cn-grid-small>.cn-cell-1.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-1.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-1.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-2{width:calc(16.6666666667% - .75rem);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-2{width:auto;grid-column-end:span 2}}@supports (display: grid){.cn-grid-small>.cn-cell-2{margin:0}}.cn-grid-small>.cn-cell-2.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-2.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-2.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-3{width:calc(25% - .75rem);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-3{width:auto;grid-column-end:span 3}}@supports (display: grid){.cn-grid-small>.cn-cell-3{margin:0}}.cn-grid-small>.cn-cell-3.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-3.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-3.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-4{width:calc(33.3333333333% - .75rem);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-4{width:auto;grid-column-end:span 4}}@supports (display: grid){.cn-grid-small>.cn-cell-4{margin:0}}.cn-grid-small>.cn-cell-4.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-4.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-4.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-5{width:calc(41.6666666667% - .75rem);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-5{width:auto;grid-column-end:span 5}}@supports (display: grid){.cn-grid-small>.cn-cell-5{margin:0}}.cn-grid-small>.cn-cell-5.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-5.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-5.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-6{width:calc(50% - .75rem);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-6{width:auto;grid-column-end:span 6}}@supports (display: grid){.cn-grid-small>.cn-cell-6{margin:0}}.cn-grid-small>.cn-cell-6.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-6.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-6.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-7{width:calc(58.3333333333% - .75rem);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-7{width:auto;grid-column-end:span 7}}@supports (display: grid){.cn-grid-small>.cn-cell-7{margin:0}}.cn-grid-small>.cn-cell-7.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-7.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-7.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-8{width:calc(66.6666666667% - .75rem);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-8{width:auto;grid-column-end:span 8}}@supports (display: grid){.cn-grid-small>.cn-cell-8{margin:0}}.cn-grid-small>.cn-cell-8.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-8.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-8.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-9{width:calc(75% - .75rem);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-9{width:auto;grid-column-end:span 9}}@supports (display: grid){.cn-grid-small>.cn-cell-9{margin:0}}.cn-grid-small>.cn-cell-9.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-9.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-9.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-10{width:calc(83.3333333333% - .75rem);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-10{width:auto;grid-column-end:span 10}}@supports (display: grid){.cn-grid-small>.cn-cell-10{margin:0}}.cn-grid-small>.cn-cell-10.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-10.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-10.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-11{width:calc(91.6666666667% - .75rem);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-11{width:auto;grid-column-end:span 11}}@supports (display: grid){.cn-grid-small>.cn-cell-11{margin:0}}.cn-grid-small>.cn-cell-11.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-11.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-11.align-self-end{justify-self:flex-end}.cn-grid-small>.cn-cell-12{width:calc(100% - .75rem);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, .75rem));box-sizing:border-box;margin:.375rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .75rem) / 2)}@supports (display: grid){.cn-grid-small>.cn-cell-12{width:auto;grid-column-end:span 12}}@supports (display: grid){.cn-grid-small>.cn-cell-12{margin:0}}.cn-grid-small>.cn-cell-12.align-self-start{justify-self:flex-start}.cn-grid-small>.cn-cell-12.align-self-center{justify-self:center}.cn-grid-small>.cn-cell-12.align-self-end{justify-self:flex-end}.cn-grid-tiny{display:flex;flex-flow:row wrap;align-items:stretch;margin:-.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2 * -1);grid-gap:.5rem!important}@supports (display: grid){.cn-grid-tiny{display:grid;margin:0;grid-gap:.5rem;grid-gap:var(--mdc-layout-grid-gutter-desktop, .5rem);grid-template-columns:repeat(12,minmax(0,1fr))}}.cn-grid-tiny>.cn-cell-1{width:calc(8.3333333333% - .5rem);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-1{width:auto;grid-column-end:span 1}}@supports (display: grid){.cn-grid-tiny>.cn-cell-1{margin:0}}.cn-grid-tiny>.cn-cell-1.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-1.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-1.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-2{width:calc(16.6666666667% - .5rem);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-2{width:auto;grid-column-end:span 2}}@supports (display: grid){.cn-grid-tiny>.cn-cell-2{margin:0}}.cn-grid-tiny>.cn-cell-2.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-2.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-2.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-3{width:calc(25% - .5rem);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-3{width:auto;grid-column-end:span 3}}@supports (display: grid){.cn-grid-tiny>.cn-cell-3{margin:0}}.cn-grid-tiny>.cn-cell-3.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-3.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-3.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-4{width:calc(33.3333333333% - .5rem);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-4{width:auto;grid-column-end:span 4}}@supports (display: grid){.cn-grid-tiny>.cn-cell-4{margin:0}}.cn-grid-tiny>.cn-cell-4.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-4.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-4.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-5{width:calc(41.6666666667% - .5rem);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-5{width:auto;grid-column-end:span 5}}@supports (display: grid){.cn-grid-tiny>.cn-cell-5{margin:0}}.cn-grid-tiny>.cn-cell-5.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-5.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-5.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-6{width:calc(50% - .5rem);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-6{width:auto;grid-column-end:span 6}}@supports (display: grid){.cn-grid-tiny>.cn-cell-6{margin:0}}.cn-grid-tiny>.cn-cell-6.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-6.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-6.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-7{width:calc(58.3333333333% - .5rem);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-7{width:auto;grid-column-end:span 7}}@supports (display: grid){.cn-grid-tiny>.cn-cell-7{margin:0}}.cn-grid-tiny>.cn-cell-7.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-7.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-7.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-8{width:calc(66.6666666667% - .5rem);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-8{width:auto;grid-column-end:span 8}}@supports (display: grid){.cn-grid-tiny>.cn-cell-8{margin:0}}.cn-grid-tiny>.cn-cell-8.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-8.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-8.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-9{width:calc(75% - .5rem);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-9{width:auto;grid-column-end:span 9}}@supports (display: grid){.cn-grid-tiny>.cn-cell-9{margin:0}}.cn-grid-tiny>.cn-cell-9.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-9.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-9.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-10{width:calc(83.3333333333% - .5rem);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-10{width:auto;grid-column-end:span 10}}@supports (display: grid){.cn-grid-tiny>.cn-cell-10{margin:0}}.cn-grid-tiny>.cn-cell-10.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-10.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-10.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-11{width:calc(91.6666666667% - .5rem);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-11{width:auto;grid-column-end:span 11}}@supports (display: grid){.cn-grid-tiny>.cn-cell-11{margin:0}}.cn-grid-tiny>.cn-cell-11.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-11.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-11.align-self-end{justify-self:flex-end}.cn-grid-tiny>.cn-cell-12{width:calc(100% - .5rem);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, .5rem));box-sizing:border-box;margin:.25rem;margin:calc(var(--mdc-layout-grid-gutter-desktop, .5rem) / 2)}@supports (display: grid){.cn-grid-tiny>.cn-cell-12{width:auto;grid-column-end:span 12}}@supports (display: grid){.cn-grid-tiny>.cn-cell-12{margin:0}}.cn-grid-tiny>.cn-cell-12.align-self-start{justify-self:flex-start}.cn-grid-tiny>.cn-cell-12.align-self-center{justify-self:center}.cn-grid-tiny>.cn-cell-12.align-self-end{justify-self:flex-end}.mdc-button:hover{filter:brightness(1.2)!important}.mat-mdc-card-header{padding:1rem!important}.mat-mdc-card-avatar{width:4rem!important;height:4rem!important;margin:0!important;border-radius:.25rem!important;align-self:center!important}.mat-mdc-card-title{font-size:2rem!important}.mat-mdc-card-content{display:flex!important;flex-direction:column!important;flex:1!important;padding:1rem!important}.mdc-card__actions{margin-top:auto!important;justify-content:space-between!important;padding:1rem!important}.mdc-checkbox__ripple{display:none!important}.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:#e3e3e3!important}.mdc-form-field:has(.mdc-checkbox){color:#e3e3e3!important}.mdc-form-field:has(.mdc-checkbox):hover{filter:brightness(1.2)!important}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}:root{color-scheme:dark;--mat-ripple-color: rgba(255, 255, 255, .1);--mat-option-selected-state-label-text-color: #c071f5;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08);--mat-optgroup-label-text-color: white;--mat-full-pseudo-checkbox-selected-icon-color: #c071f5;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #c071f5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;--mat-app-background-color: #303030;--mat-app-text-color: white;--mat-option-label-text-font: Lexend;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: .03125em;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-font: Lexend;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: .03125em;--mat-optgroup-label-text-weight: 400;--mat-sidenav-container-shape: 0;--mat-sidenav-container-divider-color: rgba(255, 255, 255, .12);--mat-sidenav-container-background-color: #424242;--mat-sidenav-container-text-color: white;--mat-sidenav-content-background-color: #303030;--mat-sidenav-content-text-color: white;--mat-sidenav-scrim-color: rgba(189, 189, 189, .6);--mat-icon-color: inherit;--mdc-text-button-container-shape: 4px;--mdc-text-button-keep-touch-target: false;--mdc-filled-button-container-shape: 4px;--mdc-filled-button-keep-touch-target: false;--mdc-protected-button-container-shape: 4px;--mdc-protected-button-keep-touch-target: false;--mdc-outlined-button-keep-touch-target: false;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 4px;--mdc-text-button-label-text-color: #fff;--mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-text-button-state-layer-color: #fff;--mat-text-button-disabled-state-layer-color: #fff;--mat-text-button-ripple-color: rgba(255, 255, 255, .1);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .24;--mat-text-button-pressed-state-layer-opacity: .24;--mdc-filled-button-container-color: #424242;--mdc-filled-button-label-text-color: #fff;--mdc-filled-button-disabled-container-color: rgba(255, 255, 255, .12);--mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-filled-button-state-layer-color: #fff;--mat-filled-button-disabled-state-layer-color: #fff;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .24;--mat-filled-button-pressed-state-layer-opacity: .24;--mdc-protected-button-container-color: #424242;--mdc-protected-button-label-text-color: #fff;--mdc-protected-button-disabled-container-color: rgba(255, 255, 255, .12);--mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-protected-button-container-shadow-color: #000;--mat-protected-button-state-layer-color: #fff;--mat-protected-button-disabled-state-layer-color: #fff;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .24;--mat-protected-button-pressed-state-layer-opacity: .24;--mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .12);--mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-outlined-button-label-text-color: #fff;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #fff;--mat-outlined-button-disabled-state-layer-color: #fff;--mat-outlined-button-ripple-color: rgba(255, 255, 255, .1);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .24;--mat-outlined-button-pressed-state-layer-opacity: .24;--mdc-text-button-container-height: 36px;--mdc-filled-button-container-height: 36px;--mdc-outlined-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-text-button-label-text-font: Lexend;--mdc-text-button-label-text-size: 14px;--mdc-text-button-label-text-tracking: .0892857143em;--mdc-text-button-label-text-weight: 500;--mdc-text-button-label-text-transform: none;--mdc-filled-button-label-text-font: Lexend;--mdc-filled-button-label-text-size: 14px;--mdc-filled-button-label-text-tracking: .0892857143em;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-label-text-transform: none;--mdc-outlined-button-label-text-font: Lexend;--mdc-outlined-button-label-text-size: 14px;--mdc-outlined-button-label-text-tracking: .0892857143em;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-label-text-transform: none;--mdc-protected-button-label-text-font: Lexend;--mdc-protected-button-label-text-size: 14px;--mdc-protected-button-label-text-tracking: .0892857143em;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-label-text-transform: none;--mdc-fab-container-shape: 50%;--mdc-fab-icon-size: 24px;--mdc-fab-container-color: #424242;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mdc-fab-container-shadow-color: #000;--mat-fab-foreground-color: white;--mat-fab-state-layer-color: #fff;--mat-fab-disabled-state-layer-color: #fff;--mat-fab-ripple-color: rgba(255, 255, 255, .1);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .24;--mat-fab-pressed-state-layer-opacity: .24;--mat-fab-disabled-state-container-color: rgba(255, 255, 255, .12);--mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, .5);--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mdc-extended-fab-container-shadow-color: #000;--mdc-extended-fab-label-text-font: Lexend;--mdc-extended-fab-label-text-size: 14px;--mdc-extended-fab-label-text-tracking: .0892857143em;--mdc-extended-fab-label-text-weight: 500;--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mdc-filled-text-field-caret-color: #c071f5;--mdc-filled-text-field-focus-active-indicator-color: #c071f5;--mdc-filled-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mdc-filled-text-field-container-color: #4a4a4a;--mdc-filled-text-field-disabled-container-color: #464646;--mdc-filled-text-field-label-text-color: rgba(255, 255, 255, .6);--mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, .6);--mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, .38);--mdc-filled-text-field-input-text-color: rgba(255, 255, 255, .87);--mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, .38);--mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);--mdc-filled-text-field-error-hover-label-text-color: #f44336;--mdc-filled-text-field-error-focus-label-text-color: #f44336;--mdc-filled-text-field-error-label-text-color: #f44336;--mdc-filled-text-field-error-caret-color: #f44336;--mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, .42);--mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, .06);--mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, .87);--mdc-filled-text-field-error-active-indicator-color: #f44336;--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;--mdc-outlined-text-field-caret-color: #c071f5;--mdc-outlined-text-field-focus-outline-color: #c071f5;--mdc-outlined-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .6);--mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, .6);--mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, .38);--mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, .87);--mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, .38);--mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);--mdc-outlined-text-field-error-caret-color: #f44336;--mdc-outlined-text-field-error-focus-label-text-color: #f44336;--mdc-outlined-text-field-error-label-text-color: #f44336;--mdc-outlined-text-field-error-hover-label-text-color: #f44336;--mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .38);--mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, .06);--mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .87);--mdc-outlined-text-field-error-focus-outline-color: #f44336;--mdc-outlined-text-field-error-hover-outline-color: #f44336;--mdc-outlined-text-field-error-outline-color: #f44336;--mat-form-field-focus-select-arrow-color: rgba(192, 113, 245, .87);--mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, .38);--mat-form-field-state-layer-color: rgba(255, 255, 255, .87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: rgba(0, 0, 0, .87);--mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, .38);--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, .54);--mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, .38);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-focus-state-layer-opacity: .24;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mdc-filled-text-field-label-text-font: Lexend;--mdc-filled-text-field-label-text-size: 16px;--mdc-filled-text-field-label-text-tracking: .03125em;--mdc-filled-text-field-label-text-weight: 400;--mdc-outlined-text-field-label-text-font: Lexend;--mdc-outlined-text-field-label-text-size: 16px;--mdc-outlined-text-field-label-text-tracking: .03125em;--mdc-outlined-text-field-label-text-weight: 400;--mat-form-field-container-text-font: Lexend;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: .03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Lexend;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: .0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-stepper-header-icon-foreground-color: black;--mat-stepper-header-selected-state-icon-background-color: #c071f5;--mat-stepper-header-selected-state-icon-foreground-color: black;--mat-stepper-header-done-state-icon-background-color: #c071f5;--mat-stepper-header-done-state-icon-foreground-color: black;--mat-stepper-header-edit-state-icon-background-color: #c071f5;--mat-stepper-header-edit-state-icon-foreground-color: black;--mat-stepper-container-color: #424242;--mat-stepper-line-color: rgba(255, 255, 255, .12);--mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, .04);--mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, .04);--mat-stepper-header-label-text-color: rgba(255, 255, 255, .7);--mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, .7);--mat-stepper-header-selected-state-label-text-color: white;--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(255, 255, 255, .7);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-stepper-header-height: 72px;--mat-stepper-container-text-font: Lexend;--mat-stepper-header-label-text-font: Lexend;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400;--mdc-checkbox-disabled-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-state-layer-opacity: .16;--mdc-checkbox-selected-hover-state-layer-opacity: .04;--mdc-checkbox-selected-pressed-state-layer-opacity: .16;--mdc-checkbox-unselected-focus-state-layer-opacity: .16;--mdc-checkbox-unselected-hover-state-layer-opacity: .04;--mdc-checkbox-unselected-pressed-state-layer-opacity: .16;--mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-selected-checkmark-color: #000;--mdc-checkbox-selected-focus-icon-color: #c071f5;--mdc-checkbox-selected-hover-icon-color: #c071f5;--mdc-checkbox-selected-icon-color: #c071f5;--mdc-checkbox-selected-pressed-icon-color: #c071f5;--mdc-checkbox-unselected-focus-icon-color: #eeeeee;--mdc-checkbox-unselected-hover-icon-color: #eeeeee;--mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-selected-focus-state-layer-color: #c071f5;--mdc-checkbox-selected-hover-state-layer-color: #c071f5;--mdc-checkbox-selected-pressed-state-layer-color: #c071f5;--mdc-checkbox-unselected-focus-state-layer-color: white;--mdc-checkbox-unselected-hover-state-layer-color: white;--mdc-checkbox-unselected-pressed-state-layer-color: white;--mdc-checkbox-state-layer-size: 40px;--mdc-switch-disabled-handle-opacity: .38;--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-height: 20px;--mdc-switch-handle-shape: 10px;--mdc-switch-handle-width: 20px;--mdc-switch-selected-icon-size: 18px;--mdc-switch-track-height: 14px;--mdc-switch-track-shape: 7px;--mdc-switch-track-width: 36px;--mdc-switch-unselected-icon-size: 18px;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .04;--mdc-switch-selected-pressed-state-layer-opacity: .1;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .04;--mdc-switch-unselected-pressed-state-layer-opacity: .1;--mdc-switch-selected-focus-state-layer-color: #c071f5;--mdc-switch-selected-handle-color: #c071f5;--mdc-switch-selected-hover-state-layer-color: #c071f5;--mdc-switch-selected-pressed-state-layer-color: #c071f5;--mdc-switch-selected-focus-handle-color: #c071f5;--mdc-switch-selected-hover-handle-color: #c071f5;--mdc-switch-selected-pressed-handle-color: #c071f5;--mdc-switch-selected-focus-track-color: #8458b6;--mdc-switch-selected-hover-track-color: #8458b6;--mdc-switch-selected-pressed-track-color: #8458b6;--mdc-switch-selected-track-color: #8458b6;--mdc-switch-disabled-selected-handle-color: #000;--mdc-switch-disabled-selected-icon-color: #212121;--mdc-switch-disabled-selected-track-color: #f5f5f5;--mdc-switch-disabled-unselected-handle-color: #000;--mdc-switch-disabled-unselected-icon-color: #212121;--mdc-switch-disabled-unselected-track-color: #f5f5f5;--mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-switch-handle-shadow-color: black;--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-switch-selected-icon-color: #212121;--mdc-switch-unselected-focus-handle-color: #fafafa;--mdc-switch-unselected-focus-state-layer-color: #f5f5f5;--mdc-switch-unselected-focus-track-color: #616161;--mdc-switch-unselected-handle-color: #9e9e9e;--mdc-switch-unselected-hover-handle-color: #fafafa;--mdc-switch-unselected-hover-state-layer-color: #f5f5f5;--mdc-switch-unselected-hover-track-color: #616161;--mdc-switch-unselected-icon-color: #212121;--mdc-switch-unselected-pressed-handle-color: #fafafa;--mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;--mdc-switch-unselected-pressed-track-color: #616161;--mdc-switch-unselected-track-color: #616161;--mdc-switch-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-switch-state-layer-size: 40px;--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);--mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);--mat-select-placeholder-text-color: rgba(255, 255, 255, .6);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);--mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);--mat-select-focused-arrow-color: rgba(192, 113, 245, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87);--mat-select-trigger-text-font: Lexend;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: .03125em;--mat-select-trigger-text-weight: 400;--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0;--mdc-elevated-card-container-shape: 4px;--mdc-outlined-card-container-shape: 4px;--mdc-outlined-card-outline-width: 1px;--mdc-elevated-card-container-color: #424242;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: #424242;--mdc-outlined-card-outline-color: rgba(255, 255, 255, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(255, 255, 255, .7);--mat-card-title-text-font: Lexend;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: .0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Lexend;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: .0071428571em;--mat-card-subtitle-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-item-label-text-color: white;--mat-menu-item-icon-color: white;--mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-menu-container-color: #424242;--mat-menu-item-label-text-font: Lexend;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: .03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400;--mat-divider-width: 1px;--mat-divider-color: rgba(255, 255, 255, .12);--mdc-snackbar-container-shape: 4px;--mdc-snackbar-container-color: #d9d9d9;--mdc-snackbar-supporting-text-color: rgba(66, 66, 66, .87);--mat-snack-bar-button-color: rgba(0, 0, 0, .87);--mdc-snackbar-supporting-text-font: Lexend;--mdc-snackbar-supporting-text-line-height: 20px;--mdc-snackbar-supporting-text-size: 14px;--mdc-snackbar-supporting-text-weight: 400;--mdc-elevated-card-container-color: #202020;--mat-stepper-container-color: #202020;--mat-select-panel-background-color: #2b2b2b;--mat-menu-container-color: #1e1b33;--mdc-form-field-label-text-color: #e3e3e3}:root .mat-accent{--mat-option-selected-state-label-text-color: #c071f5;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}:root .mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}:root .mat-primary{--mat-full-pseudo-checkbox-selected-icon-color: #c071f5;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #c071f5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}:root .mat-accent{--mat-full-pseudo-checkbox-selected-icon-color: #c071f5;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #c071f5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}:root .mat-warn{--mat-full-pseudo-checkbox-selected-icon-color: #f44336;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}:root .mat-elevation-z0,:root .mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:root .mat-elevation-z1,:root .mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:root .mat-elevation-z2,:root .mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:root .mat-elevation-z3,:root .mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}:root .mat-elevation-z4,:root .mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}:root .mat-elevation-z5,:root .mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}:root .mat-elevation-z6,:root .mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}:root .mat-elevation-z7,:root .mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}:root .mat-elevation-z8,:root .mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:root .mat-elevation-z9,:root .mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}:root .mat-elevation-z10,:root .mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}:root .mat-elevation-z11,:root .mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}:root .mat-elevation-z12,:root .mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}:root .mat-elevation-z13,:root .mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}:root .mat-elevation-z14,:root .mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}:root .mat-elevation-z15,:root .mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}:root .mat-elevation-z16,:root .mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}:root .mat-elevation-z17,:root .mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}:root .mat-elevation-z18,:root .mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}:root .mat-elevation-z19,:root .mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}:root .mat-elevation-z20,:root .mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}:root .mat-elevation-z21,:root .mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}:root .mat-elevation-z22,:root .mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}:root .mat-elevation-z23,:root .mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}:root .mat-elevation-z24,:root .mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}:root .mat-icon.mat-primary{--mat-icon-color: #c071f5}:root .mat-icon.mat-accent{--mat-icon-color: #c071f5}:root .mat-icon.mat-warn{--mat-icon-color: #f44336}:root .mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #c071f5;--mat-text-button-state-layer-color: #c071f5;--mat-text-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #c071f5;--mat-text-button-state-layer-color: #c071f5;--mat-text-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336;--mat-text-button-state-layer-color: #f44336;--mat-text-button-ripple-color: rgba(244, 67, 54, .1)}:root .mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #c071f5;--mdc-filled-button-label-text-color: #000;--mat-filled-button-state-layer-color: #000;--mat-filled-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #c071f5;--mdc-filled-button-label-text-color: #000;--mat-filled-button-state-layer-color: #000;--mat-filled-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: #fff;--mat-filled-button-state-layer-color: #fff;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}:root .mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #c071f5;--mdc-protected-button-label-text-color: #000;--mat-protected-button-state-layer-color: #000;--mat-protected-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #c071f5;--mdc-protected-button-label-text-color: #000;--mat-protected-button-state-layer-color: #000;--mat-protected-button-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: #fff;--mat-protected-button-state-layer-color: #fff;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}:root .mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #c071f5;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #c071f5;--mat-outlined-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #c071f5;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #c071f5;--mat-outlined-button-ripple-color: rgba(192, 113, 245, .1)}:root .mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #f44336;--mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)}:root .mat-mdc-fab.mat-primary,:root .mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: #c071f5;--mat-fab-foreground-color: #000;--mat-fab-state-layer-color: #000;--mat-fab-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-fab.mat-accent,:root .mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: #c071f5;--mat-fab-foreground-color: #000;--mat-fab-state-layer-color: #000;--mat-fab-ripple-color: rgba(0, 0, 0, .1)}:root .mat-mdc-fab.mat-warn,:root .mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color: #f44336;--mat-fab-foreground-color: #fff;--mat-fab-state-layer-color: #fff;--mat-fab-ripple-color: rgba(255, 255, 255, .1)}:root .mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color: #c071f5;--mdc-filled-text-field-focus-active-indicator-color: #c071f5;--mdc-filled-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mdc-outlined-text-field-caret-color: #c071f5;--mdc-outlined-text-field-focus-outline-color: #c071f5;--mdc-outlined-text-field-focus-label-text-color: rgba(192, 113, 245, .87);--mat-form-field-focus-select-arrow-color: rgba(192, 113, 245, .87)}:root .mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color: #f44336;--mdc-filled-text-field-focus-active-indicator-color: #f44336;--mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mdc-outlined-text-field-caret-color: #f44336;--mdc-outlined-text-field-focus-outline-color: #f44336;--mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)}:root .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: black;--mat-stepper-header-selected-state-icon-background-color: #c071f5;--mat-stepper-header-selected-state-icon-foreground-color: black;--mat-stepper-header-done-state-icon-background-color: #c071f5;--mat-stepper-header-done-state-icon-foreground-color: black;--mat-stepper-header-edit-state-icon-background-color: #c071f5;--mat-stepper-header-edit-state-icon-foreground-color: black}:root .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}:root .mat-mdc-checkbox{--mdc-form-field-label-text-color: white}:root .mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-selected-checkmark-color: #000;--mdc-checkbox-selected-focus-icon-color: #c071f5;--mdc-checkbox-selected-hover-icon-color: #c071f5;--mdc-checkbox-selected-icon-color: #c071f5;--mdc-checkbox-selected-pressed-icon-color: #c071f5;--mdc-checkbox-unselected-focus-icon-color: #eeeeee;--mdc-checkbox-unselected-hover-icon-color: #eeeeee;--mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-selected-focus-state-layer-color: #c071f5;--mdc-checkbox-selected-hover-state-layer-color: #c071f5;--mdc-checkbox-selected-pressed-state-layer-color: #c071f5;--mdc-checkbox-unselected-focus-state-layer-color: white;--mdc-checkbox-unselected-hover-state-layer-color: white;--mdc-checkbox-unselected-pressed-state-layer-color: white}:root .mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #eeeeee;--mdc-checkbox-unselected-hover-icon-color: #eeeeee;--mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: white;--mdc-checkbox-unselected-hover-state-layer-color: white;--mdc-checkbox-unselected-pressed-state-layer-color: white}:root .mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:#ffffff80}:root .mat-mdc-checkbox{--mdc-form-field-label-text-font: Lexend;--mdc-form-field-label-text-line-height: 20px;--mdc-form-field-label-text-size: 14px;--mdc-form-field-label-text-tracking: .0178571429em;--mdc-form-field-label-text-weight: 400}:root .mat-mdc-slide-toggle{--mdc-form-field-label-text-color: white}:root .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: #c071f5;--mdc-switch-selected-handle-color: #c071f5;--mdc-switch-selected-hover-state-layer-color: #c071f5;--mdc-switch-selected-pressed-state-layer-color: #c071f5;--mdc-switch-selected-focus-handle-color: #c071f5;--mdc-switch-selected-hover-handle-color: #c071f5;--mdc-switch-selected-pressed-handle-color: #c071f5;--mdc-switch-selected-focus-track-color: #8458b6;--mdc-switch-selected-hover-track-color: #8458b6;--mdc-switch-selected-pressed-track-color: #8458b6;--mdc-switch-selected-track-color: #8458b6}:root .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: #e57373;--mdc-switch-selected-handle-color: #e57373;--mdc-switch-selected-hover-state-layer-color: #e57373;--mdc-switch-selected-pressed-state-layer-color: #e57373;--mdc-switch-selected-focus-handle-color: #ef9a9a;--mdc-switch-selected-hover-handle-color: #ef9a9a;--mdc-switch-selected-pressed-handle-color: #ef9a9a;--mdc-switch-selected-focus-track-color: #e53935;--mdc-switch-selected-hover-track-color: #e53935;--mdc-switch-selected-pressed-track-color: #e53935;--mdc-switch-selected-track-color: #e53935}:root .mat-mdc-slide-toggle{--mdc-form-field-label-text-font: Lexend;--mdc-form-field-label-text-line-height: 20px;--mdc-form-field-label-text-size: 14px;--mdc-form-field-label-text-tracking: .0178571429em;--mdc-form-field-label-text-weight: 400}:root .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);--mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);--mat-select-placeholder-text-color: rgba(255, 255, 255, .6);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);--mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);--mat-select-focused-arrow-color: rgba(192, 113, 245, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}:root .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);--mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);--mat-select-placeholder-text-color: rgba(255, 255, 255, .6);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);--mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);--mat-select-focused-arrow-color: rgba(244, 67, 54, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}:root .mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: #c071f5;--mdc-linear-progress-track-color: rgba(192, 113, 245, .25)}:root .mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color: #c071f5;--mdc-linear-progress-track-color: rgba(192, 113, 245, .25)}:root .mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color: #f44336;--mdc-linear-progress-track-color: rgba(244, 67, 54, .25)}.mat-divider{border-top-width:2px!important;border-color:#c071f5!important;border-radius:8px}.mat-divider.mat-divider-vertical{border-top-width:0!important;border-right-width:2px!important}.mat-mdc-form-field{width:100%!important}.mat-mdc-form-field-infix{display:flex!important;align-items:center!important;width:10.5rem!important}.mat-mdc-form-field-icon-prefix>.mat-icon,.mat-mdc-form-field-icon-suffix>.mat-icon{height:1rem;width:1rem;font-size:1rem;transition-duration:.2s;cursor:pointer}.mat-mdc-form-field-icon-prefix>.mat-icon:active,.mat-mdc-form-field-icon-suffix>.mat-icon:active{scale:.95}:root{--mat-form-field-container-height: 3rem;--mat-form-field-container-vertical-padding: .75rem}markdown>ul{margin-bottom:1rem!important;padding-left:1rem}.cdk-overlay-connected-position-bounding-box{right:0!important;width:100%!important}.cdk-overlay-connected-position-bounding-box>.cdk-overlay-pane:has(.cn-nav-menu){width:100%!important;top:5rem!important;right:0!important}.cdk-overlay-connected-position-bounding-box>.cdk-overlay-pane:has(.cn-nav-menu)>.mat-mdc-menu-panel.cn-nav-menu{max-width:100%!important;width:100%!important;transform-origin:top!important;border-radius:0!important;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024!important}div.mat-mdc-select-panel{padding:0!important}.mat-mdc-option .mdc-list-item__primary-text{margin:0 16px!important}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin:0 0 0 16px!important}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:inherit!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-focus-state-layer-color)!important}.cn-snack-bar>.mdc-snackbar__surface{background-color:#ffe8e8!important;border:thin solid #dc2626!important;padding:0!important}.cn-snack-bar button>span{max-height:2rem!important;padding:0!important}.cn-snack-bar .report>.mdc-button__label{color:#334155!important;font-size:small!important}.mat-horizontal-content-container,.mat-vertical-content{padding-top:8px!important}.mdc-switch__ripple{display:none!important}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color)!important}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:active) .mdc-switch__handle:after{background:var(--mdc-switch-unselected-focus-handle-color)!important}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#000!important}.mat-mdc-slide-toggle .mdc-label{color:#e3e3e3!important;margin-left:.5rem!important}.mdc-switch.mdc-switch--unselected:hover,.mdc-switch.mdc-switch--unselected+.mdc-label:hover,.mdc-switch.mdc-switch--selected.mdc-switch--checked:hover{background-color:inherit!important;filter:brightness(1.2)!important}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;display:flex;flex-direction:column}html,body{width:100%;font-family:Lexend,Roboto,Helvetica Neue,sans-serif}p{margin-bottom:1rem}ul,ol{list-style-position:outside}a{color:#68b0f3;text-decoration:none}a:hover{color:#86bfff;text-decoration:none}a:active{color:#95c5ff;text-decoration:none} diff --git a/src/app/feature/generator/component/generator-form/generator-form.component.html b/src/app/feature/generator/component/generator-form/generator-form.component.html index cce6fc9..726428f 100644 --- a/src/app/feature/generator/component/generator-form/generator-form.component.html +++ b/src/app/feature/generator/component/generator-form/generator-form.component.html @@ -1,34 +1,38 @@
- - - -
- - - - -
- - -
- - - - -
- - -
- -
- - -
- - - -
- - + @if (stepperOrientation$ | async; as orientation) { + + +
+ + + + +
+ + +
+ + + + +
+ + +
+ +
+ + +
+ + + +
+ + + } +
+ + +
- diff --git a/src/app/feature/generator/component/generator-form/generator-form.component.scss b/src/app/feature/generator/component/generator-form/generator-form.component.scss index ee311e1..d6e62e5 100644 --- a/src/app/feature/generator/component/generator-form/generator-form.component.scss +++ b/src/app/feature/generator/component/generator-form/generator-form.component.scss @@ -1,5 +1,26 @@ +@import "variables"; + :host { - cn-checkbox { - padding-bottom: 1.5rem; + form { + min-width: $mobile - 2rem - 1rem; + + cn-checkbox { + &.horizontal { + padding-bottom: 1.25rem; + } + &.vertical { + padding-bottom: 0.75rem; + } + } + + .short-step { + // display: flex; + align-items: center; + height: 156px; + } + + .form-footer { + padding: 1rem; + } } } diff --git a/src/app/feature/generator/component/generator-form/generator-form.component.ts b/src/app/feature/generator/component/generator-form/generator-form.component.ts index 7fe1f6b..fc725c5 100644 --- a/src/app/feature/generator/component/generator-form/generator-form.component.ts +++ b/src/app/feature/generator/component/generator-form/generator-form.component.ts @@ -1,6 +1,6 @@ import {BreakpointObserver} from '@angular/cdk/layout'; import {StepperOrientation} from '@angular/cdk/stepper'; -import {AsyncPipe} from '@angular/common'; +import {CommonModule} from '@angular/common'; import {Component, Input, OnChanges, OnInit} from '@angular/core'; import {FormControl, ReactiveFormsModule, Validators} from '@angular/forms'; import {MatIconModule} from '@angular/material/icon'; @@ -40,7 +40,7 @@ import {ToggleComponent} from '~cn/shared/component/form/toggle/toggle.component selector: 'cn-generator-form', standalone: true, imports: [ - AsyncPipe, + CommonModule, StepDirective, MatIconModule, ReactiveFormsModule, @@ -233,12 +233,33 @@ export class GeneratorFormComponent extends FormComponent implemen this.form.controls.authors.setValidators([Validators.required, GeneratorValidators.notInclude(...TEMPLATE_AUTHORS)]); this.form.controls.githubUser.setValidators([Validators.required, GeneratorValidators.notMatch(TEMPLATE_GITHUB_USER)]); } - this.form.controls.group.updateValueAndValidity(); - this.form.controls.authors.updateValueAndValidity(); - this.form.controls.githubUser.updateValueAndValidity(); + this.form.controls.group.markAsPristine(); + this.form.controls.group.markAsUntouched(); + this.form.controls.authors.markAsPristine(); + this.form.controls.authors.markAsUntouched(); + this.form.controls.githubUser.markAsPristine(); + this.form.controls.githubUser.markAsUntouched(); }); } + /** + * Returns the most appropriate cell span class depending on the orientation and the base value. + * + * @public + * @param {StepperOrientation} orientation stepper orientation. + * @param {number} base value to use when the orientation allows to put multiple elements in a single row. + * @returns {string} cell span class. + */ + public getCellSpan(orientation: StepperOrientation, base: number) { + switch (orientation) { + case 'vertical': + return 'cn-cell-12'; + case 'horizontal': + default: + return `cn-cell-${base}`; + } + } + /** * @inheritdoc * @@ -295,7 +316,7 @@ export class GeneratorFormComponent extends FormComponent implemen nonNullable: true, validators: Validators.required }), - crystalNestMod: new FormControl(true, { + crystalNestMod: new FormControl(false, { nonNullable: true, validators: Validators.required }), diff --git a/src/styles/override/input.scss b/src/styles/override/input.scss index ea9245a..ae9ffa1 100644 --- a/src/styles/override/input.scss +++ b/src/styles/override/input.scss @@ -6,7 +6,6 @@ display: flex !important; align-items: center !important; width: 10.5rem !important; - min-width: 10.5rem !important; } .mat-mdc-form-field-icon-prefix > .mat-icon, diff --git a/src/styles/override/stepper.scss b/src/styles/override/stepper.scss index 0faa394..032bdd2 100644 --- a/src/styles/override/stepper.scss +++ b/src/styles/override/stepper.scss @@ -1,3 +1,7 @@ .mat-horizontal-content-container { padding-top: 8px !important; } + +.mat-vertical-content { + padding-top: 8px !important; +} diff --git a/src/styles/override/toggle.scss b/src/styles/override/toggle.scss index 6482d2b..f86f7ed 100644 --- a/src/styles/override/toggle.scss +++ b/src/styles/override/toggle.scss @@ -16,6 +16,7 @@ .mat-mdc-slide-toggle .mdc-label { color: #e3e3e3 !important; + margin-left: 0.5rem !important; } .mdc-switch.mdc-switch--unselected:hover,