diff --git a/packages/craftcms-cp/src/styles/shared/tokens.css b/packages/craftcms-cp/src/styles/shared/tokens.css index fa624db52f7..c204f8b8231 100644 --- a/packages/craftcms-cp/src/styles/shared/tokens.css +++ b/packages/craftcms-cp/src/styles/shared/tokens.css @@ -134,7 +134,7 @@ --c-size-icon-lg: calc(22rem / 16); --c-size-icon-xl: calc(30rem / 16); - --c-size-control-sm: calc(20rem / 16); + --c-size-control-sm: calc(24rem / 16); --c-size-control-md: calc(34rem / 16); --c-size-control-lg: calc(44rem / 16); diff --git a/resources/build/SettingsGeneralPage.js b/resources/build/SettingsGeneralPage.js index b9209f117ef..510576ee8fe 100644 --- a/resources/build/SettingsGeneralPage.js +++ b/resources/build/SettingsGeneralPage.js @@ -1 +1 @@ -import{E as N,f as V,c as k,z,k as s,D as P,A as C,q as e,j as l,m as h,p as v,F as y,n as w,K as p,u as r,G as g,H as M,I as U,w as A,J as B,y as x,T as R,N as Z,O as q,P as G,Q,l as T,v as O,M as j}from"./cp2.js";import{_ as $,a as K,b as H,i as _}from"./_plugin-vue_export-helper.js";import"./legacy.js";function I(){const a=N();return new Proxy({},{get(t,m){return a.props.craft?.[m]}})}const W={class:"system-info__icon"},J=["src"],X={class:"system-info__name"},Y=V({__name:"SystemInfo",setup(a){const t=I(),m=k(()=>t.system),u=k(()=>t.site),i=k(()=>u.value.url?"a":"div");return(d,o)=>(s(),z(P(i.value),{class:"system-info",href:u.value.url||"",target:u.value.url?"_blank":"",tabindex:"0"},{default:C(()=>[e("div",W,[m.value.icon?(s(),l("img",{key:0,src:m.value.icon.url,alt:""},null,8,J)):h("",!0)]),e("div",X,v(m.value.name),1)]),_:1},8,["href","target"]))}}),F=$(Y,[["__scopeId","data-v-0a723ce7"]]),ee={label:"Primary"},te=["icon","url","active","indicator"],ae={key:0,slot:"subnav"},se=["icon","active","url","indicator"],ne=V({__name:"MainNav",setup(a){const{nav:t}=I();return(m,u)=>(s(),l("craft-navigation",ee,[(s(!0),l(y,null,w(r(t),i=>(s(),l("craft-nav-item",{key:i.url,icon:i.icon,url:i.url,active:i.sel,indicator:!!i.badgeCount},[p(v(i.label)+" ",1),i.subnav?(s(),l(y,{key:0},[i.subnav?(s(),l("craft-navigation",ae,[(s(!0),l(y,null,w(i.subnav,d=>(s(),l("craft-nav-item",{key:d.url,icon:d.icon,active:d.sel,url:d.url,indicator:d.badgeCount},v(d.label),9,se))),128))])):h("",!0)],64)):h("",!0)],8,te))),128))]))}}),le={class:"flex justify-center py-4 px-2 text-muted"},ie={lang:"en",class:"flex items-center gap-2"},oe={class:"edition-logo"},re={"aria-hidden":"true"},de={class:"sr-only"},ue=V({__name:"EditionInfo",setup(a){const{app:t}=I(),m=k(()=>`${t.edition.name} Edition`);return(u,i)=>(s(),l("div",le,[e("div",null,[e("span",ie,[i[0]||(i[0]=p(" Craft CMS ",-1)),e("span",oe,[e("span",re,v(r(t).edition.name),1),e("span",de,v(m.value),1)]),p(" "+v(r(t).version),1)])])]))}}),ce=$(ue,[["__scopeId","data-v-f8b4ece7"]]),me={},fe={class:"dev-mode"};function be(a,t){return s(),l("div",fe,[...t[0]||(t[0]=[e("div",{class:"inline-flex py-1 px-2 bg-slate-900 text-slate-100 font-mono text-xs rounded-lg"}," Dev Mode is enabled ",-1)])])}const pe=$(me,[["render",be],["__scopeId","data-v-52fa7a33"]]),ve=["data-visibility","data-mode"],he={class:"cp-sidebar__header"},ye={key:0,class:"sidebar-header"},_e={class:"cp-sidebar__body"},ge={class:"cp-sidebar__footer"},ke=V({__name:"CpSidebar",props:{mode:{default:"floating"},visibility:{default:"hidden"}},emits:["close","dock"],setup(a,{emit:t}){const m=t;return(u,i)=>(s(),l("div",{class:"cp-sidebar","data-visibility":a.visibility,"data-mode":a.mode},[e("div",he,[a.mode!=="docked"?(s(),l("div",ye,[g(F),i[2]||(i[2]=e("div",{class:"ml-auto"},null,-1)),e("craft-button",{size:"small",icon:"",onClick:i[0]||(i[0]=d=>m("close"))},[...i[1]||(i[1]=[e("craft-icon",{name:"x",style:{"font-size":"0.7em"}},null,-1)])])])):h("",!0)]),e("aside",_e,[g(ne)]),e("div",ge,[g(ce),g(pe)])],8,ve))}}),$e=$(ke,[["__scopeId","data-v-5405c499"]]),xe={class:"cp"},we={class:"cp__header"},Se={class:"flex gap-2 p-2"},Ve=["name"],Ce={class:"cp__sidebar"},Le={class:"cp__main"},Ie={class:"pb-2 pt-4 px-4 flex justify-between items-center"},ze={class:"text-xl"},De={class:"flex gap-2 items-center"},Te={class:"cp__footer"},Oe=V({__name:"AppLayout",props:{title:{}},setup(a){M(o=>({afdeca5c:d.value}));const t=U({sidebar:{mode:"floating",visibility:"hidden"}}),m=K("(min-width: 1024px)");A(m,o=>{o?(t.sidebar.mode="docked",t.sidebar.visibility="visible"):(t.sidebar.mode="floating",t.sidebar.visibility="hidden")},{immediate:!0});function u(){t.sidebar.visibility==="visible"?t.sidebar.visibility="hidden":t.sidebar.visibility="visible"}const i=k(()=>t.sidebar.visibility==="visible"?"x":"bars"),d=k(()=>t.sidebar.mode==="docked"?t.sidebar.visibility==="visible"?"var(--global-sidebar-width)":"0":"auto");return(o,c)=>(s(),l(y,null,[g(r(B),{title:a.title},null,8,["title"]),e("div",xe,[e("div",we,[e("div",Se,[r(m)?h("",!0):(s(),l("craft-button",{key:0,icon:"",appearance:"plain",onClick:u},[e("craft-icon",{name:i.value},null,8,Ve)])),r(m)?(s(),z(F,{key:1})):h("",!0),c[1]||(c[1]=e("div",{class:"ml-auto"},null,-1)),c[2]||(c[2]=e("craft-button",{icon:"",appearance:"plain"},[e("craft-icon",{name:"search"})],-1))])]),e("div",Ce,[g($e,{mode:t.sidebar.mode,visibility:t.sidebar.visibility,onClose:c[0]||(c[0]=f=>t.sidebar.visibility="hidden")},null,8,["mode","visibility"])]),e("div",Le,[x(o.$slots,"main",{},()=>[e("main",null,[x(o.$slots,"header",{},()=>[e("div",Ie,[x(o.$slots,"title",{},()=>[e("h1",ze,v(a.title),1)],!0),e("div",De,[x(o.$slots,"actions",{},void 0,!0)])])],!0),x(o.$slots,"default",{},void 0,!0)])],!0)]),e("div",Te,[e("footer",null,[x(o.$slots,"footer",{},void 0,!0)])])])],64))}}),Ee=$(Oe,[["__scopeId","data-v-aaad12e3"]]),Me=a=>{if(!a||!a.query&&!a.mergeQuery)return"";const t=a.query??a.mergeQuery,m=a.mergeQuery!==void 0,u=o=>o===!0?"1":o===!1?"0":o.toString(),i=new URLSearchParams(m&&typeof window<"u"?window.location.search:"");for(const o in t){if(t[o]===void 0||t[o]===null){i.delete(o);continue}if(Array.isArray(t[o]))i.has(`${o}[]`)&&i.delete(`${o}[]`),t[o].forEach(c=>{i.append(`${o}[]`,c.toString())});else if(typeof t[o]=="object"){i.forEach((c,f)=>{f.startsWith(`${o}[`)&&i.delete(f)});for(const c in t[o])typeof t[o][c]>"u"||["string","number","boolean"].includes(typeof t[o][c])&&i.set(`${o}[${c}]`,u(t[o][c]))}else i.set(o,u(t[o]))}const d=i.toString();return d.length>0?`?${d}`:""},S=a=>({url:S.url(a),method:"post"});S.definition={methods:["post"],url:"/admin/settings/general"};S.url=a=>S.definition.url+Me(a);S.post=a=>({url:S.url(a),method:"post"});const Fe={Solo:0,Team:1,Pro:2,Enterprise:3},Ne={};function Pe(a,t){return s(),z(R,{name:"fade"},{default:C(()=>[x(a.$slots,"default",{},void 0,!0)]),_:3})}const Ue=$(Ne,[["render",Pe],["__scopeId","data-v-623c0700"]]),Ae=["label","name","button-label","help-text","disabled","multiple",".uploadResponse","has-feedback-for","type"],Be={key:0,class:"error-list",slot:"feedback"},Re=V({__name:"FileUpload",props:Z({label:{},name:{},buttonLabel:{default:"Select file"},helpText:{},thumbnailSize:{default:120},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},error:{default:null}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){M(c=>({v3a0dba4a:u.value}));const t=q(a,"modelValue"),m=a,u=k(()=>isNaN(Number(m.thumbnailSize))?m.thumbnailSize:`calc(${m.thumbnailSize}rem / 16)`);function i(c){t.value=m.multiple?c.detail?.newFiles:c.detail?.newFiles?.[0]||null}function d(c){t.value=null}const o=k(()=>t.value?(Array.isArray(t.value)?t.value:[t.value]).map(f=>({name:f.name,status:"SUCCESS",downloadUrl:f.url,errorMessage:"",id:f.name})):[]);return(c,f)=>(s(),l("craft-input-file",{label:a.label,name:a.name,"button-label":a.buttonLabel,"help-text":a.helpText,disabled:a.disabled,multiple:a.multiple,".uploadResponse":o.value,onFileRemoved:d,onFileListChanged:i,"has-feedback-for":a.error?"error":"",type:t.value?"hidden":"file",style:G({"--thumbnail-size":u.value})},[a.error?(s(),l("ul",Be,[e("li",null,v(a.error),1)])):h("",!0)],44,Ae))}}),E=$(Re,[["__scopeId","data-v-898d5b30"]]),Ze={key:0,class:"flex gap-1 items-center text-sm"},qe={key:1,class:"tw:flex tw:gap-1 tw:items-center tw:text-sm"},Ge={key:0},Qe=["loading"],je={slot:"content"},Ke={class:"bg-white border border-border-subtle mx-4 rounded-sm shadow-sm"},He={class:"grid gap-3 p-4"},We={key:0,variant:"danger",icon:"exclamation-triangle"},Je=["label","has-feedback-for","disabled"],Xe=[".choiceValue",".hint"],Ye={slot:"feedback"},et={key:0,class:"error-list"},tt=["label",".modelValue","has-feedback-for","disabled"],at=[".choiceValue"],st={class:"tw:flex tw:items-center tw:gap-1"},nt=["variant"],lt={class:"tw:font-mono"},it={slot:"feedback"},ot={key:0,class:"error-list"},rt=["label","has-feedback-for","disabled"],dt={key:0,class:"error-list",slot:"feedback"},ut=["label",".modelValue","has-feedback-for","disabled"],ct=[".choiceValue"],mt={key:0,class:"error-list",slot:"feedback"},ft={class:"p-4 grid gap-3"},bt=V({__name:"SettingsGeneralPage",props:{readOnly:{type:Boolean},system:{},nameSuggestions:{},timezoneOptions:{},systemStatusOptions:{},siteIcon:{},siteLogo:{},saveUrl:{},flash:{},errors:{}},setup(a){const t=a,m=k(()=>t.flash),u=k(()=>t.errors),{app:i}=I(),d=Q({name:t.system.name,live:t.system.live,retryDuration:t.system.retryDuration,timeZone:t.system.timeZone,siteIcon:t.siteIcon,siteLogo:t.siteLogo});function o(f){const n=f.target;n&&(d[n.name]=n.modelValue)}H("keydown",f=>{(f.metaKey||f.ctrlKey)&&f.key==="s"&&(f.preventDefault(),c())});function c(){d.transform(f=>(f.siteIcon!==null&&!(f.siteIcon instanceof File)&&delete f.siteIcon,f.siteLogo!==null&&!(f.siteLogo instanceof File)&&delete f.siteLogo,f)).clearErrors().submit(S())}return(f,n)=>(s(),l("form",{onSubmit:j(c,["prevent"])},[g(Ee,{title:r(_)("app","General Settings")},{actions:C(()=>[g(Ue,null,{default:C(()=>[r(d).recentlySuccessful&&m.value?.success?(s(),l("div",Ze,[n[5]||(n[5]=e("craft-icon",{name:"circle-check",style:{color:"var(--c-color-success-bg-emphasis)"}},null,-1)),p(" "+v(m.value.success),1)])):h("",!0),r(d).hasErrors?(s(),l("div",qe,[n[6]||(n[6]=e("craft-icon",{name:"exclamation-triangle",style:{color:"var(--c-color-danger-bg-emphasis)"}},null,-1)),p(" "+v(r(_)("app","Could not save settings")),1)])):h("",!0)]),_:1}),a.readOnly?h("",!0):(s(),l("craft-button-group",Ge,[e("craft-button",{type:"submit",variant:"primary",loading:r(d).processing},v(r(_)("app","Save")),9,Qe),e("craft-action-menu",null,[e("craft-button",{slot:"invoker",variant:"primary",type:"button",icon:"",onClick:n[0]||(n[0]=b=>console.error("TODO: Not yet implemented"))},[...n[7]||(n[7]=[e("craft-icon",{name:"chevron-down"},null,-1)])]),e("div",je,[e("craft-action-item",{onClick:c},[p(v(r(_)("app","Save and continue editing"))+" ",1),n[8]||(n[8]=e("span",{slot:"suffix"},[e("code",null,"⌘"),p("+"),e("code",null,"s")],-1))])])])]))]),default:C(()=>[e("div",Ke,[e("div",He,[r(d).hasErrors?(s(),l("craft-callout",We,[n[9]||(n[9]=e("div",{slot:"title",class:"tw:font-bold"}," Could not save settings ",-1)),e("ul",null,[(s(!0),l(y,null,w(u.value,(b,D)=>(s(),l("li",null,v(b),1))),256))])])):h("",!0),T(e("craft-combobox",{label:r(_)("app","System Name"),id:"name",name:"name","onUpdate:modelValue":n[1]||(n[1]=b=>r(d).name=b),"has-feedback-for":u.value?.name?"error":"",disabled:a.readOnly,"require-option-match":!1,"show-all-on-empty":""},[(s(!0),l(y,null,w(a.nameSuggestions,(b,D)=>(s(),l(y,{key:D},[(s(!0),l(y,null,w(b.data,L=>(s(),l("craft-option",{key:L.name,".choiceValue":L.name,".hint":L.hint},v(L.name),41,Xe))),128))],64))),128)),n[10]||(n[10]=e("div",{slot:"after"},[e("craft-callout",{variant:"info",appearance:"plain",class:"p-0",icon:"lightbulb"},[p(" This can begin with an environment variable. "),e("a",{href:"https://craftcms.com/docs/5.x/configure.html#control-panel-settings"},"Learn more")])],-1)),e("div",Ye,[u.value?.name?(s(),l("ul",et,[e("li",null,v(u.value.name),1)])):h("",!0)])],8,Je),[[O,r(d).name]]),e("craft-combobox",{label:r(_)("app","System Status"),id:"live",name:"live",".modelValue":a.system.live?"1":"0","has-feedback-for":u.value?.live?"error":"",onModelValueChanged:o,disabled:a.readOnly,"show-all-on-empty":""},[e("craft-option",{".choiceValue":"1"},[...n[11]||(n[11]=[e("div",{class:"tw:flex tw:items-center tw:gap-1"},[e("craft-indicator",{variant:"success"}),e("span",null,"Online")],-1)])],32),e("craft-option",{".choiceValue":"0"},[...n[12]||(n[12]=[e("div",{class:"tw:flex tw:items-center tw:gap-1"},[e("craft-indicator",{variant:"danger"}),e("span",null,"Offline")],-1)])],32),(s(!0),l(y,null,w(a.systemStatusOptions,b=>(s(),l(y,{key:b.label},[b.optgroup?(s(),l(y,{key:0},[],64)):(s(),l("craft-option",{key:1,".choiceValue":b.value},[e("div",st,[e("craft-indicator",{variant:b.value?"success":"error"},null,8,nt),e("span",lt,v(b.label),1)])],40,at))],64))),128)),n[13]||(n[13]=e("craft-callout",{slot:"after",variant:"info",appearance:"plain",class:"p-0",icon:"lightbulb"},[p(" This can be set to an environment variable with a boolean value ("),e("code",null,"yes"),p("/"),e("code",null,"no"),p("/"),e("code",null,"true"),p("/"),e("code",null,"false"),p("/"),e("code",null,"on"),p("/"),e("code",null,"off"),p("/"),e("code",null,"0"),p("/"),e("code",null,"1"),p("). ")],-1)),e("div",it,[u.value.live?(s(),l("ul",ot,[e("li",null,v(u.value.live),1)])):h("",!0)])],40,tt),T(e("craft-input",{label:r(_)("app","Retry Duration"),id:"retry-duration",name:"retryDuration","onUpdate:modelValue":n[2]||(n[2]=b=>r(d).retryDuration=b),"has-feedback-for":u.value?.retryDuration?"error":"",inputmode:"numeric",size:"4",disabled:a.readOnly},[n[14]||(n[14]=e("div",{slot:"help-text"},[p(" The number of seconds that the "),e("code",null,"Retry-After"),p(" HTTP header should be set to for 503 responses when the system is offline. ")],-1)),u.value?.retryDuration?(s(),l("ul",dt,[e("li",null,v(u.value.retryDuration),1)])):h("",!0)],8,rt),[[O,r(d).retryDuration]]),e("craft-combobox",{label:r(_)("app","Time Zone"),id:"time-zone",name:"timeZone",".modelValue":r(d).timeZone,onModelValueChanged:o,"has-feedback-for":u.value?.timeZone?"error":"",disabled:a.readOnly,"show-all-on-empty":""},[(s(!0),l(y,null,w(a.timezoneOptions,b=>(s(),l("craft-option",{key:b.value,".choiceValue":b.value},v(b.label)+v(b.data?.hint?` — ${b.data.hint}`:""),41,ct))),128)),n[15]||(n[15]=e("craft-callout",{slot:"after",variant:"info",appearance:"plain",class:"p-0",icon:"lightbulb"},[p(" This can be set to an environment variable with a value of a "),e("a",{href:"https://www.php.net/manual/en/timezones.php",rel:"noopener",target:"_blank"},"supported time zone"),p(". ")],-1)),u.value?.timeZone?(s(),l("ul",mt,[e("li",null,v(u.value.timeZone),1)])):h("",!0)],40,ut)]),r(i).edition.value>=r(Fe).Pro?(s(),l(y,{key:0},[n[16]||(n[16]=e("hr",null,null,-1)),e("div",ft,[g(E,{label:r(_)("app","Site Icon"),name:"siteIcon",modelValue:r(d).siteIcon,"onUpdate:modelValue":n[3]||(n[3]=b=>r(d).siteIcon=b),"help-text":r(_)("app","Square SVG file recommended. The logo will be displayed at {size} by {size}.",{size:"32px"}),"thumbnail-size":32,disabled:a.readOnly,error:r(d).errors.siteIcon},null,8,["label","modelValue","help-text","disabled","error"]),g(E,{label:r(_)("app","Login Page Logo"),modelValue:r(d).siteLogo,"onUpdate:modelValue":n[4]||(n[4]=b=>r(d).siteLogo=b),name:"siteLogo","help-text":r(_)("app","SVG file recommended. The logo will be displayed at {size} wide.",{size:"288px"}),disabled:a.readOnly,"thumbnail-size":288,error:r(d).errors.siteLogo},null,8,["label","modelValue","help-text","disabled","error"])])],64)):h("",!0)])]),_:1},8,["title"])],32))}}),yt=$(bt,[["__scopeId","data-v-1ec89ba5"]]);export{yt as default}; +import{E as N,f as V,c as k,z,k as s,D as P,A as C,q as e,j as l,m as y,p as v,F as h,n as w,K as p,u as r,G as g,H as M,I as U,w as A,J as B,y as x,T as R,N as Z,O as q,P as G,Q,l as T,v as O,M as j}from"./cp2.js";import{_ as $,a as K,b as H,i as _}from"./_plugin-vue_export-helper.js";import"./legacy.js";function I(){const a=N();return new Proxy({},{get(t,m){return a.props.craft?.[m]}})}const W={class:"system-info__icon"},J=["src"],X={class:"system-info__name"},Y=V({__name:"SystemInfo",setup(a){const t=I(),m=k(()=>t.system),u=k(()=>t.site),o=k(()=>u.value.url?"a":"div");return(d,i)=>(s(),z(P(o.value),{class:"system-info",href:u.value.url,target:u.value.url?"_blank":null},{default:C(()=>[e("div",W,[m.value.icon?(s(),l("img",{key:0,src:m.value.icon.url,alt:""},null,8,J)):y("",!0)]),e("div",X,v(m.value.name),1)]),_:1},8,["href","target"]))}}),F=$(Y,[["__scopeId","data-v-f4725d04"]]),ee={label:"Primary"},te=["icon","url","active","indicator"],ae={key:0,slot:"subnav"},se=["icon","active","url","indicator"],ne=V({__name:"MainNav",setup(a){const{nav:t}=I();return(m,u)=>(s(),l("craft-navigation",ee,[(s(!0),l(h,null,w(r(t),o=>(s(),l("craft-nav-item",{key:o.url,icon:o.icon,url:o.url,active:o.sel,indicator:!!o.badgeCount},[p(v(o.label)+" ",1),o.subnav?(s(),l(h,{key:0},[o.subnav?(s(),l("craft-navigation",ae,[(s(!0),l(h,null,w(o.subnav,d=>(s(),l("craft-nav-item",{key:d.url,icon:d.icon,active:d.sel,url:d.url,indicator:d.badgeCount},v(d.label),9,se))),128))])):y("",!0)],64)):y("",!0)],8,te))),128))]))}}),le={class:"flex justify-center py-4 px-2 text-muted"},oe={lang:"en",class:"flex items-center gap-2"},ie={class:"edition-logo"},re={"aria-hidden":"true"},de={class:"sr-only"},ue=V({__name:"EditionInfo",setup(a){const{app:t}=I(),m=k(()=>`${t.edition.name} Edition`);return(u,o)=>(s(),l("div",le,[e("div",null,[e("span",oe,[o[0]||(o[0]=p(" Craft CMS ",-1)),e("span",ie,[e("span",re,v(r(t).edition.name),1),e("span",de,v(m.value),1)]),p(" "+v(r(t).version),1)])])]))}}),ce=$(ue,[["__scopeId","data-v-f8b4ece7"]]),me={},fe={class:"dev-mode"};function be(a,t){return s(),l("div",fe,[...t[0]||(t[0]=[e("div",{class:"inline-flex py-1 px-2 bg-slate-900 text-slate-100 font-mono text-xs rounded-lg"}," Dev Mode is enabled ",-1)])])}const pe=$(me,[["render",be],["__scopeId","data-v-52fa7a33"]]),ve=["data-visibility","data-mode"],ye={class:"cp-sidebar__header"},he={key:0,class:"sidebar-header"},_e={class:"cp-sidebar__body"},ge={class:"cp-sidebar__footer"},ke=V({__name:"CpSidebar",props:{mode:{default:"floating"},visibility:{default:"hidden"}},emits:["close","dock"],setup(a,{emit:t}){const m=t;return(u,o)=>(s(),l("nav",{class:"cp-sidebar","data-visibility":a.visibility,"data-mode":a.mode},[e("div",ye,[a.mode!=="docked"?(s(),l("div",he,[g(F),o[2]||(o[2]=e("div",{class:"ml-auto"},null,-1)),e("craft-button",{size:"small",icon:"",onClick:o[0]||(o[0]=d=>m("close")),type:"button"},[...o[1]||(o[1]=[e("craft-icon",{name:"x",style:{"font-size":"0.7em"}},null,-1)])])])):y("",!0)]),e("div",_e,[g(ne)]),e("div",ge,[g(ce),g(pe)])],8,ve))}}),$e=$(ke,[["__scopeId","data-v-db2bd122"]]),xe={class:"cp"},we={class:"cp__header"},Se={class:"flex gap-2 p-2"},Ve=["name"],Ce={class:"cp__sidebar"},Le={class:"cp__main"},Ie={class:"pb-2 pt-4 px-4 flex justify-between items-center"},ze={class:"text-xl"},De={class:"flex gap-2 items-center"},Te={class:"cp__footer"},Oe=V({__name:"AppLayout",props:{title:{}},setup(a){M(i=>({v3fbbc297:d.value}));const t=U({sidebar:{mode:"floating",visibility:"hidden"}}),m=K("(min-width: 1024px)");A(m,i=>{i?(t.sidebar.mode="docked",t.sidebar.visibility="visible"):(t.sidebar.mode="floating",t.sidebar.visibility="hidden")},{immediate:!0});function u(){t.sidebar.visibility==="visible"?t.sidebar.visibility="hidden":t.sidebar.visibility="visible"}const o=k(()=>t.sidebar.visibility==="visible"?"x":"bars"),d=k(()=>t.sidebar.mode==="docked"?t.sidebar.visibility==="visible"?"var(--global-sidebar-width)":"0":"auto");return(i,c)=>(s(),l(h,null,[g(r(B),{title:a.title},null,8,["title"]),e("div",xe,[e("div",we,[e("div",Se,[r(m)?y("",!0):(s(),l("craft-button",{key:0,icon:"",type:"button",appearance:"plain",onClick:u},[e("craft-icon",{name:o.value},null,8,Ve)])),r(m)?(s(),z(F,{key:1})):y("",!0),c[1]||(c[1]=e("div",{class:"ml-auto"},null,-1)),c[2]||(c[2]=e("craft-button",{icon:"",appearance:"plain"},[e("craft-icon",{name:"search"})],-1))])]),e("div",Ce,[g($e,{mode:t.sidebar.mode,visibility:t.sidebar.visibility,onClose:c[0]||(c[0]=f=>t.sidebar.visibility="hidden")},null,8,["mode","visibility"])]),e("div",Le,[x(i.$slots,"main",{},()=>[e("main",null,[x(i.$slots,"header",{},()=>[e("div",Ie,[x(i.$slots,"title",{},()=>[e("h1",ze,v(a.title),1)],!0),e("div",De,[x(i.$slots,"actions",{},void 0,!0)])])],!0),x(i.$slots,"default",{},void 0,!0)])],!0)]),e("div",Te,[e("footer",null,[x(i.$slots,"footer",{},void 0,!0)])])])],64))}}),Ee=$(Oe,[["__scopeId","data-v-dbc7905c"]]),Me=a=>{if(!a||!a.query&&!a.mergeQuery)return"";const t=a.query??a.mergeQuery,m=a.mergeQuery!==void 0,u=i=>i===!0?"1":i===!1?"0":i.toString(),o=new URLSearchParams(m&&typeof window<"u"?window.location.search:"");for(const i in t){if(t[i]===void 0||t[i]===null){o.delete(i);continue}if(Array.isArray(t[i]))o.has(`${i}[]`)&&o.delete(`${i}[]`),t[i].forEach(c=>{o.append(`${i}[]`,c.toString())});else if(typeof t[i]=="object"){o.forEach((c,f)=>{f.startsWith(`${i}[`)&&o.delete(f)});for(const c in t[i])typeof t[i][c]>"u"||["string","number","boolean"].includes(typeof t[i][c])&&o.set(`${i}[${c}]`,u(t[i][c]))}else o.set(i,u(t[i]))}const d=o.toString();return d.length>0?`?${d}`:""},S=a=>({url:S.url(a),method:"post"});S.definition={methods:["post"],url:"/admin/settings/general"};S.url=a=>S.definition.url+Me(a);S.post=a=>({url:S.url(a),method:"post"});const Fe={Solo:0,Team:1,Pro:2,Enterprise:3},Ne={};function Pe(a,t){return s(),z(R,{name:"fade"},{default:C(()=>[x(a.$slots,"default",{},void 0,!0)]),_:3})}const Ue=$(Ne,[["render",Pe],["__scopeId","data-v-623c0700"]]),Ae=["label","name","button-label","help-text","disabled","multiple",".uploadResponse","has-feedback-for","type"],Be={key:0,class:"error-list",slot:"feedback"},Re=V({__name:"FileUpload",props:Z({label:{},name:{},buttonLabel:{default:"Select file"},helpText:{},thumbnailSize:{default:120},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},error:{default:null}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){M(c=>({v3a0dba4a:u.value}));const t=q(a,"modelValue"),m=a,u=k(()=>isNaN(Number(m.thumbnailSize))?m.thumbnailSize:`calc(${m.thumbnailSize}rem / 16)`);function o(c){t.value=m.multiple?c.detail?.newFiles:c.detail?.newFiles?.[0]||null}function d(c){t.value=null}const i=k(()=>t.value?(Array.isArray(t.value)?t.value:[t.value]).map(f=>({name:f.name,status:"SUCCESS",downloadUrl:f.url,errorMessage:"",id:f.name})):[]);return(c,f)=>(s(),l("craft-input-file",{label:a.label,name:a.name,"button-label":a.buttonLabel,"help-text":a.helpText,disabled:a.disabled,multiple:a.multiple,".uploadResponse":i.value,onFileRemoved:d,onFileListChanged:o,"has-feedback-for":a.error?"error":"",type:t.value?"hidden":"file",style:G({"--thumbnail-size":u.value})},[a.error?(s(),l("ul",Be,[e("li",null,v(a.error),1)])):y("",!0)],44,Ae))}}),E=$(Re,[["__scopeId","data-v-898d5b30"]]),Ze={key:0,class:"flex gap-1 items-center text-sm"},qe={key:1,class:"tw:flex tw:gap-1 tw:items-center tw:text-sm"},Ge={key:0},Qe=["loading"],je={slot:"content"},Ke={class:"bg-white border border-border-subtle mx-4 rounded-sm shadow-sm"},He={class:"grid gap-3 p-4"},We={key:0,variant:"danger",icon:"exclamation-triangle"},Je=["label","has-feedback-for","disabled"],Xe=[".choiceValue",".hint"],Ye={slot:"feedback"},et={key:0,class:"error-list"},tt=["label",".modelValue","has-feedback-for","disabled"],at=[".choiceValue"],st={class:"tw:flex tw:items-center tw:gap-1"},nt=["variant"],lt={class:"tw:font-mono"},ot={slot:"feedback"},it={key:0,class:"error-list"},rt=["label","has-feedback-for","disabled"],dt={key:0,class:"error-list",slot:"feedback"},ut=["label",".modelValue","has-feedback-for","disabled"],ct=[".choiceValue"],mt={key:0,class:"error-list",slot:"feedback"},ft={class:"p-4 grid gap-3"},bt=V({__name:"SettingsGeneralPage",props:{readOnly:{type:Boolean},system:{},nameSuggestions:{},timezoneOptions:{},systemStatusOptions:{},siteIcon:{},siteLogo:{},saveUrl:{},flash:{},errors:{}},setup(a){const t=a,m=k(()=>t.flash),u=k(()=>t.errors),{app:o}=I(),d=Q({name:t.system.name,live:t.system.live,retryDuration:t.system.retryDuration,timeZone:t.system.timeZone,siteIcon:t.siteIcon,siteLogo:t.siteLogo});function i(f){const n=f.target;n&&(d[n.name]=n.modelValue)}H("keydown",f=>{(f.metaKey||f.ctrlKey)&&f.key==="s"&&(f.preventDefault(),c())});function c(){d.transform(f=>(f.siteIcon!==null&&!(f.siteIcon instanceof File)&&delete f.siteIcon,f.siteLogo!==null&&!(f.siteLogo instanceof File)&&delete f.siteLogo,f)).clearErrors().submit(S())}return(f,n)=>(s(),l("form",{onSubmit:j(c,["prevent"])},[g(Ee,{title:r(_)("app","General Settings")},{actions:C(()=>[g(Ue,null,{default:C(()=>[r(d).recentlySuccessful&&m.value?.success?(s(),l("div",Ze,[n[5]||(n[5]=e("craft-icon",{name:"circle-check",style:{color:"var(--c-color-success-bg-emphasis)"}},null,-1)),p(" "+v(m.value.success),1)])):y("",!0),r(d).hasErrors?(s(),l("div",qe,[n[6]||(n[6]=e("craft-icon",{name:"exclamation-triangle",style:{color:"var(--c-color-danger-bg-emphasis)"}},null,-1)),p(" "+v(r(_)("app","Could not save settings")),1)])):y("",!0)]),_:1}),a.readOnly?y("",!0):(s(),l("craft-button-group",Ge,[e("craft-button",{type:"submit",variant:"primary",loading:r(d).processing},v(r(_)("app","Save")),9,Qe),e("craft-action-menu",null,[e("craft-button",{slot:"invoker",variant:"primary",type:"button",icon:"",onClick:n[0]||(n[0]=b=>console.error("TODO: Not yet implemented"))},[...n[7]||(n[7]=[e("craft-icon",{name:"chevron-down"},null,-1)])]),e("div",je,[e("craft-action-item",{onClick:c},[p(v(r(_)("app","Save and continue editing"))+" ",1),n[8]||(n[8]=e("span",{slot:"suffix"},[e("code",null,"⌘"),p("+"),e("code",null,"s")],-1))])])])]))]),default:C(()=>[e("div",Ke,[e("div",He,[r(d).hasErrors?(s(),l("craft-callout",We,[n[9]||(n[9]=e("div",{slot:"title",class:"tw:font-bold"}," Could not save settings ",-1)),e("ul",null,[(s(!0),l(h,null,w(u.value,(b,D)=>(s(),l("li",null,v(b),1))),256))])])):y("",!0),T(e("craft-combobox",{label:r(_)("app","System Name"),id:"name",name:"name","onUpdate:modelValue":n[1]||(n[1]=b=>r(d).name=b),"has-feedback-for":u.value?.name?"error":"",disabled:a.readOnly,"require-option-match":!1,"show-all-on-empty":""},[(s(!0),l(h,null,w(a.nameSuggestions,(b,D)=>(s(),l(h,{key:D},[(s(!0),l(h,null,w(b.data,L=>(s(),l("craft-option",{key:L.name,".choiceValue":L.name,".hint":L.hint},v(L.name),41,Xe))),128))],64))),128)),n[10]||(n[10]=e("div",{slot:"after"},[e("craft-callout",{variant:"info",appearance:"plain",class:"p-0",icon:"lightbulb"},[p(" This can begin with an environment variable. "),e("a",{href:"https://craftcms.com/docs/5.x/configure.html#control-panel-settings"},"Learn more")])],-1)),e("div",Ye,[u.value?.name?(s(),l("ul",et,[e("li",null,v(u.value.name),1)])):y("",!0)])],8,Je),[[O,r(d).name]]),e("craft-combobox",{label:r(_)("app","System Status"),id:"live",name:"live",".modelValue":a.system.live?"1":"0","has-feedback-for":u.value?.live?"error":"",onModelValueChanged:i,disabled:a.readOnly,"show-all-on-empty":""},[e("craft-option",{".choiceValue":"1"},[...n[11]||(n[11]=[e("div",{class:"tw:flex tw:items-center tw:gap-1"},[e("craft-indicator",{variant:"success"}),e("span",null,"Online")],-1)])],32),e("craft-option",{".choiceValue":"0"},[...n[12]||(n[12]=[e("div",{class:"tw:flex tw:items-center tw:gap-1"},[e("craft-indicator",{variant:"danger"}),e("span",null,"Offline")],-1)])],32),(s(!0),l(h,null,w(a.systemStatusOptions,b=>(s(),l(h,{key:b.label},[b.optgroup?(s(),l(h,{key:0},[],64)):(s(),l("craft-option",{key:1,".choiceValue":b.value},[e("div",st,[e("craft-indicator",{variant:b.value?"success":"error"},null,8,nt),e("span",lt,v(b.label),1)])],40,at))],64))),128)),n[13]||(n[13]=e("craft-callout",{slot:"after",variant:"info",appearance:"plain",class:"p-0",icon:"lightbulb"},[p(" This can be set to an environment variable with a boolean value ("),e("code",null,"yes"),p("/"),e("code",null,"no"),p("/"),e("code",null,"true"),p("/"),e("code",null,"false"),p("/"),e("code",null,"on"),p("/"),e("code",null,"off"),p("/"),e("code",null,"0"),p("/"),e("code",null,"1"),p("). ")],-1)),e("div",ot,[u.value.live?(s(),l("ul",it,[e("li",null,v(u.value.live),1)])):y("",!0)])],40,tt),T(e("craft-input",{label:r(_)("app","Retry Duration"),id:"retry-duration",name:"retryDuration","onUpdate:modelValue":n[2]||(n[2]=b=>r(d).retryDuration=b),"has-feedback-for":u.value?.retryDuration?"error":"",inputmode:"numeric",size:"4",disabled:a.readOnly},[n[14]||(n[14]=e("div",{slot:"help-text"},[p(" The number of seconds that the "),e("code",null,"Retry-After"),p(" HTTP header should be set to for 503 responses when the system is offline. ")],-1)),u.value?.retryDuration?(s(),l("ul",dt,[e("li",null,v(u.value.retryDuration),1)])):y("",!0)],8,rt),[[O,r(d).retryDuration]]),e("craft-combobox",{label:r(_)("app","Time Zone"),id:"time-zone",name:"timeZone",".modelValue":r(d).timeZone,onModelValueChanged:i,"has-feedback-for":u.value?.timeZone?"error":"",disabled:a.readOnly,"show-all-on-empty":""},[(s(!0),l(h,null,w(a.timezoneOptions,b=>(s(),l("craft-option",{key:b.value,".choiceValue":b.value},v(b.label)+v(b.data?.hint?` — ${b.data.hint}`:""),41,ct))),128)),n[15]||(n[15]=e("craft-callout",{slot:"after",variant:"info",appearance:"plain",class:"p-0",icon:"lightbulb"},[p(" This can be set to an environment variable with a value of a "),e("a",{href:"https://www.php.net/manual/en/timezones.php",rel:"noopener",target:"_blank"},"supported time zone"),p(". ")],-1)),u.value?.timeZone?(s(),l("ul",mt,[e("li",null,v(u.value.timeZone),1)])):y("",!0)],40,ut)]),r(o).edition.value>=r(Fe).Pro?(s(),l(h,{key:0},[n[16]||(n[16]=e("hr",null,null,-1)),e("div",ft,[g(E,{label:r(_)("app","Site Icon"),name:"siteIcon",modelValue:r(d).siteIcon,"onUpdate:modelValue":n[3]||(n[3]=b=>r(d).siteIcon=b),"help-text":r(_)("app","Square SVG file recommended. The logo will be displayed at {size} by {size}.",{size:"32px"}),"thumbnail-size":32,disabled:a.readOnly,error:r(d).errors.siteIcon},null,8,["label","modelValue","help-text","disabled","error"]),g(E,{label:r(_)("app","Login Page Logo"),modelValue:r(d).siteLogo,"onUpdate:modelValue":n[4]||(n[4]=b=>r(d).siteLogo=b),name:"siteLogo","help-text":r(_)("app","SVG file recommended. The logo will be displayed at {size} wide.",{size:"288px"}),disabled:a.readOnly,"thumbnail-size":288,error:r(d).errors.siteLogo},null,8,["label","modelValue","help-text","disabled","error"])])],64)):y("",!0)])]),_:1},8,["title"])],32))}}),ht=$(bt,[["__scopeId","data-v-1ec89ba5"]]);export{ht as default}; diff --git a/resources/build/assets/SettingsGeneralPage.css b/resources/build/assets/SettingsGeneralPage.css index ac71c1f9f1d..ff78d607af9 100644 --- a/resources/build/assets/SettingsGeneralPage.css +++ b/resources/build/assets/SettingsGeneralPage.css @@ -1 +1 @@ -.system-info[data-v-0a723ce7]{display:grid;grid-template-columns:2rem auto;gap:var(--c-spacing-md);align-items:center;color:currentColor}.system-info__icon[data-v-0a723ce7]{aspect-ratio:1}[data-v-0a723ce7] svg{fill:currentColor;max-width:100%;height:auto}.edition-logo[data-v-f8b4ece7]{-webkit-user-select:none;user-select:none;border:1px solid currentColor;border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding-block:6px;padding-inline:7px 5px;line-height:8px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.dev-mode[data-v-52fa7a33]{padding:calc(var(--spacing) * 2);text-align:center;background-image:repeating-linear-gradient(-45deg,transparent,transparent 12px,var(--color-yellow-400) 12px,var(--color-yellow-400) 20px);background-color:var(--color-slate-900)}.cp-sidebar[data-v-5405c499]{height:100%;width:var(--cp-sidebar-width);background-color:var(--c-bg-overlay);display:grid;grid-template-rows:minmax(0,auto) 1fr minmax(0,auto)}.cp-sidebar[data-mode=docked][data-v-5405c499]{position:relative;transform:0}.cp-sidebar[data-mode=floating][data-v-5405c499]{position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:auto;border-radius:0 var(--c-radius-md) var(--c-radius-md) 0;box-shadow:var(--c-shadow-lg);transform:translate(0);max-width:90%;z-index:100;transition:transform .2s cubic-bezier(0,.55,.45,1)}.cp-sidebar[data-visibility=hidden][data-v-5405c499]{transform:translate(-100%)}.cp-sidebar__body[data-v-5405c499]{padding-block:var(--c-spacing-md);padding-inline:var(--c-spacing-md)}.sidebar-header[data-v-5405c499]{padding-block:var(--c-spacing-md);padding-inline:var(--c-spacing-md);display:flex;justify-content:space-between;align-items:center}.cp-sidebar__body[data-v-5405c499]{overflow-y:scroll;background:linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,linear-gradient(to bottom,#0000001a,#0000) center top,linear-gradient(to top,#0000001a,#0000) center bottom;background-repeat:no-repeat;background-size:100% 2.5rem,100% 2.5rem,100% .5rem,100% .5rem;background-attachment:local,local,scroll,scroll}.cp[data-v-aaad12e3]{display:grid}.cp__header[data-v-aaad12e3]{color:var(--color-slate-200);background-color:var(--color-slate-950)}@media screen and (min-width:1024px){.cp[data-v-aaad12e3]{grid-template-columns:var(--afdeca5c) minmax(0,1fr);grid-template-areas:"header header" "sidebar main";grid-template-rows:auto 1fr;min-height:100vh}.cp__header[data-v-aaad12e3]{grid-area:header}.cp__sidebar[data-v-aaad12e3]{grid-area:sidebar}.cp__main[data-v-aaad12e3]{grid-area:main}}.fade-enter-active[data-v-623c0700],.fade-leave-active[data-v-623c0700]{transition:opacity .2s ease}.fade-enter-from[data-v-623c0700],.fade-leave-to[data-v-623c0700]{opacity:0}.preview[data-v-898d5b30]{display:flex;width:var(--v3a0dba4a)}.stage[data-v-1ec89ba5]{padding:var(--c-spacing-md)}.preview[data-v-1ec89ba5]{border:1px solid var(--c-color-neutral-border-subtle)}.preview--icon[data-v-1ec89ba5]{aspect-ratio:1;width:32px}.preview--logo[data-v-1ec89ba5]{aspect-ratio:16/9;width:288px;height:auto} +.system-info[data-v-f4725d04]{display:grid;grid-template-columns:2rem auto;gap:var(--c-spacing-md);align-items:center;color:currentColor}.system-info__icon[data-v-f4725d04]{aspect-ratio:1}[data-v-f4725d04] svg{fill:currentColor;max-width:100%;height:auto}.edition-logo[data-v-f8b4ece7]{-webkit-user-select:none;user-select:none;border:1px solid currentColor;border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding-block:6px;padding-inline:7px 5px;line-height:8px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.dev-mode[data-v-52fa7a33]{padding:calc(var(--spacing) * 2);text-align:center;background-image:repeating-linear-gradient(-45deg,transparent,transparent 12px,var(--color-yellow-400) 12px,var(--color-yellow-400) 20px);background-color:var(--color-slate-900)}.cp-sidebar[data-v-db2bd122]{height:100%;width:var(--global-sidebar-width);background-color:var(--c-bg-overlay);display:grid;grid-template-rows:minmax(0,auto) 1fr minmax(0,auto)}.cp-sidebar[data-mode=docked][data-v-db2bd122]{position:relative;transform:0}.cp-sidebar[data-mode=floating][data-v-db2bd122]{position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:auto;border-radius:0 var(--c-radius-md) var(--c-radius-md) 0;box-shadow:var(--c-shadow-lg);transform:translate(0);max-width:90%;z-index:100;transition:transform .2s cubic-bezier(0,.55,.45,1)}.cp-sidebar[data-visibility=hidden][data-v-db2bd122]{transform:translate(-100%)}.cp-sidebar__body[data-v-db2bd122]{padding-block:var(--c-spacing-md);padding-inline:var(--c-spacing-md)}.sidebar-header[data-v-db2bd122]{padding-block:var(--c-spacing-md);padding-inline:var(--c-spacing-md);display:flex;justify-content:space-between;align-items:center}.cp-sidebar__body[data-v-db2bd122]{overflow-y:scroll;background:linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,linear-gradient(to bottom,#0000001a,#0000) center top,linear-gradient(to top,#0000001a,#0000) center bottom;background-repeat:no-repeat;background-size:100% 2.5rem,100% 2.5rem,100% .5rem,100% .5rem;background-attachment:local,local,scroll,scroll}.cp[data-v-dbc7905c]{display:grid}.cp__header[data-v-dbc7905c]{color:var(--color-slate-200);background-color:var(--color-slate-950)}@media screen and (min-width:1024px){.cp[data-v-dbc7905c]{grid-template-columns:var(--v3fbbc297) minmax(0,1fr);grid-template-areas:"header header" "sidebar main";grid-template-rows:auto 1fr;min-height:100vh}.cp__header[data-v-dbc7905c]{grid-area:header}.cp__sidebar[data-v-dbc7905c]{grid-area:sidebar}.cp__main[data-v-dbc7905c]{grid-area:main}}.fade-enter-active[data-v-623c0700],.fade-leave-active[data-v-623c0700]{transition:opacity .2s ease}.fade-enter-from[data-v-623c0700],.fade-leave-to[data-v-623c0700]{opacity:0}.preview[data-v-898d5b30]{display:flex;width:var(--v3a0dba4a)}.stage[data-v-1ec89ba5]{padding:var(--c-spacing-md)}.preview[data-v-1ec89ba5]{border:1px solid var(--c-color-neutral-border-subtle)}.preview--icon[data-v-1ec89ba5]{aspect-ratio:1;width:32px}.preview--logo[data-v-1ec89ba5]{aspect-ratio:16/9;width:288px;height:auto} diff --git a/resources/build/assets/cp.css b/resources/build/assets/cp.css index 3824c19c149..4d35412a063 100644 --- a/resources/build/assets/cp.css +++ b/resources/build/assets/cp.css @@ -1 +1 @@ -@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-400:oklch(75% .183 55.934);--color-orange-700:oklch(55.3% .195 38.402);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-bold:700;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--inset-shadow-sm:inset 0 2px 4px #0000000d;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-border-subtle:var(--c-color-neutral-border-subtle)}}@layer base,components;@layer cp{@layer preflight{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}ol,ul,menu{list-style:none}img{max-width:100%;height:auto;display:flex}}@layer theme{:root,:host{--c-text-lg: 1rem ;--c-text-base: .875rem ;--c-text-sm: .6875rem ;--c-leading-normal:1.42;--c-bg-body:var(--color-slate-50);--c-bg-raised:#fff;--c-bg-sunken:var(--color-slate-100);--c-bg-form-control:#d9e5f20d;--c-bg-overlay:#fff;--c-bg-default:#fff;--c-bg-accent:var(--color-blue-500);--c-fg-white:var(--color-white);--c-fg-text:#3f4d5a;--c-fg-muted:var(--color-slate-500);--c-fg-link:var(--color-blue-600);--c-fg-on-accent:var(--color-white);--c-fg-on-accent-subtle:var(--color-slate-800);--c-fg-on-sunken:var(--c-fg-text);--c-color-neutral-bg-emphasis:var(--color-slate-600);--c-color-neutral-bg-normal:var(--color-slate-100);--c-color-neutral-bg-subtle:var(--color-slate-50);--c-color-neutral-border-emphasis:var(--color-slate-800);--c-color-neutral-border-normal:var(--color-slate-600);--c-color-neutral-border-subtle:var(--color-slate-300);--c-color-neutral-on-emphasis:var(--color-slate-50);--c-color-neutral-on-normal:var(--color-slate-700);--c-color-neutral-on-subtle:var(--color-slate-800);--c-color-brand-bg-emphasis:var(--color-red-600);--c-color-brand-bg-subtle:var(--color-red-100);--c-color-brand-border-emphasis:var(--color-red-600);--c-color-brand-border-subtle:var(--color-red-600);--c-color-brand-on-emphasis:var(--color-red-100);--c-color-brand-on-subtle:var(--color-red-800);--c-color-accent-bg-emphasis:var(--color-blue-600);--c-color-accent-bg-normal:var(--color-blue-100);--c-color-accent-bg-subtle:var(--color-blue-50);--c-color-accent-border-emphasis:var(--color-blue-800);--c-color-accent-border-normal:var(--color-blue-600);--c-color-accent-border-subtle:var(--color-blue-400);--c-color-accent-on-emphasis:var(--color-blue-50);--c-color-accent-on-normal:var(--color-blue-900);--c-color-accent-on-subtle:var(--color-blue-900);--c-color-info-bg-emphasis:var(--color-blue-600);--c-color-info-bg-normal:var(--color-blue-100);--c-color-info-bg-subtle:var(--color-blue-50);--c-color-info-border-emphasis:var(--color-blue-800);--c-color-info-border-normal:var(--color-blue-600);--c-color-info-border-subtle:var(--color-blue-400);--c-color-info-on-emphasis:var(--color-blue-50);--c-color-info-on-normal:var(--color-blue-700);--c-color-info-on-subtle:var(--color-blue-800);--c-color-success-bg-emphasis:var(--color-emerald-600);--c-color-success-bg-normal:var(--color-emerald-100);--c-color-success-bg-subtle:var(--color-emerald-50);--c-color-success-border-emphasis:var(--color-emerald-800);--c-color-success-border-normal:var(--color-emerald-600);--c-color-success-border-subtle:var(--color-emerald-400);--c-color-success-on-emphasis:var(--color-emerald-50);--c-color-success-on-normal:var(--color-emerald-700);--c-color-success-on-subtle:var(--color-emerald-800);--c-color-warning-bg-emphasis:var(--color-yellow-600);--c-color-warning-bg-normal:var(--color-yellow-100);--c-color-warning-bg-subtle:var(--color-yellow-50);--c-color-warning-border-emphasis:var(--color-yellow-800);--c-color-warning-border-normal:var(--color-yellow-600);--c-color-warning-border-subtle:var(--color-yellow-400);--c-color-warning-on-emphasis:var(--color-yellow-50);--c-color-warning-on-normal:var(--color-yellow-700);--c-color-warning-on-subtle:var(--color-yellow-800);--c-color-danger-bg-emphasis:var(--color-red-600);--c-color-danger-bg-normal:var(--color-red-100);--c-color-danger-bg-subtle:var(--color-red-50);--c-color-danger-border-emphasis:var(--color-red-800);--c-color-danger-border-normal:var(--color-red-600);--c-color-danger-border-subtle:var(--color-red-400);--c-color-danger-on-emphasis:var(--color-red-50);--c-color-danger-on-normal:var(--color-red-700);--c-color-danger-on-subtle:var(--color-red-800);--c-font-body:system-ui,BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--c-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--c-border-faint:#e2ebf3;--c-border-subtle:var(--color-slate-300);--c-border-default:#a5b3c0;--c-border-emphasized:#698096;--c-border-strong:#3f4d5a;--c-border-accent:var(--color-blue-600);--c-border-form-control:var(--color-slate-500);--c-radius-sm:3px;--c-radius-md:4px;--c-radius-lg:6px;--c-radius-xl:12px;--c-radius-full:calc(Infinity*1px);--c-spacing:.125rem;--c-spacing-1px:1px;--c-spacing-xs:calc(var(--c-spacing)*.5);--c-spacing-sm:calc(var(--c-spacing)*1);--c-spacing-md:calc(var(--c-spacing)*2);--c-spacing-lg:calc(var(--c-spacing)*4);--c-spacing-xl:calc(var(--c-spacing)*8);--c-spacing-2xl:calc(var(--c-spacing)*16)}@media screen and (min-width:1024px){:root,:host{--c-spacing:.25rem}}:root,:host{--c-size-touch-target: 2.125rem ;--c-size-icon-xs: .625rem ;--c-size-icon-sm: .75rem ;--c-size-icon-md: .875rem ;--c-size-icon-lg: 1.375rem ;--c-size-icon-xl: 1.875rem ;--c-size-control-sm: 1.25rem ;--c-size-control-md: 2.125rem ;--c-size-control-lg: 2.75rem ;--c-shadow-2xs:0 1px #0000000d;--c-shadow-xs:0 1px 2px 0 #0000000d;--c-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--c-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--c-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--c-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--c-shadow-2xl:0 25px 50px -12px #00000040;--c-status-live-bg:var(--color-emerald-500);--c-status-live-border:var(--color-emerald-700);--c-status-live-fg:var(--color-emerald-700);--c-status-enabled-bg:var(--color-emerald-500);--c-status-enabled-border:var(--color-emerald-700);--c-status-enabled-fg:var(--color-emerald-700);--c-status-pending-bg:var(--color-orange-400);--c-status-pending-fg:var(--color-orange-700);--c-status-pending-border:var(--color-orange-700);--c-status-expired-bg:var(--color-red-400);--c-status-expired-fg:var(--color-red-700);--c-status-expired-border:var(--color-red-700);--c-status-disabled-bg:var(--color-slate-200);--c-status-disabled-fg:var(--color-slate-600);--c-status-disabled-border:var(--color-slate-600);--c-form-control-bg:var(--c-bg-form-control);--c-form-control-fg:var(--c-fg-text);--c-form-control-border:var(--color-slate-500);--c-form-control-radius:var(--c-radius-md);--c-form-control-spacing-inline:var(--c-spacing-md);--c-form-control-spacing-block:var(--c-spacing-sm);--c-form-control-height:var(--c-size-control-md);--c-input-bg:var(--c-form-control-bg);--c-input-fg:var(--c-form-control-fg);--c-input-border-color:var(--c-form-control-border);--c-input-border:1px solid var(--c-input-border-color);--c-input-radius:var(--c-form-control-radius);--c-input-spacing-inline:var(--c-form-control-spacing-inline);--c-input-spacing-block:var(--c-form-control-spacing-block);--c-input-shadow:var(--inset-shadow-sm);--c-select-bg:var(--c-form-control-bg);--c-select-fg:var(--c-form-control-fg);--c-select-border-color:var(--c-form-control-border);--c-select-border:1px solid var(--c-select-border-color);--c-select-radius:var(--c-form-control-radius);--c-select-spacing-inline:var(--c-form-control-spacing-inline);--c-select-spacing-block:var(--c-form-control-spacing-block);--c-select-shadow:var(--shadow-sm);--c-button-default-bg:var(--color-slate-200);--c-button-default-bg-hover:var(--color-slate-300);--c-button-default-fg:var(--c-fg-text);--c-button-default-fg-hover:var(--c-button-default-fg);--c-button-default-border:var(--color-slate-300);--c-button-default-border-hover:var(--c-button-default-border);--c-button-primary-bg:var(--color-red-600);--c-button-primary-border:var(--color-red-700);--c-button-primary-fg:var(--color-white);--c-button-primary-bg-hover:var(--color-red-700);--c-button-primary-border-hover:var(--c-button-primary-border);--c-button-primary-fg-hover:var(--c-button-primary-fg);--c-button-danger-bg:var(--color-red-600);--c-button-danger-border:var(--color-red-700);--c-button-danger-fg:var(--color-white);--c-button-danger-bg-hover:var(--color-red-700);--c-button-danger-border-hover:var(--c-button-danger-border);--c-button-danger-fg-hover:var(--c-button-danger-fg);--c-pane-bg:var(--c-bg-overlay);--c-pane-fg:var(--c-fg-text);--c-pane-border:1px solid transparent;--c-pane-radius:var(--c-radius-md);--c-callout-radius:var(--c-pane-radius);--c-modal-bg:var(--c-pane-bg);--c-modal-fg:var(--c-pane-fg);--c-modal-radius:var(--c-radius-lg);--c-modal-border:var(--c-pane-border);--c-modal-shadow:0 0 0 1px hsl(from var(--color-gray-400)h s l/25%),0 25px 100px hsl(from var(--color-gray-900)h s l/50%);--wa-panel-border-style:solid;--wa-panel-border-width:1px;--wa-color-surface-border:var(--c-border-subtle);--wa-panel-border-color:var(--c-border-subtle);--wa-panel-border-radius:var(--c-radius-md);--wa-color-surface-raised:var(--c-bg-raised);--wa-shadow-l:var(--c-shadow-lg)}[data-theme=dark]{color-scheme:dark;--c-bg-body:var(--color-slate-800);--c-bg-button:#333;--c-bg-sunken:#091120;--c-bg-raised:var(--color-slate-900);--c-bg-form-control:var(--color-slate-900);--c-bg-overlay:var(--color-slate-950);--c-fg-text:var(--color-slate-50);--c-fg-muted:var(--color-slate-400);--c-fg-link:var(--color-blue-400);--c-border-faint:#000;--c-border-subtle:#1a2744;--c-border-form-control:var(--color-slate-600);--c-color-neutral-bg-emphasis:var(--color-slate-400);--c-color-neutral-bg-subtle:var(--color-slate-900);--c-color-neutral-bg-faint:var(--color-slate-950);--c-color-neutral-border-emphasis:var(--color-slate-400);--c-color-neutral-border-subtle:var(--color-slate-600);--c-color-neutral-on-emphasis:var(--color-slate-900);--c-color-neutral-on-subtle:var(--color-slate-300);--c-color-accent-bg-emphasis:var(--color-blue-400);--c-color-accent-bg-subtle:var(--color-blue-900);--c-color-accent-border-emphasis:var(--color-blue-400);--c-color-accent-border-subtle:var(--color-blue-400);--c-color-accent-on-emphasis:var(--color-slate-950);--c-color-accent-on-subtle:var(--color-blue-200);--c-color-info-bg-emphasis:var(--color-blue-600);--c-color-info-bg-subtle:var(--color-blue-950);--c-color-info-border-emphasis:var(--color-blue-600);--c-color-info-border-subtle:var(--color-blue-600);--c-color-info-on-emphasis:var(--color-blue-100);--c-color-info-on-subtle:var(--color-blue-200);--c-color-success-bg-emphasis:var(--color-emerald-400);--c-color-success-bg-normal:var(--color-emerald-800);--c-color-success-bg-subtle:var(--color-emerald-900);--c-color-success-border-emphasis:var(--color-emerald-400);--c-color-success-border-normal:var(--color-emerald-900);--c-color-success-border-subtle:var(--color-emerald-400);--c-color-success-on-emphasis:var(--color-emerald-950);--c-color-success-on-normal:var(--color-emerald-200);--c-color-success-on-subtle:var(--color-emerald-400);--c-color-warning-bg-emphasis:var(--color-yellow-400);--c-color-warning-bg-subtle:var(--color-yellow-900);--c-color-warning-border-emphasis:var(--color-yellow-400);--c-color-warning-border-subtle:var(--color-yellow-400);--c-color-warning-on-emphasis:var(--color-yellow-950);--c-color-warning-on-subtle:var(--color-yellow-100);--c-color-danger-bg-emphasis:var(--color-red-500);--c-color-danger-bg-normal:var(--color-red-800);--c-color-danger-bg-subtle:var(--color-red-900);--c-color-danger-border-emphasis:var(--color-red-600);--c-color-danger-border-normal:var(--color-red-900);--c-color-danger-border-subtle:var(--color-red-900);--c-color-danger-on-emphasis:var(--color-red-100);--c-color-danger-on-normal:var(--color-red-200);--c-color-danger-on-subtle:var(--color-red-400);--c-button-default-bg:var(--color-slate-800);--c-button-default-border:var(--color-slate-700);--c-button-default-bg-hover:var(--color-slate-700)}}@layer base{html,body{background-color:var(--c-bg-body)}body{width:100%;font-family:var(--c-font-body,sans-serif);font-size:var(--c-text-base);line-height:var(--c-leading-normal);color:var(--c-fg-text);-webkit-font-smoothing:subpixel-antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,pre{margin:0}a{cursor:pointer;color:var(--c-fg-link)}ol,ul{margin:0;padding:0;list-style:none}code{padding:0 var(--c-spacing-sm);border-radius:var(--c-radius-sm);background-color:#0000000d;border:1px solid #0003;font-size:.9em;display:inline-flex}hr{border:0;border-top:1px solid var(--c-color-neutral-border-subtle);width:100%;display:block}}@layer components,utilities;.resizable-container{resize:both;border:2px solid;width:300px;padding:20px;overflow:auto}.skip-link{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;white-space:normal;width:auto;height:auto;inset-inline-start:0;overflow:visible}.error-list{color:var(--c-color-danger-on-normal);margin:0;padding:0;list-style:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.col-span-2{grid-column:span 2/span 2}.col-span-5{grid-column:span 5/span 5}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media(min-width:40rem){.container\!{max-width:40rem!important}}@media(min-width:48rem){.container\!{max-width:48rem!important}}@media(min-width:64rem){.container\!{max-width:64rem!important}}@media(min-width:80rem){.container\!{max-width:80rem!important}}@media(min-width:96rem){.container\!{max-width:96rem!important}}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-0{margin-right:calc(var(--spacing)*0)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-\[352\/455\]{aspect-ratio:352/455}.h-1{height:calc(var(--spacing)*1)}.w-1\/2{width:50%}.w-full{width:100%}.max-w-\[80ch\]{max-width:80ch}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.resize{resize:both}.resize\!{resize:both!important}.columns-3{columns:3}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border-subtle{border-color:var(--color-border-subtle)}.border-red-500{border-color:var(--color-red-500)}.bg-black{background-color:var(--color-black)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-0{padding-left:calc(var(--spacing)*0)}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-wrap{text-wrap:wrap}.text-red-800{color:var(--color-red-800)}.text-slate-100{color:var(--color-slate-100)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}@media(min-width:48rem){.md\:w-3\/4{width:75%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\[disabled\]\]\:opacity-50[disabled]{opacity:.5}}.global-sidebar{--is-always-visible:true;grid-template-columns:var(--global-sidebar-width);grid-template-rows:calc(var(--header-height) + 1px)minmax(0,1fr)auto;-webkit-overflow-scrolling:touch;background-color:var(--gray-150);border-inline-end:1px solid var(--border-hairline);height:100vh;width:var(--global-sidebar-width);isolation:isolate;z-index:1;grid-auto-flow:row;padding:0;display:grid;position:sticky;inset-block-start:0}@media only screen and (max-width:124.938rem){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding-block:var(--s);padding-inline:var(--s);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain;overflow:hidden auto}.global-sidebar__footer{border-block-start:1px solid var(--border-hairline);margin-block-start:auto}.nav-indicator{width:var(--nav-item-indicator-size);border-radius:var(--radius-sm);aspect-ratio:1;background-color:currentColor}:root{--global-sidebar-width: 14.125rem ;--header-height: 2.75rem }@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false} +@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-400:oklch(75% .183 55.934);--color-orange-700:oklch(55.3% .195 38.402);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-bold:700;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--inset-shadow-sm:inset 0 2px 4px #0000000d;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-border-subtle:var(--c-color-neutral-border-subtle)}}@layer base,components;@layer cp{@layer preflight{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}ol,ul,menu{list-style:none}img{max-width:100%;height:auto;display:flex}}@layer theme{:root,:host{--c-text-lg: 1rem ;--c-text-base: .875rem ;--c-text-sm: .6875rem ;--c-leading-normal:1.42;--c-bg-body:var(--color-slate-50);--c-bg-raised:#fff;--c-bg-sunken:var(--color-slate-100);--c-bg-form-control:#d9e5f20d;--c-bg-overlay:#fff;--c-bg-default:#fff;--c-bg-accent:var(--color-blue-500);--c-fg-white:var(--color-white);--c-fg-text:#3f4d5a;--c-fg-muted:var(--color-slate-500);--c-fg-link:var(--color-blue-600);--c-fg-on-accent:var(--color-white);--c-fg-on-accent-subtle:var(--color-slate-800);--c-fg-on-sunken:var(--c-fg-text);--c-color-neutral-bg-emphasis:var(--color-slate-600);--c-color-neutral-bg-normal:var(--color-slate-100);--c-color-neutral-bg-subtle:var(--color-slate-50);--c-color-neutral-border-emphasis:var(--color-slate-800);--c-color-neutral-border-normal:var(--color-slate-600);--c-color-neutral-border-subtle:var(--color-slate-300);--c-color-neutral-on-emphasis:var(--color-slate-50);--c-color-neutral-on-normal:var(--color-slate-700);--c-color-neutral-on-subtle:var(--color-slate-800);--c-color-brand-bg-emphasis:var(--color-red-600);--c-color-brand-bg-subtle:var(--color-red-100);--c-color-brand-border-emphasis:var(--color-red-600);--c-color-brand-border-subtle:var(--color-red-600);--c-color-brand-on-emphasis:var(--color-red-100);--c-color-brand-on-subtle:var(--color-red-800);--c-color-accent-bg-emphasis:var(--color-blue-600);--c-color-accent-bg-normal:var(--color-blue-100);--c-color-accent-bg-subtle:var(--color-blue-50);--c-color-accent-border-emphasis:var(--color-blue-800);--c-color-accent-border-normal:var(--color-blue-600);--c-color-accent-border-subtle:var(--color-blue-400);--c-color-accent-on-emphasis:var(--color-blue-50);--c-color-accent-on-normal:var(--color-blue-900);--c-color-accent-on-subtle:var(--color-blue-900);--c-color-info-bg-emphasis:var(--color-blue-600);--c-color-info-bg-normal:var(--color-blue-100);--c-color-info-bg-subtle:var(--color-blue-50);--c-color-info-border-emphasis:var(--color-blue-800);--c-color-info-border-normal:var(--color-blue-600);--c-color-info-border-subtle:var(--color-blue-400);--c-color-info-on-emphasis:var(--color-blue-50);--c-color-info-on-normal:var(--color-blue-700);--c-color-info-on-subtle:var(--color-blue-800);--c-color-success-bg-emphasis:var(--color-emerald-600);--c-color-success-bg-normal:var(--color-emerald-100);--c-color-success-bg-subtle:var(--color-emerald-50);--c-color-success-border-emphasis:var(--color-emerald-800);--c-color-success-border-normal:var(--color-emerald-600);--c-color-success-border-subtle:var(--color-emerald-400);--c-color-success-on-emphasis:var(--color-emerald-50);--c-color-success-on-normal:var(--color-emerald-700);--c-color-success-on-subtle:var(--color-emerald-800);--c-color-warning-bg-emphasis:var(--color-yellow-600);--c-color-warning-bg-normal:var(--color-yellow-100);--c-color-warning-bg-subtle:var(--color-yellow-50);--c-color-warning-border-emphasis:var(--color-yellow-800);--c-color-warning-border-normal:var(--color-yellow-600);--c-color-warning-border-subtle:var(--color-yellow-400);--c-color-warning-on-emphasis:var(--color-yellow-50);--c-color-warning-on-normal:var(--color-yellow-700);--c-color-warning-on-subtle:var(--color-yellow-800);--c-color-danger-bg-emphasis:var(--color-red-600);--c-color-danger-bg-normal:var(--color-red-100);--c-color-danger-bg-subtle:var(--color-red-50);--c-color-danger-border-emphasis:var(--color-red-800);--c-color-danger-border-normal:var(--color-red-600);--c-color-danger-border-subtle:var(--color-red-400);--c-color-danger-on-emphasis:var(--color-red-50);--c-color-danger-on-normal:var(--color-red-700);--c-color-danger-on-subtle:var(--color-red-800);--c-font-body:system-ui,BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--c-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--c-border-faint:#e2ebf3;--c-border-subtle:var(--color-slate-300);--c-border-default:#a5b3c0;--c-border-emphasized:#698096;--c-border-strong:#3f4d5a;--c-border-accent:var(--color-blue-600);--c-border-form-control:var(--color-slate-500);--c-radius-sm:3px;--c-radius-md:4px;--c-radius-lg:6px;--c-radius-xl:12px;--c-radius-full:calc(Infinity*1px);--c-spacing:.125rem;--c-spacing-1px:1px;--c-spacing-xs:calc(var(--c-spacing)*.5);--c-spacing-sm:calc(var(--c-spacing)*1);--c-spacing-md:calc(var(--c-spacing)*2);--c-spacing-lg:calc(var(--c-spacing)*4);--c-spacing-xl:calc(var(--c-spacing)*8);--c-spacing-2xl:calc(var(--c-spacing)*16)}@media screen and (min-width:1024px){:root,:host{--c-spacing:.25rem}}:root,:host{--c-size-touch-target: 2.125rem ;--c-size-icon-xs: .625rem ;--c-size-icon-sm: .75rem ;--c-size-icon-md: .875rem ;--c-size-icon-lg: 1.375rem ;--c-size-icon-xl: 1.875rem ;--c-size-control-sm: 1.5rem ;--c-size-control-md: 2.125rem ;--c-size-control-lg: 2.75rem ;--c-shadow-2xs:0 1px #0000000d;--c-shadow-xs:0 1px 2px 0 #0000000d;--c-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--c-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--c-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--c-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--c-shadow-2xl:0 25px 50px -12px #00000040;--c-status-live-bg:var(--color-emerald-500);--c-status-live-border:var(--color-emerald-700);--c-status-live-fg:var(--color-emerald-700);--c-status-enabled-bg:var(--color-emerald-500);--c-status-enabled-border:var(--color-emerald-700);--c-status-enabled-fg:var(--color-emerald-700);--c-status-pending-bg:var(--color-orange-400);--c-status-pending-fg:var(--color-orange-700);--c-status-pending-border:var(--color-orange-700);--c-status-expired-bg:var(--color-red-400);--c-status-expired-fg:var(--color-red-700);--c-status-expired-border:var(--color-red-700);--c-status-disabled-bg:var(--color-slate-200);--c-status-disabled-fg:var(--color-slate-600);--c-status-disabled-border:var(--color-slate-600);--c-form-control-bg:var(--c-bg-form-control);--c-form-control-fg:var(--c-fg-text);--c-form-control-border:var(--color-slate-500);--c-form-control-radius:var(--c-radius-md);--c-form-control-spacing-inline:var(--c-spacing-md);--c-form-control-spacing-block:var(--c-spacing-sm);--c-form-control-height:var(--c-size-control-md);--c-input-bg:var(--c-form-control-bg);--c-input-fg:var(--c-form-control-fg);--c-input-border-color:var(--c-form-control-border);--c-input-border:1px solid var(--c-input-border-color);--c-input-radius:var(--c-form-control-radius);--c-input-spacing-inline:var(--c-form-control-spacing-inline);--c-input-spacing-block:var(--c-form-control-spacing-block);--c-input-shadow:var(--inset-shadow-sm);--c-select-bg:var(--c-form-control-bg);--c-select-fg:var(--c-form-control-fg);--c-select-border-color:var(--c-form-control-border);--c-select-border:1px solid var(--c-select-border-color);--c-select-radius:var(--c-form-control-radius);--c-select-spacing-inline:var(--c-form-control-spacing-inline);--c-select-spacing-block:var(--c-form-control-spacing-block);--c-select-shadow:var(--shadow-sm);--c-button-default-bg:var(--color-slate-200);--c-button-default-bg-hover:var(--color-slate-300);--c-button-default-fg:var(--c-fg-text);--c-button-default-fg-hover:var(--c-button-default-fg);--c-button-default-border:var(--color-slate-300);--c-button-default-border-hover:var(--c-button-default-border);--c-button-primary-bg:var(--color-red-600);--c-button-primary-border:var(--color-red-700);--c-button-primary-fg:var(--color-white);--c-button-primary-bg-hover:var(--color-red-700);--c-button-primary-border-hover:var(--c-button-primary-border);--c-button-primary-fg-hover:var(--c-button-primary-fg);--c-button-danger-bg:var(--color-red-600);--c-button-danger-border:var(--color-red-700);--c-button-danger-fg:var(--color-white);--c-button-danger-bg-hover:var(--color-red-700);--c-button-danger-border-hover:var(--c-button-danger-border);--c-button-danger-fg-hover:var(--c-button-danger-fg);--c-pane-bg:var(--c-bg-overlay);--c-pane-fg:var(--c-fg-text);--c-pane-border:1px solid transparent;--c-pane-radius:var(--c-radius-md);--c-callout-radius:var(--c-pane-radius);--c-modal-bg:var(--c-pane-bg);--c-modal-fg:var(--c-pane-fg);--c-modal-radius:var(--c-radius-lg);--c-modal-border:var(--c-pane-border);--c-modal-shadow:0 0 0 1px hsl(from var(--color-gray-400)h s l/25%),0 25px 100px hsl(from var(--color-gray-900)h s l/50%);--wa-panel-border-style:solid;--wa-panel-border-width:1px;--wa-color-surface-border:var(--c-border-subtle);--wa-panel-border-color:var(--c-border-subtle);--wa-panel-border-radius:var(--c-radius-md);--wa-color-surface-raised:var(--c-bg-raised);--wa-shadow-l:var(--c-shadow-lg)}[data-theme=dark]{color-scheme:dark;--c-bg-body:var(--color-slate-800);--c-bg-button:#333;--c-bg-sunken:#091120;--c-bg-raised:var(--color-slate-900);--c-bg-form-control:var(--color-slate-900);--c-bg-overlay:var(--color-slate-950);--c-fg-text:var(--color-slate-50);--c-fg-muted:var(--color-slate-400);--c-fg-link:var(--color-blue-400);--c-border-faint:#000;--c-border-subtle:#1a2744;--c-border-form-control:var(--color-slate-600);--c-color-neutral-bg-emphasis:var(--color-slate-400);--c-color-neutral-bg-subtle:var(--color-slate-900);--c-color-neutral-bg-faint:var(--color-slate-950);--c-color-neutral-border-emphasis:var(--color-slate-400);--c-color-neutral-border-subtle:var(--color-slate-600);--c-color-neutral-on-emphasis:var(--color-slate-900);--c-color-neutral-on-subtle:var(--color-slate-300);--c-color-accent-bg-emphasis:var(--color-blue-400);--c-color-accent-bg-subtle:var(--color-blue-900);--c-color-accent-border-emphasis:var(--color-blue-400);--c-color-accent-border-subtle:var(--color-blue-400);--c-color-accent-on-emphasis:var(--color-slate-950);--c-color-accent-on-subtle:var(--color-blue-200);--c-color-info-bg-emphasis:var(--color-blue-600);--c-color-info-bg-subtle:var(--color-blue-950);--c-color-info-border-emphasis:var(--color-blue-600);--c-color-info-border-subtle:var(--color-blue-600);--c-color-info-on-emphasis:var(--color-blue-100);--c-color-info-on-subtle:var(--color-blue-200);--c-color-success-bg-emphasis:var(--color-emerald-400);--c-color-success-bg-normal:var(--color-emerald-800);--c-color-success-bg-subtle:var(--color-emerald-900);--c-color-success-border-emphasis:var(--color-emerald-400);--c-color-success-border-normal:var(--color-emerald-900);--c-color-success-border-subtle:var(--color-emerald-400);--c-color-success-on-emphasis:var(--color-emerald-950);--c-color-success-on-normal:var(--color-emerald-200);--c-color-success-on-subtle:var(--color-emerald-400);--c-color-warning-bg-emphasis:var(--color-yellow-400);--c-color-warning-bg-subtle:var(--color-yellow-900);--c-color-warning-border-emphasis:var(--color-yellow-400);--c-color-warning-border-subtle:var(--color-yellow-400);--c-color-warning-on-emphasis:var(--color-yellow-950);--c-color-warning-on-subtle:var(--color-yellow-100);--c-color-danger-bg-emphasis:var(--color-red-500);--c-color-danger-bg-normal:var(--color-red-800);--c-color-danger-bg-subtle:var(--color-red-900);--c-color-danger-border-emphasis:var(--color-red-600);--c-color-danger-border-normal:var(--color-red-900);--c-color-danger-border-subtle:var(--color-red-900);--c-color-danger-on-emphasis:var(--color-red-100);--c-color-danger-on-normal:var(--color-red-200);--c-color-danger-on-subtle:var(--color-red-400);--c-button-default-bg:var(--color-slate-800);--c-button-default-border:var(--color-slate-700);--c-button-default-bg-hover:var(--color-slate-700)}}@layer base{html,body{background-color:var(--c-bg-body)}body{width:100%;font-family:var(--c-font-body,sans-serif);font-size:var(--c-text-base);line-height:var(--c-leading-normal);color:var(--c-fg-text);-webkit-font-smoothing:subpixel-antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,pre{margin:0}a{cursor:pointer;color:var(--c-fg-link)}ol,ul{margin:0;padding:0;list-style:none}code{padding:0 var(--c-spacing-sm);border-radius:var(--c-radius-sm);background-color:#0000000d;border:1px solid #0003;font-size:.9em;display:inline-flex}hr{border:0;border-top:1px solid var(--c-color-neutral-border-subtle);width:100%;display:block}}@layer components,utilities;.resizable-container{resize:both;border:2px solid;width:300px;padding:20px;overflow:auto}.skip-link{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;white-space:normal;width:auto;height:auto;inset-inline-start:0;overflow:visible}.error-list{color:var(--c-color-danger-on-normal);margin:0;padding:0;list-style:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.col-span-2{grid-column:span 2/span 2}.col-span-5{grid-column:span 5/span 5}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media(min-width:40rem){.container\!{max-width:40rem!important}}@media(min-width:48rem){.container\!{max-width:48rem!important}}@media(min-width:64rem){.container\!{max-width:64rem!important}}@media(min-width:80rem){.container\!{max-width:80rem!important}}@media(min-width:96rem){.container\!{max-width:96rem!important}}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-0{margin-right:calc(var(--spacing)*0)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-\[352\/455\]{aspect-ratio:352/455}.h-1{height:calc(var(--spacing)*1)}.w-1\/2{width:50%}.w-full{width:100%}.max-w-\[80ch\]{max-width:80ch}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.resize{resize:both}.resize\!{resize:both!important}.columns-3{columns:3}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border-subtle{border-color:var(--color-border-subtle)}.border-red-500{border-color:var(--color-red-500)}.bg-black{background-color:var(--color-black)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-0{padding-left:calc(var(--spacing)*0)}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-wrap{text-wrap:wrap}.text-red-800{color:var(--color-red-800)}.text-slate-100{color:var(--color-slate-100)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}@media(min-width:48rem){.md\:w-3\/4{width:75%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\[disabled\]\]\:opacity-50[disabled]{opacity:.5}}.global-sidebar{--is-always-visible:true;grid-template-columns:var(--global-sidebar-width);grid-template-rows:calc(var(--header-height) + 1px)minmax(0,1fr)auto;-webkit-overflow-scrolling:touch;background-color:var(--gray-150);border-inline-end:1px solid var(--border-hairline);height:100vh;width:var(--global-sidebar-width);isolation:isolate;z-index:1;grid-auto-flow:row;padding:0;display:grid;position:sticky;inset-block-start:0}@media only screen and (max-width:124.938rem){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding-block:var(--s);padding-inline:var(--s);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain;overflow:hidden auto}.global-sidebar__footer{border-block-start:1px solid var(--border-hairline);margin-block-start:auto}.nav-indicator{width:var(--nav-item-indicator-size);border-radius:var(--radius-sm);aspect-ratio:1;background-color:currentColor}:root{--global-sidebar-width: 14.125rem ;--header-height: 2.75rem }@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false} diff --git a/resources/build/legacy.js b/resources/build/legacy.js index 3234d46c9e5..646568e3344 100644 --- a/resources/build/legacy.js +++ b/resources/build/legacy.js @@ -2592,15 +2592,15 @@ wa-popup[data-current-placement='right-end'] #menu { padding: var(--c-spacing-md); } `]}};customElements.get("craft-popover")||customElements.define("craft-popover",Up);var cr=class extends H{render(){return x` - + `}};cr.styles=F` :host { display: block; } - nav { + .nav { display: grid; } `,customElements.get("craft-navigation")||customElements.define("craft-navigation",cr);const Ma="important",Hp=" !"+Ma,qp=_s(class extends vs{constructor(i){if(super(i),i.type!==gs.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce(((e,t)=>{const s=i[t];return s==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(i,[e]){const{style:t}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(const s of this.ft)e[s]==null&&(this.ft.delete(s),s.includes("-")?t.removeProperty(s):t[s]=null);for(const s in e){const n=e[s];if(n!=null){this.ft.add(s);const o=typeof n=="string"&&n.endsWith(Hp);s.includes("-")||o?t.setProperty(s,o?n.slice(0,-11):n,o?Ma:""):t[s]=n}}return Te}});var jp=F` diff --git a/resources/js/components/SystemInfo.vue b/resources/js/components/SystemInfo.vue index 2914811b56c..a166de8eea5 100644 --- a/resources/js/components/SystemInfo.vue +++ b/resources/js/components/SystemInfo.vue @@ -12,9 +12,8 @@