@loom-js/devtools 0.0.0-stage → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +77 -2
  2. package/dist/frontend.css +2 -0
  3. package/dist/frontend.js +215 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.mjs +24 -0
  6. package/dist/index.mjs.map +7 -0
  7. package/dist/types/backend/console-api.d.ts +6 -0
  8. package/dist/types/backend/console-api.d.ts.map +1 -0
  9. package/dist/types/backend/formatters.d.ts +14 -0
  10. package/dist/types/backend/formatters.d.ts.map +1 -0
  11. package/dist/types/backend/hosts.d.ts +10 -0
  12. package/dist/types/backend/hosts.d.ts.map +1 -0
  13. package/dist/types/backend/ids.d.ts +11 -0
  14. package/dist/types/backend/ids.d.ts.map +1 -0
  15. package/dist/types/backend/index.d.ts +15 -0
  16. package/dist/types/backend/index.d.ts.map +1 -0
  17. package/dist/types/backend/inspect.d.ts +25 -0
  18. package/dist/types/backend/inspect.d.ts.map +1 -0
  19. package/dist/types/backend/page-layer.d.ts +15 -0
  20. package/dist/types/backend/page-layer.d.ts.map +1 -0
  21. package/dist/types/backend/perf.d.ts +6 -0
  22. package/dist/types/backend/perf.d.ts.map +1 -0
  23. package/dist/types/frontend/client.d.ts +16 -0
  24. package/dist/types/frontend/client.d.ts.map +1 -0
  25. package/dist/types/frontend/derive.d.ts +28 -0
  26. package/dist/types/frontend/derive.d.ts.map +1 -0
  27. package/dist/types/frontend/index.d.ts +3 -0
  28. package/dist/types/frontend/index.d.ts.map +1 -0
  29. package/dist/types/frontend/state.d.ts +171 -0
  30. package/dist/types/frontend/state.d.ts.map +1 -0
  31. package/dist/types/frontend/views/activity-item.d.ts +12 -0
  32. package/dist/types/frontend/views/activity-item.d.ts.map +1 -0
  33. package/dist/types/frontend/views/header.d.ts +5 -0
  34. package/dist/types/frontend/views/header.d.ts.map +1 -0
  35. package/dist/types/frontend/views/hud.d.ts +5 -0
  36. package/dist/types/frontend/views/hud.d.ts.map +1 -0
  37. package/dist/types/frontend/views/panes.d.ts +11 -0
  38. package/dist/types/frontend/views/panes.d.ts.map +1 -0
  39. package/dist/types/frontend/views/value-view.d.ts +20 -0
  40. package/dist/types/frontend/views/value-view.d.ts.map +1 -0
  41. package/dist/types/frontend-source.d.ts +3 -0
  42. package/dist/types/frontend-source.d.ts.map +1 -0
  43. package/dist/types/index.d.ts +3 -0
  44. package/dist/types/index.d.ts.map +1 -0
  45. package/dist/types/protocol/encode.d.ts +29 -0
  46. package/dist/types/protocol/encode.d.ts.map +1 -0
  47. package/dist/types/protocol/transport.d.ts +28 -0
  48. package/dist/types/protocol/transport.d.ts.map +1 -0
  49. package/dist/types/protocol/types.d.ts +187 -0
  50. package/dist/types/protocol/types.d.ts.map +1 -0
  51. package/package.json +56 -3
package/dist/index.mjs ADDED
@@ -0,0 +1,24 @@
1
+ import{inspectContext as Be,isInspectableActivity as B,kindOf as Ve,nodeNameOf as be,setDevtoolsHook as he,takeBufferedEvents as Ye}from"@loom-js/core/devtools";var Pe=e=>({t:"num",v:Number.isNaN(e)?"NaN":e===1/0?"Infinity":e===-1/0?"-Infinity":Object.is(e,-0)?"-0":e}),Te=e=>{let i=Object.getPrototypeOf(e);return i&&i!==Object.prototype?i.constructor?.name:void 0},j=(e,i,n=2,s=new WeakSet)=>{try{let p=i(e);if(p)return p;switch(typeof e){case"undefined":return{t:"undefined"};case"boolean":return{t:"bool",v:e};case"number":return Pe(e);case"bigint":return{t:"bigint",v:String(e)};case"symbol":return{t:"symbol",v:e.description??""};case"string":return e.length>500?{length:e.length,t:"str",v:e.slice(0,500)}:{t:"str",v:e};case"function":return{name:e.name||"anonymous",t:"fn"}}if(e===null)return{t:"null"};let d=e;if(s.has(d))return{t:"circular"};if(d instanceof Date)return{t:"date",v:d.toISOString()};if(d instanceof Error)return{message:d.message,name:d.name,t:"error"};if(typeof d.then=="function")return{t:"promise"};let o=l=>j(l,i,n-1,s),c=l=>{let g;try{g=l()}catch{return{t:"unserializable"}}return o(g)},r=n>0;s.add(d);try{if(Array.isArray(d))return{items:r?d.slice(0,100).map(o):void 0,length:d.length,t:"array"};if(d instanceof Map||d instanceof Set){let g=Array.from(d instanceof Map?d.entries():d.values()).slice(0,100);return{entries:r?g.map(v=>d instanceof Map?[o(v[0]),o(v[1])]:[{t:"undefined"},o(v)]):void 0,size:d.size,t:d instanceof Map?"map":"set"}}let l=Object.keys(d);return{ctor:Te(d),entries:r?l.slice(0,100).map(g=>[g,c(()=>d[g])]):void 0,size:l.length,t:"object"}}finally{s.delete(d)}}catch{return{t:"unserializable"}}},I=Symbol("loom-devtools.missing"),U=(e,i)=>i.reduce((n,s)=>{if(n===I||n===null||typeof n!="object")return I;if(n instanceof Map||n instanceof Set){let p=Array.from(n.values())[Number(s)];return p===void 0&&Number(s)>=n.size?I:p}return s in n?n[s]:I},e);var H="loom-devtools";var Re=e=>typeof e=="object"&&e!==null&&e.source===H&&typeof e.type=="string",$=e=>({...e,protocol:1,source:H}),G=e=>({listen(i,n){let s=({data:p,origin:d,source:o})=>{o&&d===e.origin&&Re(p)&&i(o)&&n(p,o)};return e.addEventListener("message",s),()=>e.removeEventListener("message",s)},post(i,n){i.postMessage(n,e.origin)}});import{inspectActivities as Ae,inspectNode as Ie,inspectTree as Le}from"@loom-js/core/devtools";var q={activities:Ae,inspect:Ie,tree:Le},Q=e=>{let i=e.loom;return i&&Object.assign(i,q),()=>{i&&Object.keys(q).forEach(n=>delete i[n])}};import{describeActivity as Ne,isInspectRecord as W,isInspectableActivity as M}from"@loom-js/core/devtools";var ee="color:#6d28d9;font-weight:600",te="color:#0e7490",Se="color:#6b7280",ne=e=>["object",{object:e}],A=(e,i)=>["li",{},["span",{style:te},`${e}: `],ne(i)],_e=({key:e,kind:i,name:n})=>["span",{},["span",{style:ee},i==="effect"?`${n} effect`:n],...e!==void 0?[["span",{style:te},` key=${String(e)}`]]:[]],X=(e,i,n)=>["span",{},["span",{style:ee},e],["span",{style:Se},n?" (pending) = ":" = "],ne(i)],K=e=>typeof e=="object"&&e!==null&&M(e.activity)&&"name"in e,Z={body(e){if(W(e))return["ol",{style:"list-style:none;margin:0;padding-left:12px"},...e.props?[A("props",e.props)]:[],...e.activities.length?[A("activities",e.activities)]:[],...e.parent?[A("parent",e.parent)]:[],...e.children.length?[A("children",e.children)]:[],A("node",e.node)];let i=K(e)?e.activity:e;return M(i)?["ol",{style:"list-style:none;margin:0;padding-left:12px"},A("value",i.value()),A("handle",{...i})]:null},hasBody:e=>W(e)||K(e)||M(e),header(e){if(W(e))return _e(e);if(K(e))return X(e.name,e.value,e.pending);if(M(e)){let{name:i,pending:n,value:s}=Ne(e);return X(i,s,n)}return null}},oe=e=>{let i=e,n=i.devtoolsFormatters??=[];return n.push(Z),()=>{let s=n.indexOf(Z);s>=0&&n.splice(s,1)}};var z=()=>'<!doctype html>\n<html lang="en" class="theme-dark">\n<head>\n<meta charset="utf-8" />\n<title>loom devtools</title>\n<style>@layer theme,base,pink,components,utilities;@layer pink{@layer css-variables,resets,icons,animations,elements,components,grids,utilities;@layer css-variables{:root{--transform-direction: 1;--start-direction: left;--end-direction: right}:root[dir=rtl]{--transform-direction: -1;--start-direction: right;--end-direction: left}:root{--transition: .2s}:root{--heading-font: "Poppins", arial, sans-serif;--content-font: "Inter", arial, sans-serif;--code-font: "Source Code Pro", monospace;--font-size-00: .75rem;--font-size-0: .875rem;--font-size-1: 1rem;--font-size-2: 1.125rem;--font-size-3: 1.25rem;--font-size-4: 1.5rem;--font-size-5: 1.75rem;--font-size-6: 2rem;--font-size-7: 2.25rem;--font-size-8: 2.5rem}:root{--color-primary-hue: 343;--color-primary-100: var(--color-primary-hue) 87% 56%;--color-primary-200: calc(var(--color-primary-hue) - 3) 79% 48%;--color-primary-300: calc(var(--color-primary-hue) - 6) 87% 40%;--color-neutral-0: 0 0% 100%;--color-neutral-5: 240 11% 98%;--color-neutral-10: 240 9% 94%;--color-neutral-15: 240 4% 85%;--color-neutral-20: 240 3% 77%;--color-neutral-50: 240 2% 52%;--color-neutral-60: 240 2% 43%;--color-neutral-70: 240 3% 35%;--color-neutral-80: 240 4% 27%;--color-neutral-85: 240 4% 18%;--color-neutral-90: 240 7% 12%;--color-neutral-100: 240 6% 10%;--color-neutral-105: 240 5% 8%;--color-neutral-1000: 0 0% 0%;--color-information-hue: 189;--color-information-10: calc(var(--color-information-hue) + 4) 88% 94%;--color-information-50: calc(var(--color-information-hue) + 13) 90% 89%;--color-information-100: var(--color-information-hue) 100% 38%;--color-information-120: calc(var(--color-information-hue) + 1) 100% 26%;--color-information-200: calc(var(--color-information-hue) - 1) 87% 12%;--color-success-hue: 150;--color-success-10: var(--color-success-hue) 88% 93%;--color-success-50: var(--color-success-hue) 91% 87%;--color-success-100: var(--color-success-hue) 100% 37%;--color-success-120: calc(var(--color-success-hue) + 8) 100% 23%;--color-success-200: calc(var(--color-success-hue) - 1) 79% 11%;--color-warning-hue: 33;--color-warning-10: calc(var(--color-warning-hue) + 1) 100% 94%;--color-warning-50: calc(var(--color-warning-hue) - 2) 100% 88%;--color-warning-100: var(--color-warning-hue) 100% 48%;--color-warning-120: calc(var(--color-warning-hue) - 9) 100% 35%;--color-warning-200: var(--color-warning-hue) 97% 14%;--color-danger-hue: 3;--color-danger-10: calc(var(--color-danger-hue) - 3) 100% 96%;--color-danger-50: calc(var(--color-danger-hue) - 2) 100% 92%;--color-danger-100: var(--color-danger-hue) 100% 61%;--color-danger-120: calc(var(--color-danger-hue) - 3) 82% 39%;--color-danger-200: calc(var(--color-danger-hue) - 1) 91% 13%;--color-blue-hue: 218;--color-blue-100: var(--color-blue-hue) 100% 82%;--color-green-hue: 172;--color-green-100: var(--color-green-hue) 50% 72%;--color-orange-hue: 32;--color-orange-100: var(--color-orange-hue) 97% 75%;--color-red-hue: 0;--color-red-100: var(--color-red-hue) 100% 82%;--color-purple-hue: 261;--color-purple-100: var(--color-purple-hue) 93% 84%;--color-pink-hue: 331;--color-pink-100: var(--color-pink-hue) 100% 82%;--color-mint-hue: 177;--color-mint-500: calc(var(--color-mint-hue) + 1) 54% 69%;--transparent: 0 0% 0% / 0}:root{--color-pink-text: var(--color-primary-100);--color-text-disabled: var(--color-neutral-20);--color-text-offline: var(--color-neutral-50);--color-text-info: var(--color-information-100);--color-text-danger: var(--color-danger-100);--color-text-warning: var(--color-warning-100);--color-text-success: var(--color-success-100);--color-text-gray: var(--color-neutral-50);--color-border: var(--color-neutral-10);--scroll-color: var(--color-neutral-20)}:root .theme-dark{--color-pink-text: var(--color-primary-200);--color-text-disabled: var(--color-neutral-60);--color-text-offline: var(--color-neutral-50);--color-text-info: var(--color-information-100);--color-text-danger: var(--color-danger-100);--color-text-warning: var(--color-warning-100);--color-text-success: var(--color-success-100);--color-text-gray: var(--color-neutral-20);--color-border: var(--color-neutral-85);--scroll-color: var(--color-neutral-80)}:root{--container-size-small: 20rem;--container-size-medium: 31rem;--container-size-large: 43.75rem;--container-size-xl: 58rem;--container-size-xxl: 78.75rem;--container-size-xxxl: 87.125rem;--icon-size-small: 1rem;--icon-size-medium: 1.25rem;--icon-size-large: 1.5rem;--icon-size-extra-large: 2rem}:root{--border-radius-xsmall: .25rem;--border-radius-small: .5rem;--border-radius-medium: 1rem;--border-radius-large: 1.5rem;--border-radius-circular: 50%}:root{--shadow-color: var(--color-neutral-80);--shadow-small: 0rem 1rem 2rem hsl(var(--shadow-color)/.02);--shadow-large: 0rem 1rem 2rem hsl(var(--shadow-color)/.04);--focus-box-shadow: 0 0 0 .0625rem hsl(var(--color-information-100)), 0 0 0 .25rem hsl(var(--color-information-100)/.25)}:root .theme-dark{--shadow-color: var(--color-neutral-105);--shadow-small: 0rem 1rem 2rem hsl(var(--shadow-color)/.5);--shadow-large: 0rem 1rem 2rem hsl(var(--shadow-color)/1)}}@layer resets{@layer normalize,the-new-css-reset,custom-css-reset,typography;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer the-new-css-reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer custom-css-reset{:where(dialog:modal){all:revert}img[src=""]{visibility:hidden}button{cursor:pointer}pre{margin-block:0}details summary::-webkit-details-marker{display:none}summary::-webkit-details-marker{display:none!important}input::-webkit-datetime-edit{line-height:1;padding:0;margin-bottom:-2px}.theme-dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.theme-dark input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8)}}@layer typography{html,body{overscroll-behavior-y:none}html{scrollbar-gutter:stable;overflow:overlay;overflow-x:hidden}html:has(:where(body.theme-dark)){color-scheme:dark}body{--p-body-text-color: var(--color-neutral-60);--p-body-bg-color: var(--color-neutral-5);font-family:var(--content-font);-webkit-font-smoothing:antialiased;font-weight:400;font-size:87.5%;line-height:1.5;color:hsl(var(--p-body-text-color));background-color:hsl(var(--p-body-bg-color))}body.theme-dark{--p-body-text-color: var(--color-neutral-20);--p-body-bg-color: var(--color-neutral-105)}small{font-size:.875rem}b{font-weight:600}code{font-family:var(--code-font);font-size:.875rem;line-height:1.5;letter-spacing:.08em;white-space:pre-wrap}[class*=heading-]{--p-heading-text-color: var(--heading-text-color, var(--color-neutral-80));color:hsl(var(--p-heading-text-color))}.theme-dark [class*=heading-]{--p-heading-text-color: var( --heading-text-color, var(--color-neutral-10) )}[class*=heading-level]{font-family:var(--heading-font, arial);line-height:1.5}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.heading-level-1{font-size:var(--font-size-7);font-weight:700}.heading-level-2{font-size:var(--font-size-6);font-weight:700}.heading-level-3{font-size:var(--font-size-5);font-weight:600}.heading-level-4{font-size:var(--font-size-4);font-weight:500}.heading-level-5{font-size:var(--font-size-3);font-weight:500}.heading-level-6{font-size:var(--font-size-2);font-weight:500}.heading-level-7{font-size:var(--font-size-1);font-weight:500}}@media(min-width:1199px){.heading-level-1{font-size:var(--font-size-8);font-weight:700}.heading-level-2{font-size:var(--font-size-7);font-weight:700}.heading-level-3{font-size:var(--font-size-6);font-weight:700}.heading-level-4{font-size:var(--font-size-5);font-weight:600}.heading-level-5{font-size:var(--font-size-4);font-weight:500}.heading-level-6{font-size:var(--font-size-3);font-weight:500}.heading-level-7{font-size:var(--font-size-2);font-weight:500}}[class*=eyebrow-heading]{text-transform:uppercase;font-weight:600;line-height:1.5}.eyebrow-heading-1{font-size:var(--font-size-1);letter-spacing:.08em}.eyebrow-heading-2{font-size:var(--font-size-0);letter-spacing:.08em}.eyebrow-heading-3{font-size:var(--font-size-00);letter-spacing:.12em}.body-text-1{font-size:var(--font-size-1)}.body-text-2{font-size:var(--font-size-0)}::selection{color:hsl(var(--color-neutral-1000));-webkit-text-fill-color:hsl(var(--color-neutral-1000));background-color:hsl(var(--color-mint-500));background-clip:revert;-webkit-background-clip:revert}:where(body) :focus-visible{box-shadow:var(--focus-box-shadow)}}}@layer icons{html [class^=icon-],html [class*=" icon-"]{font-size:var(--icon-size-medium)}html [class^=icon-]:before,html [class*=" icon-"]:before{vertical-align:middle}}@layer animations{.animation-bounce{animation:bounce infinite 2s}@media(prefers-reduced-motion){.animation-bounce{animation:none}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.9375rem)}60%{transform:translateY(-.4375rem)}}.animation-rotate{animation:rotate 1s infinite linear}@media(prefers-reduced-motion){.animation-rotate{animation-duration:0s}}@keyframes rotate{to{transform:rotate(360deg)}}}@layer elements{.link{cursor:pointer;text-decoration:underline}.link>*{vertical-align:middle}.link.is-5px-offset{text-underline-offset:.3125rem}.link.is-add-sep>*:nth-child(n+2):before{content:"|";margin-inline:.25rem;font-size:.625rem}.button{--p-button-size: var(--button-size, 2.5rem);--padding-horizontal: 1rem;--p-font-size: .875rem;--p-text-color: var(--p-text-color-default);--p-button-color: var(--p-button-color-default);--p-border-color: var(--p-border-color-default);--p-text-color-default: var(--color-neutral-5);--p-button-color-default: var(--color-primary-200);--p-border-color-default: var(--color-primary-300);--p-text-color-hover: var(--p-text-color-default);--p-button-color-hover: var(--color-primary-100);--p-border-color-hover: var(--p-border-color-default);--p-text-color-focus: var(--p-text-color-default);--p-button-color-focus: var(--color-primary-200);--p-border-color-focus: var(--color-primary-200);--p-text-color-active: var(--p-text-color-default);--p-button-color-active: var(--color-primary-300);--p-border-color-active: var(--color-primary-300);--p-text-color-disabled: var(--color-neutral-20);--p-button-color-disabled: var(--color-neutral-10);--p-border-color-disabled: var(--color-neutral-10);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;display:flex;gap:.5rem;align-items:center;inline-size:fit-content;block-size:var(--p-button-size);padding-inline:var(--padding-horizontal);cursor:pointer;font-size:var(--p-font-size);font-weight:600;color:hsl(var(--p-text-color));background-color:hsl(var(--p-button-color));text-align:center;border:solid .0625rem hsl(var(--p-border-color));border-radius:var(--border-radius-xsmall);flex-shrink:0;-webkit-user-select:none;user-select:none}.button [class*=icon]{line-height:1}.button [class*=icon]:before{vertical-align:middle}.button.is-small{--p-button-size: var(--button-size, 2rem)}.button.is-big{--p-font-size: 1rem;--p-button-size: 3rem;--padding-horizontal: 1.25rem}.button.is-only-icon{aspect-ratio:1/1;padding:0;justify-content:center;align-items:center;border-radius:var(--border-radius-circular)}.button.is-full-width{inline-size:100%;justify-content:center}@media(max-width:767.99px){.button.is-full-width-mobile{inline-size:100%;justify-content:center}}@media(max-width:767.99px){.button.is-full-width-in-stack-mobile{flex-grow:1;justify-content:center}}.button:is(:hover):where(:not(:disabled,.is-disabled)){--p-text-color: var(--p-text-color-hover);--p-button-color: var(--p-button-color-hover);--p-border-color: var(--p-border-color-hover)}.button:is(:focus-visible):where(:not(:disabled,.is-disabled)){--p-text-color: var(--p-text-color-focus);--p-button-color: var(--p-button-color-focus);--p-border-color: var(--p-border-color-focus)}.button:is(:active):where(:not(:disabled,.is-disabled)){--p-text-color: var(--p-text-color-active);--p-button-color: var(--p-button-color-active);--p-border-color: var(--p-border-color-active)}.button:where(:disabled,.is-disabled){--p-text-color: var(--p-text-color-disabled);--p-button-color: var(--p-button-color-disabled);--p-border-color: var(--p-border-color-disabled);cursor:unset}.theme-dark .button{--p-button-color-default: var(--color-primary-200);--p-border-color-default: var(--color-primary-200);--p-button-color-hover: var(--color-primary-100);--p-border-color-hover: var(--color-primary-100);--p-border-color-focus: var(--color-primary-300);--p-border-color-active: var(--color-primary-300);--p-text-color-disabled: var(--color-neutral-60);--p-button-color-disabled: var(--color-neutral-80);--p-border-color-disabled: var(--color-neutral-80)}.button.is-github{--p-text-color-default: var(--color-neutral-0);--p-button-color-default: var(--color-neutral-80);--p-border-color-default: var(--color-neutral-80);--p-text-color-hover: var(--p-text-color-default);--p-button-color-hover: var(--p-button-color-default);--p-border-color-hover: var(--p-border-color-default);--p-text-color-focus: var(--p-text-color-default);--p-button-color-focus: var(--p-button-color-default);--p-border-color-focus: var(--p-border-color-default);--p-text-color-active: var(--p-text-color-default);--p-button-color-active: var(--p-button-color-default);--p-border-color-active: var(--p-border-color-default)}.button.is-secondary{--p-text-color-default: var(--color-neutral-60);--p-button-color-default: var(--color-neutral-5);--p-border-color-default: var(--color-neutral-15);--p-text-color-hover: var(--p-text-color-default);--p-button-color-hover: var(--color-neutral-10);--p-border-color-hover: var(--p-border-color-default);--p-text-color-focus: var(--p-text-color-default);--p-button-color-focus: var(--p-button-color-default);--p-border-color-focus: var(--transparent);--p-text-color-active: var(--color-neutral-90);--p-button-color-active: var(--color-neutral-15);--p-border-color-active: var(--color-neutral-15);--p-text-color-disabled: var(--color-neutral-20);--p-button-color-disabled: var(--p-button-color-default);--p-border-color-disabled: var(--color-neutral-15)}.theme-dark .button.is-secondary{--p-text-color-default: var(--color-neutral-5);--p-button-color-default: var(--color-neutral-90);--p-border-color-default: var(--color-neutral-80);--p-text-color-hover: var(--p-text-color-default);--p-button-color-hover: var(--transparent);--p-border-color-hover: var(--color-neutral-70);--p-text-color-focus: var(--p-text-color-default);--p-button-color-focus: var(--p-button-color-default);--p-border-color-focus: var(--transparent);--p-text-color-active: var(--p-text-color-default);--p-button-color-active: var(--p-button-color-default);--p-border-color-active: var(--color-neutral-60);--p-text-color-disabled: var(--color-neutral-60);--p-button-color-disabled: var(--p-button-color-default);--p-border-color-disabled: var(--color-neutral-80)}.button.is-text{--p-text-color-default: var(--color-neutral-60);--p-button-color-default: var(--transparent);--p-border-color-default: var(--transparent);--p-text-color-hover: var(--color-neutral-70);--p-button-color-hover: var(--p-button-color-default);--p-border-color-hover: var(--p-border-color-default);--p-text-color-focus: var(--p-text-color-default);--p-button-color-focus: var(--color-neutral-5);--p-border-color-focus: var(--p-border-color-default);--p-text-color-active: var(--color-neutral-90);--p-button-color-active: var(--p-button-color-default);--p-border-color-active: var(--p-border-color-default);--p-text-color-disabled: var(--color-neutral-20);--p-button-color-disabled: var(--p-button-color-default);--p-border-color-disabled: var(--p-border-color-default)}.theme-dark .button.is-text{--p-text-color-default: var(--color-neutral-5);--p-button-color-default: var(--transparent);--p-border-color-default: var(--transparent);--p-text-color-hover: var(--color-neutral-20);--p-button-color-hover: var(--p-button-color-default);--p-border-color-hover: var(--p-border-color-default);--p-text-color-focus: var(--color-neutral-5);--p-button-color-focus: var(--p-button-color-default);--p-border-color-focus: var(--p-border-color-default);--p-text-color-active: var(--p-text-color-default);--p-button-color-active: var(--p-button-color-default);--p-border-color-active: var(--p-border-color-default);--p-text-color-disabled: var(--color-neutral-60);--p-button-color-disabled: var(--p-button-color-default);--p-border-color-disabled: var(--p-border-color-default)}.kbd{--p-kbd-text-color: var(--color-neutral-60);--p-kbd-bg-color: var(--color-neutral-5);--p-kbd-border-color: var(--color-neutral-15);color:hsl(var(--p-kbd-text-color));background-color:hsl(var(--p-kbd-bg-color));border:solid .0625rem hsl(var(--p-kbd-border-color));display:inline-flex;justify-content:center;align-items:center;min-inline-size:1.5rem;block-size:1.5rem;border-radius:var(--border-radius-xsmall);flex-shrink:0;-webkit-user-select:none;user-select:none}.theme-dark .kbd{--p-kbd-text-color: var(--color-neutral-5);--p-kbd-bg-color: var(--color-neutral-90);--p-kbd-border-color: var(--color-neutral-80)}.image-item{--p-image-item-bg-color: var(--color-neutral-5);--p-image-item-border-color: var(--color-neutral-10);--p-image-item-full-size: 2.5rem;--p-image-item-size: 1.25rem;display:grid;place-content:center;flex-shrink:0;inline-size:var(--p-image-item-full-size);block-size:var(--p-image-item-full-size);background-color:hsl(var(--p-image-item-bg-color));border:solid .0625rem hsl(var(--p-image-item-border-color));border-radius:var(--border-radius-circular)}.image-item img{inline-size:var(--p-image-item-size);block-size:var(--p-image-item-size)}.image-item.is-smaller{--p-image-item-full-size: 2rem;--p-image-item-size: .9375rem}.theme-dark .image-item{--p-image-item-bg-color: var(--color-neutral-85);--p-image-item-border-color: var(--color-neutral-80)}.label{--p-label-text-color: var(--color-neutral-80);color:hsl(var(--p-label-text-color));display:inline-block;cursor:pointer;line-height:1.5;margin-bottom:.25rem;font-size:var(--font-size-0)}.label:where(.is-required):after{content:"*";color:hsl(var(--color-danger-100))}.theme-dark .label{--p-label-text-color: var(--color-neutral-5)}.optional{color:hsl(var(--color-neutral-50));font-size:.875rem}.helper{--p-text-color: var(--color-neutral-50);display:flex;font-size:var(--font-size-0);line-height:2;color:hsl(var(--p-text-color));font-weight:400}.helper [class*=icon]{line-height:1.3}.helper [class*=icon]:before{vertical-align:-.1875rem}.helper [class*=icon]:first-child{margin-inline-end:.25rem}.theme-dark .helper{--p-text-color: var(--color-neutral-20)}::placeholder,[contentEditable=true]{--p-placeholder-color: var(--color-neutral-20);--p-placeholder-color-disabled: var(--color-neutral-20)}.theme-dark ::placeholder,.theme-dark [contentEditable=true]{--p-placeholder-color: var(--color-neutral-60)}::placeholder{color:hsl(var(--p-placeholder-color))}:disabled::placeholder{color:hsl(var(--p-placeholder-color-disabled))}.theme-dark :disabled::placeholder{--p-placeholder-color: var(--color-neutral-70);--p-placeholder-color-disabled: var(--color-neutral-70)}[contentEditable=true]:before{color:hsl(var(--p-placeholder-color))}[contentEditable].input-text,[contentEditable].tags-input{min-block-size:5rem}[contentEditable]:empty:not(:focus):before{content:attr(data-text)}.input-text-wrapper{position:relative;--button-size: 3rem;--amount-of-buttons: 0}.input-text-wrapper .input-text,.input-text-wrapper .tags-input,.input-text-wrapper input:where(:not([type=datetime-local])){padding-inline-end:calc(var(--button-size)*var(--amount-of-buttons))}.input-text-wrapper [type=text]{min-block-size:1.375rem}.input-text-wrapper:where(.is-with-end-button) .button{position:absolute;inset-block:.5rem;inset-inline-end:.5rem}.input-text-wrapper .icon-search{position:absolute;inset-inline-start:1rem;inset-block-start:.5rem;font-size:1.1875rem;pointer-events:none}.input-text-wrapper :where(.options-list){position:absolute;inset-block-start:.5rem;inset-inline-end:.75rem}.input-text-wrapper .buttons-list{--p-bg-input-color: var(--color-neutral-0);background-color:hsl(var(--p-bg-input-color))}.theme-dark .input-text-wrapper .buttons-list{--p-bg-input-color: var(--color-neutral-100)}.options-list{--p-sep-color: var(--color-neutral-15);--p-button-text-color: var(--p-button-text-color-default);--p-button-text-color-default: var(--color-neutral-50);--p-button-text-color-disabled: var(--color-neutral-15);--p-button-bg-color: var(--p-button-bg-color-default);--p-button-bg-color-default: var(--transparent);--p-button-bg-color-focus: var(--color-neutral-10);display:flex}.options-list:before{content:"";align-self:center;inline-size:.0625rem;block-size:1.25rem;background-color:hsl(var(--p-sep-color));margin-inline-end:.75rem}.options-list-button{inline-size:1.5rem;block-size:1.5rem;background-color:hsl(var(--p-button-bg-color));border-radius:var(--border-radius-xsmall);color:hsl(var(--p-button-text-color));font-size:var(--fon);line-height:1.5rem;text-align:center}.options-list-button:disabled{--p-button-text-color: var(--p-button-text-color-disabled);cursor:not-allowed}.options-list-button:where(:hover,:focus):not(:disabled){--p-button-bg-color: var(--p-button-bg-color-focus);box-shadow:none}.options-list-button:where(:not(:last-child)){margin-inline-end:.5rem}.options-list.is-no-separator:before{display:none}.theme-dark .options-list{--p-sep-color: var(--color-neutral-80);--p-button-text-color: var(--p-button-text-color-default);--p-button-text-color-default: var(--color-neutral-50);--p-button-text-color-disabled: var(--color-neutral-80);--p-button-bg-color: var(--p-button-bg-color-default);--p-button-bg-color-default: var(--transparent);--p-button-bg-color-focus: var(--color-neutral-85)}.input-text,.tags-input,[type=text],[type=number],[type=password],[type=email],[type=url],[type=search],[type=tel],[type=file],[type=date],[type=time],select,textarea{--p-text-color: var(--p-text-color-default);--p-bg-color: var(--p-bg-color-default);--p-border-color: var(--p-border-color-default);--p-text-color-default: var(--color-neutral-60);--p-bg-color-default: var(--color-neutral-0);--p-border-color-default: var(--color-neutral-15);--p-text-color-hover: var(--p-text-color-default);--p-bg-color-hover: var(--p-bg-color-default);--p-border-color-hover: var(--color-neutral-20);--p-text-color-focus: var(--p-text-color-default);--p-bg-color-focus: var(--p-bg-color-default);--p-border-color-focus: var(--color-neutral-20);--p-text-color-readonly: var(--color-neutral-20);--p-bg-color-readonly: var(--color-neutral-5);--p-border-color-readonly: var(--p-border-color-default);--p-text-color-disabled: var(--color-neutral-20);--p-bg-color-disabled: var(--color-neutral-0);--p-border-color-disabled: var(--p-border-color-default);display:block;inline-size:100%;block-size:2.5rem;outline:none;padding-block:.59375rem;padding-inline:.75rem;color:hsl(var(--p-text-color));line-height:1.3572;font-weight:400;background-color:hsl(var(--p-bg-color));border:solid .0625rem hsl(var(--p-border-color));border-radius:var(--border-radius-xsmall)}.input-text:hover:where(:not(:disabled,.is-disabled)),.tags-input:hover:where(:not(:disabled,.is-disabled)),[type=text]:hover:where(:not(:disabled,.is-disabled)),[type=number]:hover:where(:not(:disabled,.is-disabled)),[type=password]:hover:where(:not(:disabled,.is-disabled)),[type=email]:hover:where(:not(:disabled,.is-disabled)),[type=url]:hover:where(:not(:disabled,.is-disabled)),[type=search]:hover:where(:not(:disabled,.is-disabled)),[type=tel]:hover:where(:not(:disabled,.is-disabled)),[type=file]:hover:where(:not(:disabled,.is-disabled)),[type=date]:hover:where(:not(:disabled,.is-disabled)),[type=time]:hover:where(:not(:disabled,.is-disabled)),select:hover:where(:not(:disabled,.is-disabled)),textarea:hover:where(:not(:disabled,.is-disabled)){--p-border-color: var(--p-border-color-hover)}.input-text.is-resizable::-webkit-scrollbar,.is-resizable.tags-input::-webkit-scrollbar,[type=text].is-resizable::-webkit-scrollbar,[type=number].is-resizable::-webkit-scrollbar,[type=password].is-resizable::-webkit-scrollbar,[type=email].is-resizable::-webkit-scrollbar,[type=url].is-resizable::-webkit-scrollbar,[type=search].is-resizable::-webkit-scrollbar,[type=tel].is-resizable::-webkit-scrollbar,[type=file].is-resizable::-webkit-scrollbar,[type=date].is-resizable::-webkit-scrollbar,[type=time].is-resizable::-webkit-scrollbar,select.is-resizable::-webkit-scrollbar,textarea.is-resizable::-webkit-scrollbar{opacity:.7;width:.5rem;height:.5rem}.input-text.is-resizable::-webkit-scrollbar-track,.is-resizable.tags-input::-webkit-scrollbar-track,[type=text].is-resizable::-webkit-scrollbar-track,[type=number].is-resizable::-webkit-scrollbar-track,[type=password].is-resizable::-webkit-scrollbar-track,[type=email].is-resizable::-webkit-scrollbar-track,[type=url].is-resizable::-webkit-scrollbar-track,[type=search].is-resizable::-webkit-scrollbar-track,[type=tel].is-resizable::-webkit-scrollbar-track,[type=file].is-resizable::-webkit-scrollbar-track,[type=date].is-resizable::-webkit-scrollbar-track,[type=time].is-resizable::-webkit-scrollbar-track,select.is-resizable::-webkit-scrollbar-track,textarea.is-resizable::-webkit-scrollbar-track{border-radius:.25rem;margin-right:.5rem}.input-text.is-resizable::-webkit-scrollbar-thumb,.is-resizable.tags-input::-webkit-scrollbar-thumb,[type=text].is-resizable::-webkit-scrollbar-thumb,[type=number].is-resizable::-webkit-scrollbar-thumb,[type=password].is-resizable::-webkit-scrollbar-thumb,[type=email].is-resizable::-webkit-scrollbar-thumb,[type=url].is-resizable::-webkit-scrollbar-thumb,[type=search].is-resizable::-webkit-scrollbar-thumb,[type=tel].is-resizable::-webkit-scrollbar-thumb,[type=file].is-resizable::-webkit-scrollbar-thumb,[type=date].is-resizable::-webkit-scrollbar-thumb,[type=time].is-resizable::-webkit-scrollbar-thumb,select.is-resizable::-webkit-scrollbar-thumb,textarea.is-resizable::-webkit-scrollbar-thumb{border-radius:.25rem;background:hsl(var(--scroll-color))}.input-text.is-resizable::-webkit-scrollbar-corner,.is-resizable.tags-input::-webkit-scrollbar-corner,[type=text].is-resizable::-webkit-scrollbar-corner,[type=number].is-resizable::-webkit-scrollbar-corner,[type=password].is-resizable::-webkit-scrollbar-corner,[type=email].is-resizable::-webkit-scrollbar-corner,[type=url].is-resizable::-webkit-scrollbar-corner,[type=search].is-resizable::-webkit-scrollbar-corner,[type=tel].is-resizable::-webkit-scrollbar-corner,[type=file].is-resizable::-webkit-scrollbar-corner,[type=date].is-resizable::-webkit-scrollbar-corner,[type=time].is-resizable::-webkit-scrollbar-corner,select.is-resizable::-webkit-scrollbar-corner,textarea.is-resizable::-webkit-scrollbar-corner{background:hsl(var(--scroll-color));border-radius:.375rem}.input-text.is-resizable,.is-resizable.tags-input,[type=text].is-resizable,[type=number].is-resizable,[type=password].is-resizable,[type=email].is-resizable,[type=url].is-resizable,[type=search].is-resizable,[type=tel].is-resizable,[type=file].is-resizable,[type=date].is-resizable,[type=time].is-resizable,select.is-resizable,textarea.is-resizable{word-break:break-all;min-block-size:auto;max-block-size:12.5rem;overflow:auto}.input-text.is-resizable:empty,.is-resizable.tags-input:empty,[type=text].is-resizable:empty,[type=number].is-resizable:empty,[type=password].is-resizable:empty,[type=email].is-resizable:empty,[type=url].is-resizable:empty,[type=search].is-resizable:empty,[type=tel].is-resizable:empty,[type=file].is-resizable:empty,[type=date].is-resizable:empty,[type=time].is-resizable:empty,select.is-resizable:empty,textarea.is-resizable:empty{color:hsl(var(--p-placeholder-color))}.input-text.is-resizable:empty:before,.is-resizable.tags-input:empty:before,[type=text].is-resizable:empty:before,[type=number].is-resizable:empty:before,[type=password].is-resizable:empty:before,[type=email].is-resizable:empty:before,[type=url].is-resizable:empty:before,[type=search].is-resizable:empty:before,[type=tel].is-resizable:empty:before,[type=file].is-resizable:empty:before,[type=date].is-resizable:empty:before,[type=time].is-resizable:empty:before,select.is-resizable:empty:before,textarea.is-resizable:empty:before{content:attr(aria-placeholder)}.input-text.is-error,.is-error.tags-input,[type=text].is-error,[type=number].is-error,[type=password].is-error,[type=email].is-error,[type=url].is-error,[type=search].is-error,[type=tel].is-error,[type=file].is-error,[type=date].is-error,[type=time].is-error,select.is-error,textarea.is-error{box-shadow:0 0 0 .0625rem hsl(var(--color-danger-100)),0 0 0 .25rem hsl(var(--color-danger-100)/.25)}.input-text.is-warning,.is-warning.tags-input,[type=text].is-warning,[type=number].is-warning,[type=password].is-warning,[type=email].is-warning,[type=url].is-warning,[type=search].is-warning,[type=tel].is-warning,[type=file].is-warning,[type=date].is-warning,[type=time].is-warning,select.is-warning,textarea.is-warning{box-shadow:0 0 0 .0625rem hsl(var(--color-warning-100)),0 0 0 .25rem hsl(var(--color-warning-100)/.25)}.input-text.is-success,.is-success.tags-input,[type=text].is-success,[type=number].is-success,[type=password].is-success,[type=email].is-success,[type=url].is-success,[type=search].is-success,[type=tel].is-success,[type=file].is-success,[type=date].is-success,[type=time].is-success,select.is-success,textarea.is-success{box-shadow:0 0 0 .0625rem hsl(var(--color-success-100)),0 0 0 .25rem hsl(var(--color-success-100)/.25)}.input-text:where(:focus),.tags-input:where(:focus),[type=text]:where(:focus),[type=number]:where(:focus),[type=password]:where(:focus),[type=email]:where(:focus),[type=url]:where(:focus),[type=search]:where(:focus),[type=tel]:where(:focus),[type=file]:where(:focus),[type=date]:where(:focus),[type=time]:where(:focus),select:where(:focus),textarea:where(:focus){--p-text-color: var(--p-text-color-focus);--p-bg-color: var(--p-bg-color-focus);--p-border-color: var(--p-border-color-focus);box-shadow:none}.input-text:where([readonly],.is-read-only),.tags-input:where([readonly],.is-read-only),[type=text]:where([readonly],.is-read-only),[type=number]:where([readonly],.is-read-only),[type=password]:where([readonly],.is-read-only),[type=email]:where([readonly],.is-read-only),[type=url]:where([readonly],.is-read-only),[type=search]:where([readonly],.is-read-only),[type=tel]:where([readonly],.is-read-only),[type=file]:where([readonly],.is-read-only),[type=date]:where([readonly],.is-read-only),[type=time]:where([readonly],.is-read-only),select:where([readonly],.is-read-only),textarea:where([readonly],.is-read-only){--p-bg-color: var(--p-bg-color-readonly)}.input-text:where(:disabled,.is-disabled),.tags-input:where(:disabled,.is-disabled),[type=text]:where(:disabled,.is-disabled),[type=number]:where(:disabled,.is-disabled),[type=password]:where(:disabled,.is-disabled),[type=email]:where(:disabled,.is-disabled),[type=url]:where(:disabled,.is-disabled),[type=search]:where(:disabled,.is-disabled),[type=tel]:where(:disabled,.is-disabled),[type=file]:where(:disabled,.is-disabled),[type=date]:where(:disabled,.is-disabled),[type=time]:where(:disabled,.is-disabled),select:where(:disabled,.is-disabled),textarea:where(:disabled,.is-disabled){--p-text-color: var(--p-text-color-disabled);--p-bg-color: var(--p-bg-color-disabled);--p-border-color: var(--p-border-color-disabled);--p-border-color-hover: var(--color-neutral-60)}.theme-dark .input-text,.theme-dark .tags-input,.theme-dark [type=text],.theme-dark [type=number],.theme-dark [type=password],.theme-dark [type=email],.theme-dark [type=url],.theme-dark [type=search],.theme-dark [type=tel],.theme-dark [type=file],.theme-dark [type=date],.theme-dark [type=time],.theme-dark select,.theme-dark textarea{--p-text-color-default: var(--color-neutral-20);--p-bg-color-default: var(--color-neutral-100);--p-border-color-default: var(--color-neutral-80);--p-text-color-hover: var(--p-text-color-default);--p-bg-color-hover: var(--p-bg-color-default);--p-border-color-hover: var(--color-neutral-70);--p-text-color-focus: var(--p-text-color-default);--p-bg-color-focus: var(--p-bg-color-default);--p-border-color-focus: var(--color-neutral-70);--p-text-color-readonly: var(--color-neutral-60);--p-bg-color-readonly: var(--color-neutral-85);--p-border-color-readonly: var(--color-neutral-80);--p-text-color-disabled: var(--color-neutral-70);--p-bg-color-disabled: var(--p-bg-color-default);--p-border-color-disabled: var(--color-neutral-85)}.theme-dark .input-text:where([readonly],.is-read-only)+.input-button,.theme-dark .tags-input:where([readonly],.is-read-only)+.input-button,.theme-dark [type=text]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=number]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=password]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=email]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=url]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=search]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=tel]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=file]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=date]:where([readonly],.is-read-only)+.input-button,.theme-dark [type=time]:where([readonly],.is-read-only)+.input-button,.theme-dark select:where([readonly],.is-read-only)+.input-button,.theme-dark textarea:where([readonly],.is-read-only)+.input-button{--p-border-color: var(--color-neutral-60)}.theme-dark .input-text:where(:disabled,.is-disabled)+.input-button,.theme-dark .tags-input:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=text]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=number]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=password]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=email]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=url]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=search]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=tel]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=file]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=date]:where(:disabled,.is-disabled)+.input-button,.theme-dark [type=time]:where(:disabled,.is-disabled)+.input-button,.theme-dark select:where(:disabled,.is-disabled)+.input-button,.theme-dark textarea:where(:disabled,.is-disabled)+.input-button{--p-border-color: var(--color-neutral-80)}textarea.input-text,textarea.tags-input{block-size:12.5rem}[type=search]{padding-inline-start:3rem}[type=search]:disabled+.icon-search{color:hsl(var(--color-neutral-20))}.theme-dark [type=search]:disabled+.icon-search{color:hsl(var(--color-neutral-70))}[type=search]::-webkit-search-cancel-button{display:none}[type=password]{padding-inline-end:3rem}[type=password]:where(:not(:placeholder-shown)){font-weight:700}[type=password]:where(:placeholder-shown)~.show-password-button{opacity:.5}.theme-dark input[type=datetime-local i]::-webkit-calendar-picker-indicator{filter:contrast(0) brightness(1.5)}.show-password-button{display:grid;place-content:center;position:absolute;inset-block:.25rem;inset-inline-end:0rem;padding-inline:1rem;border-radius:var(--border-radius-small);font-size:1.125rem;transition:var(--transition)}.transparent-password-input{display:flex;gap:1rem;align-items:center}.transparent-password-input button{display:grid;place-content:center;inline-size:2rem;block-size:2rem;border-radius:var(--border-radius-circular);flex-shrink:0}.transparent-password-input input{padding:0;border-width:0;font-size:1.5rem}.select{position:relative}.select select{white-space:pre;cursor:pointer;padding-inline-end:3rem}.select select:focus{outline:unset}.select :where([class*=icon]){position:absolute;inset-block-start:.625rem;inset-inline-end:.75rem;pointer-events:none;color:hsl(var(--p-text-color));line-height:1}.custom-select{position:relative}.custom-select .drop{--drop-border-color: var(--color-neutral-15);--drop-border-radius: var(--border-radius-xsmall);inset-inline:0;max-inline-size:none}.theme-dark .custom-select .drop{--drop-border-color: var(--color-neutral-80)}.custom-select .input-text-wrapper .icon-cheveron-down{display:block;transition:var(--transition)}.custom-select.is-open .input-text-wrapper .icon-cheveron-down{transform:rotate(-180deg)}[type=file]{cursor:pointer}[type=file]::-webkit-file-upload-button{line-height:1}.text-counter{--p-text-counter-color: var(--color-neutral-50);display:flex;user-select:none;font-size:var(--font-size-00);color:hsl(var(--p-text-counter-color))}.text-counter-separator:before{content:"/"}input:placeholder-shown+.text-counter{--p-text-counter-color: var(--color-neutral-20)}.theme-dark input:placeholder-shown+.text-counter{--p-text-counter-color: var(--color-neutral-50)}.input-text-wrapper>.text-counter{position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}.wysiwyg{--p-options-bg-color: var(--color-neutral-5);display:flex;flex-direction:column;min-block-size:11rem}.wysiwyg-options{block-size:2.5rem;padding:.25rem;margin-block-end:1rem;background-color:hsl(var(--p-options-bg-color));border-radius:var(--border-radius-xsmall)}.wysiwyg [contenteditable]{flex:1}.wysiwyg [contenteditable]:empty:before{content:attr(data-placeholder)}.tags-input{min-block-size:2.5rem;padding-block:.3125rem;padding-inline:.9375rem;block-size:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tags-input-text{all:unset;flex:1;font-size:.875rem}.tags-input.is-focus{box-shadow:var(--focus-box-shadow)}.tags-input .tags-input-text:not(input):before{content:attr(placeholder);opacity:.5}.theme-dark .tags-input.is-read-only{--p-bg-color: var(--color-neutral-80);--p-border-color: var(--color-neutral-60)}.theme-dark .tags-input.is-read-only .tag{--tag-bg-color: var(--color-neutral-60);--tag-text-color: var(--color-neutral-15)}.tags{display:contents}.tags-list{display:contents;gap:10px;flex-wrap:wrap}.input-tag{--p-bg-color: var(--tag-bg-color, var(--color-neutral-15));--p-text-color: var(--tag-text-color, var(--color-neutral-60));display:flex;height:1.75rem;gap:6px;align-items:center;background-color:hsl(var(--p-bg-color));padding-inline:.5rem;padding-block:.375rem;border-radius:var(--border-radius-xsmall);color:hsl(var(--p-text-color))}.input-tag-delete-button{aspect-ratio:1/1;line-height:1;border-radius:var(--border-radius-xsmall);text-align:center}.input-tag-delete-button [class*=icon]:before{vertical-align:middle}.input-tag.is-disabled{--p-text-color: var(--color-neutral-20)}.theme-dark .input-tag{--tag-bg-color: var(--color-neutral-80);--tag-text-color: var(--color-neutral-20)}.verification-code-input{--p-input-size: var(--input-size, 2.5rem);inline-size:var(--p-input-size);block-size:var(--p-input-size);font-size:1.25rem;text-align:center}.verification-code-input.is-large{--input-size: 3.75rem;font-size:1.875rem}.password-meter{position:absolute;z-index:2;bottom:.25rem;inset-inline:.5rem;width:0%;height:.125rem;max-width:calc(100% - 1rem);background:none;transition:var(--transition)}.password-meter::-webkit-meter-optimum-value{background-image:none}.password-meter::-webkit-meter-bar{background:none}.password-meter::-moz-meter-bar{background:none}.password-meter.is-weak{background:hsl(var(--color-danger-100));width:33.33%}.password-meter.is-weak::-webkit-meter-optimum-value{background-color:hsl(var(--color-danger-100))}.password-meter.is-medium{background:hsl(var(--color-warning-100));width:66.66%}.password-meter.is-medium::-webkit-meter-optimum-value{background-color:hsl(var(--color-warning-100))}.password-meter.is-strong{background:hsl(var(--color-success-100));width:100%}.password-meter.is-strong::-webkit-meter-optimum-value{background-color:hsl(var(--color-success-100))}[type=checkbox],[type=radio]{--p-size: 1.25rem;--p-icon-size: calc(var(--p-size) * .85);--p-icon-color: var(--p-icon-color-default);--p-bg-color: var(--p-bg-color-default);--p-border-color: var(--p-border-color-default);--p-icon-color-default: var(--color-neutral-0);--p-bg-color-default: var(--color-neutral-0);--p-border-color-default: var(--color-neutral-20);--p-bg-color-checked: var(--color-information-100);--p-border-color-checked: var(--color-information-100);--p-bg-color-hover: var(--color-neutral-5);--p-border-color-hover: var(--color-neutral-20);--p-bg-color-hover-checked: var(--color-information-100);--p-border-color-hover-checked: var(--color-information-100);--p-bg-color-indeterminate: var(--color-information-100);--p-border-color-indeterminate: var(--color-information-100);--p-bg-color-active: var(--color-neutral-0);--p-border-color-active: var(--color-information-120);--p-bg-color-active-checked: var(--color-information-120);--p-border-color-active-checked: var(--color-information-120);--p-bg-color-disabled: var(--color-neutral-10);--p-border-color-ddisabled: var(--color-neutral-15);--p-icon-color-disabled-checked: var(--color-neutral-0);--p-bg-color-disabled-checked: var(--color-neutral-15);--p-border-color-disabled-checked: var(--color-neutral-15);display:inline-grid;place-content:center;flex-shrink:0;inline-size:var(--p-size);block-size:var(--p-size);background:hsl(var(--p-bg-color));border:solid .0625rem hsl(var(--p-border-color));color:hsl(var(--p-icon-color));vertical-align:middle;cursor:pointer}[type=checkbox].is-small,[type=radio].is-small{--p-size: 1rem}[type=checkbox].is-large,[type=radio].is-large{--p-size: 1.5rem}[type=checkbox]:where(:focus),[type=radio]:where(:focus){--focus-box-shadow: 0 0 0 .0625rem hsl(var(--color-information-100)), 0 0 0 .125rem hsl(var(--color-information-100)/.25)}[type=checkbox]:where(:checked),[type=radio]:where(:checked){--p-bg-color: var(--p-bg-color-checked);--p-border-color: var(--p-border-color-checked)}[type=checkbox]:where(:hover),[type=radio]:where(:hover){--p-bg-color: var(--p-bg-color-hover);--p-border-color: var(--p-border-color-hover)}[type=checkbox]:where(:hover):where(:checked),[type=radio]:where(:hover):where(:checked){--p-bg-color: var(--p-bg-color-hover-checked);--p-border-color: var(--p-border-color-hover-checked)}[type=checkbox]:where(:indeterminate),[type=radio]:where(:indeterminate){--p-bg-color: var(--p-bg-color-indeterminate);--p-border-color: var(--p-border-color-indeterminate)}[type=checkbox]:where(:active),[type=radio]:where(:active){--p-bg-color: var(--p-bg-color-active);--p-border-color: var(--p-border-color-active)}[type=checkbox]:where(:active):where(:checked),[type=radio]:where(:active):where(:checked){--p-bg-color: var(--p-bg-color-active-checked);--p-border-color: var(--p-border-color-active-checked)}[type=checkbox]:where(:disabled),[type=radio]:where(:disabled){--p-bg-color: var(--p-bg-color-disabled);--p-border-color: var(--p-border-color-ddisabled);cursor:initial}[type=checkbox]:where(:disabled):where(:checked),[type=radio]:where(:disabled):where(:checked){--p-icon-color: var(--p-icon-color-disabled-checked);--p-bg-color: var(--p-bg-color-disabled-checked);--p-border-color: var(--p-border-color-disabled-checked)}.theme-dark [type=checkbox],.theme-dark [type=radio]{--p-bg-color-disabled: var(--color-neutral-80);--p-border-color-ddisabled: var(--color-neutral-70);--p-icon-color-disabled-checked: var(--color-neutral-60);--p-bg-color-disabled-checked: var(--color-neutral-80);--p-border-color-disabled-checked: var(--color-neutral-80)}[type=radio]{position:relative;border-radius:var(--border-radius-circular)}[type=radio]:where(:checked){padding:calc(var(--p-size)*.2)}[type=radio]:where(:checked):before{content:"";display:block;position:absolute;inset:30%;background-color:hsl(var(--p-icon-color));border-radius:var(--border-radius-circular)}[type=checkbox]{border-radius:var(--border-radius-xsmall)}[type=checkbox]:where(:indeterminate):after{content:"";display:block;inline-size:.625rem;block-size:.125rem;border-radius:.0625rem;background-color:hsl(var(--color-neutral-0))}[type=checkbox]:where(:checked):before{font-family:icon!important;content:var(--icon-check);vertical-align:middle;margin-bottom:calc(var(--p-size)/8*-1);font-size:var(--p-icon-size)}[type=checkbox]:where(:not(:checked)):before{display:none}.checkboxes-header{display:flex;justify-content:space-between}.checkboxes-options{display:flex;gap:.625rem;font-size:.8125rem}.checkboxes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.875rem}.checkboxes-item :where([type=checkbox],[type=radio]){margin-inline-end:.625rem}.radio-button{all:unset;--p-radio-bitton-text-color: var(--p-radio-bitton-text-color-default);--p-radio-bitton-bg-color: var(--p-radio-bitton-bg-color-default);--p-radio-bitton-border-color: var(--p-radio-bitton-border-color-default);--p-radio-bitton-text-color-default: var(--color-neutral-60);--p-radio-bitton-bg-color-default: var(--color-neutral-5);--p-radio-bitton-border-color-default: var(--color-neutral-15);--p-radio-bitton-text-color-checked: var( --p-radio-bitton-text-color-default );--p-radio-bitton-bg-color-checked: var(--color-neutral-15);--p-radio-bitton-border-color-checked: var( --p-radio-bitton-border-color-default );color:hsl(var(--p-radio-bitton-text-color));background-color:hsl(var(--p-radio-bitton-bg-color));border:solid .0625rem hsl(var(--p-radio-bitton-border-color));display:grid;place-content:center;box-sizing:border-box;padding:0;inline-size:2.0625rem;block-size:2.25rem;border-radius:var(--border-radius-small);font-weight:700;cursor:pointer;transition:var(--transition)}.radio-button:before{content:attr(data-text)}.radio-button:where(:hover){scale:1.1}.radio-button:where(:focus-visible){box-shadow:var(--focus-box-shadow);scale:1.1}.radio-button:where(:checked):before{position:initial;background:initial}.radio-button:where(:checked){--p-radio-bitton-text-color: var(--p-radio-bitton-text-color-checked);--p-radio-bitton-bg-color: var(--p-radio-bitton-bg-color-checked);--p-radio-bitton-border-color: var( --p-radio-bitton-border-color-checked )}.theme-dark .radio-button{--p-radio-bitton-text-color-default: var(--color-neutral-20);--p-radio-bitton-bg-color-default: var(--color-neutral-85);--p-radio-bitton-border-color-default: var(--color-neutral-80);--p-radio-bitton-text-color-checked: var( --p-radio-bitton-text-color-default );--p-radio-bitton-bg-color-checked: var(--color-neutral-80);--p-radio-bitton-border-color-checked: var(--color-neutral-60)}.image-radio{display:flex;flex-direction:column;gap:.75rem;cursor:pointer}.image-radio [type=radio]{display:block;margin-inline:auto}.choice-item{--p-choice-item-title-color: var(--color-neutral-70);--p-choice-item-text-color: var(--color-neutral-60);display:flex;gap:.5rem}.choice-item-content{display:flex;flex-direction:column;gap:.25rem;line-height:1.5}.choice-item-title{color:hsl(var(--p-choice-item-title-color));font-weight:600}.choice-item-paragraph{color:hsl(var(--p-choice-item-text-color))}.theme-dark .choice-item{--p-choice-item-title-color: var(--color-neutral-10);--p-choice-item-text-color: var(--color-neutral-20)}.switch{--p-switch-bg-color: var(--p-switch-bg-color-default);--p-switch-bg-color-default: var(--color-neutral-0);--p-switch-bg-color-disabled: var(--p-switch-bg-color-default);--p-bg-color: var(--p-bg-color-default);--p-bg-color-default: var(--color-neutral-20);--p-bg-color-checked: var(--color-information-100);--p-bg-color-hover: var(--color-neutral-20);--p-bg-color-checked-hover: var(--color-information-100);--p-bg-color-active: var(--color-neutral-60);--p-bg-color-checked-active: var(--color-information-120);--p-bg-color-disabled: var(--color-neutral-15);--p-bg-color-checked-disabled: var(--color-information-50);all:unset;position:relative;display:inline-flex;box-sizing:border-box;flex-shrink:0;inline-size:2.25rem;block-size:1.25rem;border-radius:var(--border-radius-medium);padding:.125rem;background-color:hsl(var(--p-bg-color));cursor:pointer;transition:var(--transition)}.switch:before{content:"";position:absolute;inset-inline-start:.125rem;display:block;inline-size:1rem;block-size:1rem;background-color:hsl(var(--p-switch-bg-color));border-radius:var(--border-radius-circular);box-shadow:var(--shadow-small);transition:var(--transition)}.switch:where(:focus-visible){box-shadow:var(--focus-box-shadow)}.switch.is-small{inline-size:1.875rem;block-size:1rem}.switch.is-small:before{inline-size:.75rem;block-size:.75rem}.switch.is-small:where(:checked):before{transform:translate(calc(.875rem * var(--transform-direction)))}.switch.is-large{inline-size:2.5rem;block-size:1.5rem}.switch.is-large:before{inline-size:1.25rem;block-size:1.25rem}.switch.is-large:where(:checked):before{transform:translate(calc(1rem * var(--transform-direction)))}.switch:where(:focus){--focus-box-shadow: 0 0 0 .0625rem hsl(var(--color-information-100)), 0 0 0 .125rem hsl(var(--color-information-100)/.25)}.switch:where(:checked){--p-bg-color: var(--p-bg-color-checked)}.switch:where(:checked):before{transform:translate(calc(1rem * var(--transform-direction)))}.switch:where(:hover){--p-bg-color: var(--p-bg-color-hover)}.switch:where(:hover):where(:checked){--p-bg-color: var(--p-bg-color-checked-hover)}.switch:where(:active){--p-bg-color: var(--p-bg-color-active)}.switch:where(:active):where(:checked){--p-bg-color: var(--p-bg-color-checked-active)}.switch:where(:disabled){--p-bg-color: var(--p-bg-color-disabled);--p-switch-bg-color: var(--p-switch-bg-color-disabled);cursor:default}.switch:where(:disabled):where(:checked){--p-bg-color: var(--p-bg-color-checked-disabled)}.theme-dark .switch{--p-switch-bg-color-disabled: var(--color-neutral-70);--p-bg-color-disabled: var(--color-neutral-85);--p-bg-color-checked-disabled: var(--color-information-200)}.notification{inline-size:.375rem;block-size:.375rem;box-sizing:content-box;background-color:hsl(var(--color-primary-100));border:solid .125rem hsl(var(--p-body-bg-color));border-radius:var(--border-radius-circular)}.pulse-notification{--p-pulse-color: var(--color-primary-200);box-sizing:content-box;inline-size:.5rem;block-size:.5rem;background-color:hsl(var(--p-pulse-color));border-radius:50%;position:relative}.pulse-notification:before{content:"";display:block;position:absolute;inset:-.0625rem;border-radius:50%;border:.015625rem double hsl(var(--p-pulse-color));animation:pulse 1s ease infinite}@media(prefers-reduced-motion){.pulse-notification:before{animation:none}}@keyframes pulse{0%{transform:scale(1);opacity:1}60%{transform:scale(1.2);opacity:.6}to{transform:scale(1.3);opacity:.3}}.interactive-text-output{--p-text-color: var(--color-neutral-60);--p-background-color: var(--color-neutral-10);position:relative;display:flex;gap:.75rem;max-inline-size:100%;min-block-size:1.75rem;padding-inline:.5rem;padding-block:.25rem;inline-size:fit-content;min-inline-size:9.125rem;border-radius:var(--border-radius-xsmall);color:hsl(var(--p-text-color));line-height:1}.interactive-text-output .text{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;flex:1;align-self:center;font-family:var(--code-font)}.interactive-text-output:is(:hover,:has(:focus)){background-color:hsl(var(--p-background-color))}.interactive-text-output:is(:hover,:has(:focus)) .interactive-text-output-button{opacity:1}.interactive-text-output-buttons{display:flex;gap:.5rem;align-self:start}.interactive-text-output-button{border-radius:var(--border-radius-circular)}.interactive-text-output-button.is-hidden{opacity:0}.interactive-text-output.is-buttons-on-top{background-color:hsl(var(--p-background-color))}.interactive-text-output.is-buttons-on-top .interactive-text-output-buttons{position:absolute;inset-inline-end:.5rem;inset-block-start:.25rem;filter:drop-shadow(0px 0px .25rem hsl(var(--p-background-color))) drop-shadow(0px 0px .375rem hsl(var(--p-background-color))) drop-shadow(0px 0px .5rem hsl(var(--p-background-color)))}.theme-dark .interactive-text-output{--p-text-color: var(--color-neutral-20);--p-background-color: var(--color-neutral-80)}.form{display:flex;flex-direction:column}.form-header{display:grid;gap:1rem;padding-block-end:2rem;border-block-end:solid .0625rem hsl(var(--color-border));margin-block-end:2rem}.form-header :where([class*=heading-]){margin-block:0}.form-content{display:flex;flex-direction:column;gap:1rem;padding-block-end:2rem}.form-footer{padding-block:2rem;margin-block-start:2rem;border-block-start:solid .0625rem hsl(var(--color-border))}.form-list{--p-form-list-gap: var(--form-list-gap, 1.5rem);display:grid;gap:var(--p-form-list-gap)}.form-list.is-multiple{grid-template-columns:repeat(auto-fit,minmax(11.25rem,1fr))}.form-item.is-multiple{display:flex;gap:.5rem}.form-item.is-span-2{grid-column:span 2}.tooltip{--p-tooltip-text-color: var(--color-neutral-10);--p-tooltip--bg-color: var(--color-neutral-60);position:relative;line-height:1}.tooltip [class*=icon]:before{vertical-align:middle}.tooltip-popup{display:none;position:absolute;inset-inline-start:0;inset-block-end:calc(100% + 6px);padding-block:.25rem;padding-inline:.5rem;max-inline-size:11.25rem;inline-size:max-content;background-color:hsl(var(--p-tooltip--bg-color));font-size:var(--font-size-0);line-height:1.5;color:hsl(var(--p-tooltip-text-color));border-radius:var(--border-radius-small)}.tooltip-popup.is-bottom{inset-block-start:calc(100% + 10px);inset-block-end:auto}.tooltip-popup.is-center{inset-inline-start:50%;transform:translate(-50%)}.tooltip-popup.is-end{inset-inline-start:auto;inset-inline-end:0}.tooltip:hover .tooltip-popup,.tooltip:focus-visible .tooltip-popup{display:block;white-space:initial}.tag{--p-tag-height: 2rem;--p-tag-content-height: 1.875rem;--p-tag-padding-inline: .75rem;--p-tag-text-color: var(--tag-text-color, var(--p-tag-text-color-default));--p-tag-bg-color: var(--tag-bg-color, var(--p-tag-bg-color-default));--p-tag-border-color: var( --tag-border-color, var(--p-tag-border-color-default) );--p-tag-text-color-default: var(--color-neutral-70);--p-tag-bg-color-default: var(--color-neutral-10);--p-tag-border-color-default: var(--p-tag-bg-color-default);--p-tag-text-color-success: var(--color-success-120);--p-tag-bg-color-success: var(--color-success-10);--p-tag-border-color-success: var(--p-tag-bg-color-success);--p-tag-text-color-warning: var(--color-warning-120);--p-tag-bg-color-warning: var(--color-warning-10);--p-tag-border-color-warning: var(--p-tag-bg-color-warning);--p-tag-text-color-danger: var(--color-danger-120);--p-tag-bg-color-danger: var(--color-danger-10);--p-tag-border-color-danger: var(--p-tag-bg-color-danger);--p-tag-text-color-info: var(--color-information-120);--p-tag-bg-color-info: var(--color-information-10);--p-tag-border-color-info: var(--p-tag-bg-color-info);--p-tag-text-color-clickable: var(--color-neutral-60);--p-tag-bg-color-clickable: var(--color-neutral-5);--p-tag-border-color-clickable: var(--color-neutral-10);--p-tag-text-color-hover: var(--color-neutral-70);--p-tag-bg-color-hover: var(--color-neutral-10);--p-tag-border-color-hover: var(--p-tag-bg-color-hover);--p-tag-text-color-active: var(--color-neutral-70);--p-tag-bg-color-active: var(--color-neutral-15);--p-tag-border-color-active: var(--p-tag-bg-color-active);--p-tag-text-color-selected: var(--p-tag-text-color-clickable);--p-tag-bg-color-selected: var(--p-tag-bg-color-clickable);--p-tag-border-color-selected: var(--color-neutral-50);--p-tag-text-color-disabled: var(--color-neutral-20);--p-tag-bg-color-disabled: var(--color-neutral-5);--p-tag-border-color-disabled: var(--color-neutral-10);color:hsl(var(--p-tag-text-color));background-color:hsl(var(--p-tag-bg-color));border:solid .0625rem hsl(var(--p-tag-border-color));display:inline-flex;gap:.25rem;justify-self:start;padding-inline:var(--p-tag-padding-inline);block-size:var(--p-tag-height);line-height:var(--p-tag-content-height);border-radius:calc(var(--p-tag-height)/2);font-size:var(--font-size-0);font-weight:400;white-space:nowrap;-webkit-user-select:none;user-select:none}.tag [class*=icon]{align-self:center;font-size:inherit}.tag:where(button,a){--p-tag-text-color: var(--p-tag-text-color-clickable);--p-tag-bg-color: var(--p-tag-bg-color-clickable);--p-tag-border-color: var(--p-tag-border-color-clickable)}.tag:where(button,a):where(.is-selected){--p-tag-text-color: var(--p-tag-text-color-selected);--p-tag-bg-color: var(--p-tag-bg-color-selected)}.tag:where(button,a):where(:hover){--p-tag-text-color: var(--p-tag-text-color-hover);--p-tag-bg-color: var(--p-tag-bg-color-hover);--p-tag-border-color: var(--p-tag-border-color-hover)}.tag:where(button,a):where(:active){--p-tag-text-color: var(--p-tag-text-color-active);--p-tag-bg-color: var(--p-tag-bg-color-active);--p-tag-border-color: var(--p-tag-border-color-active)}.tag:where(button,a):where(.is-selected){--p-tag-border-color: var(--p-tag-border-color-selected)}.tag:where(button,a):where(:disabled,.is-disabled){--p-tag-text-color: var(--p-tag-text-color-disabled);--p-tag-bg-color: var(--p-tag-bg-color-disabled);--p-tag-border-color: var(--p-tag-border-color-disabled)}@media(hover:none)and (pointer:coarse){.tag:where(button,a){--p-tag-height: 2.625rem;--p-tag-content-height: 2.5rem}}.tag.is-success{--p-tag-text-color: var(--p-tag-text-color-success);--p-tag-bg-color: var(--p-tag-bg-color-success);--p-tag-border-color: var(--p-tag-border-color-success)}.tag.is-warning{--p-tag-text-color: var(--p-tag-text-color-warning);--p-tag-bg-color: var(--p-tag-bg-color-warning);--p-tag-border-color: var(--p-tag-border-color-warning)}.tag.is-danger{--p-tag-text-color: var(--p-tag-text-color-danger);--p-tag-bg-color: var(--p-tag-bg-color-danger);--p-tag-border-color: var(--p-tag-border-color-danger)}.tag.is-info{--p-tag-text-color: var(--p-tag-text-color-info);--p-tag-bg-color: var(--p-tag-bg-color-info);--p-tag-border-color: var(--p-tag-border-color-info)}.theme-dark .tag{--p-tag-text-color-default: var(--color-neutral-20);--p-tag-bg-color-default: var(--color-neutral-80);--p-tag-text-color-success: var(--color-success-100);--p-tag-bg-color-success: var(--color-success-200);--p-tag-text-color-warning: var(--color-warning-100);--p-tag-bg-color-warning: var(--color-warning-200);--p-tag-text-color-danger: var(--color-danger-100);--p-tag-bg-color-danger: var(--color-danger-200);--p-tag-text-color-info: var(--color-information-100);--p-tag-bg-color-info: var(--color-information-200);--p-tag-text-color-clickable: var(--color-neutral-20);--p-tag-bg-color-clickable: var(--color-neutral-85);--p-tag-border-color-clickable: var(--color-neutral-80);--p-tag-text-color-hover: var(--color-neutral-20);--p-tag-bg-color-hover: var(--color-neutral-80);--p-tag-border-color-hover: var(--color-neutral-80);--p-tag-text-color-active: var(--color-neutral-20);--p-tag-bg-color-active: var(--color-neutral-100);--p-tag-border-color-active: var(--color-neutral-100);--p-tag-text-color-disabled: var(--color-neutral-70);--p-tag-bg-color-disabled: var(--color-neutral-85);--p-tag-border-color-disabled: var(--color-neutral-85)}.inline-tag{--p-inline-tag-height: 1.375rem;--p-inline-tag-padding-inline: .375rem;--p-inline-tag-text-color: var( --inline-tag-text-color, var(--p-inline-tag-text-color-default) );--p-inline-tag-bg-color: var( --inline-tag-bg-color, var(--p-inline-tag-bg-color-default) );--p-inline-tag-text-color-default: var( --p-text-color, var(--color-neutral-60) );--p-inline-tag-bg-color-default: var(--color-neutral-10);--p-inline-tag-text-color-disabled: var(--color-neutral-15);--p-inline-tag-text-color-info: var(--color-neutral-0);--p-inline-tag-bg-color-info: var(--color-information-100);display:inline-grid;place-content:center;padding-inline:var(--p-inline-tag-padding-inline);background-color:hsl(var(--p-inline-tag-bg-color));color:hsl(var(--p-inline-tag-text-color));border-radius:var(--border-radius-xsmall);flex-shrink:0;font-weight:600}.inline-tag.is-info{--p-inline-tag-text-color: var(--p-inline-tag-text-color-info);--p-inline-tag-bg-color: var(--p-inline-tag-bg-color-info)}.inline-tag:where(:disabled,.is-disabled){--p-inline-tag-text-color: var(--p-inline-tag-text-color-disabled)}.theme-dark .inline-tag{--p-inline-tag-text-color-default: var( --p-text-color, var(--color-neutral-20) );--p-inline-tag-bg-color-default: var(--color-neutral-80);--p-inline-tag-text-color-disabled: var(--color-neutral-60)}.logo{flex-shrink:0;display:block}.logo img{display:block}.avatar{--p-text-size: var(--text-size, var(--font-size-0));--p-image-size: var(--image-size, 1.25rem);--p-size: var(--size, 2.5rem);--p-avatar-text-color: var(--p-avatar-text-color-default);--p-avatar-bg-color: var(--p-avatar-bg-color-default);--p-avatar-border-color: var(--p-avatar-border-color-default);--p-avatar-text-color-default: var(--color-neutral-60);--p-avatar-bg-color-default: var(--avatar-bg-color, var(--color-neutral-5));--p-avatar-border-color-default: var(--color-neutral-10);--p-avatar-text-color-empty: var(--color-neutral-20);--p-avatar-bg-color-empty: var(--transparent);--p-avatar-border-color-empty: var(--color-neutral-20);--p-avatar-text-color-orange: var(--color-neutral-0);--p-avatar-bg-color-orange: var(--color-orange-100);--p-avatar-border-color-orange: var(--p-avatar-bg-color-orange);--p-avatar-text-color-green: var(--color-neutral-0);--p-avatar-bg-color-green: var(--color-green-100);--p-avatar-border-color-green: var(--p-avatar-bg-color-green);--p-avatar-text-color-blue: var(--color-neutral-0);--p-avatar-bg-color-blue: var(--color-blue-100);--p-avatar-border-color-blue: var(--p-avatar-bg-color-blue);--p-avatar-text-color-pink: var(--color-neutral-0);--p-avatar-bg-color-pink: var(--color-pink-100);--p-avatar-border-color-pink: var(--p-avatar-bg-color-pink);--p-avatar-text-color-red: var(--color-neutral-0);--p-avatar-bg-color-red: var(--color-red-100);--p-avatar-border-color-red: var(--p-avatar-bg-color-red);--color-text-info: var(--color-information-100);--color-text-danger: var(--color-danger-100);--color-text-warning: var(--color-warning-100);--color-text-success: var(--color-success-100);--p-avatar-text-info: var(--color-neutral-0);--p-avatar-bg-info: var(--color-text-info);--p-avatar-border-info: var(--p-avatar-bg-info);--p-avatar-text-danger: var(--color-neutral-0);--p-avatar-bg-danger: var(--color-text-danger);--p-avatar-border-danger: var(--p-avatar-bg-danger);--p-avatar-text-warning: var(--color-neutral-0);--p-avatar-bg-warning: var(--color-text-warning);--p-avatar-border-warning: var(--p-avatar-bg-warning);--p-avatar-text-success: var(--color-neutral-0);--p-avatar-bg-success: var(--color-text-success);--p-avatar-border-success: var(--p-avatar-bg-success);color:hsl(var(--p-avatar-text-color));background-color:hsl(var(--p-avatar-bg-color));border:solid .0625rem hsl(var(--p-avatar-border-color));font-size:var(--p-text-size);inline-size:var(--p-size);block-size:var(--p-size);min-inline-size:var(--p-size);min-block-size:var(--p-size);max-inline-size:var(--p-size);max-block-size:var(--p-size);border-radius:var(--border-radius-circular);display:grid;place-content:center;flex-shrink:0;box-sizing:content-box;overflow:hidden;text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.avatar [class*=icon]{font-size:var(--p-text-size)!important}.avatar img,.avatar svg{inline-size:var(--p-image-size);block-size:var(--p-image-size)}.avatar-link{display:block;border-radius:var(--border-radius-circular)}.avatar-link:focus-visible{box-shadow:var(--focus-box-shadow)}.avatar.is-size-x-small{--p-text-size: .625rem;--p-size: 1.5rem;--p-image-size: 1rem}.avatar.is-size-x-small.is-with-3-char{--p-text-size: .5rem}.avatar.is-size-x-small [class*=icon]{--p-text-size: var(--font-size-0)}.avatar.is-size-small{--p-text-size: var(--font-size-00);--p-size: 2rem;--p-image-size: 1.25rem}.avatar.is-size-small.is-with-3-char{--p-text-size: .625rem}.avatar.is-size-small [class*=icon]{--p-text-size: var(--font-size-0)}.avatar.is-size-small .icon-question-mark-circle{--p-text-size: var(--font-size-2)}.avatar.is-size-medium.is-with-3-char{--p-text-size: var(--font-size-0)}.avatar.is-size-medium [class*=icon]{--p-text-size: var(--font-size-1)}.avatar.is-size-large{--p-text-size: var(--font-size-1);--p-size: 3rem;--p-image-size: 1.5rem}.avatar.is-size-large.is-with-3-char{--p-text-size: var(--font-size-0)}.avatar.is-size-large [class*=icon]{--p-text-size: var(--font-size-4)}.avatar.is-size-x-large{--p-text-size: var(--font-size-4);--p-size: 4rem;--p-image-size: 1.5rem}.avatar.is-size-x-large.is-with-3-char{--p-text-size: var(--font-size-2)}.avatar.is-size-x-large [class*=icon]{--p-text-size: var(--font-size-4)}.avatar.is-color-empty{border-style:dashed;--p-avatar-text-color: var(--p-avatar-text-color-empty);--p-avatar-bg-color: var(--p-avatar-bg-color-empty);--p-avatar-border-color: var(--p-avatar-border-color-empty)}.avatar.is-color-orange{--p-avatar-text-color: var(--p-avatar-text-color-orange);--p-avatar-bg-color: var(--p-avatar-bg-color-orange);--p-avatar-border-color: var(--p-avatar-border-color-orange)}.avatar.is-color-green{--p-avatar-text-color: var(--p-avatar-text-color-green);--p-avatar-bg-color: var(--p-avatar-bg-color-green);--p-avatar-border-color: var(--p-avatar-border-color-green)}.avatar.is-color-blue{--p-avatar-text-color: var(--p-avatar-text-color-blue);--p-avatar-bg-color: var(--p-avatar-bg-color-blue);--p-avatar-border-color: var(--p-avatar-border-color-blue)}.avatar.is-color-pink{--p-avatar-text-color: var(--p-avatar-text-color-pink);--p-avatar-bg-color: var(--p-avatar-bg-color-pink);--p-avatar-border-color: var(--p-avatar-border-color-pink)}.avatar.is-color-red{--p-avatar-text-color: var(--p-avatar-text-color-red);--p-avatar-bg-color: var(--p-avatar-bg-color-red);--p-avatar-border-color: var(--p-avatar-border-color-red)}.avatar.is-info{--p-avatar-text-color: var(--p-avatar-text-info);--p-avatar-bg-color: var(--p-avatar-bg-info);--p-avatar-border-color: var(--p-avatar-border-info)}.avatar.is-warning{--p-avatar-text-color: var(--p-avatar-text-warning);--p-avatar-bg-color: var(--p-avatar-bg-warning);--p-avatar-border-color: var(--p-avatar-border-warning)}.avatar.is-danger{--p-avatar-text-color: var(--p-avatar-text-danger);--p-avatar-bg-color: var(--p-avatar-bg-danger);--p-avatar-border-color: var(--p-avatar-border-danger)}.avatar.is-success{--p-avatar-text-color: var(--p-avatar-text-success);--p-avatar-bg-color: var(--p-avatar-bg-success);--p-avatar-border-color: var(--p-avatar-border-success)}.theme-dark .avatar{--p-avatar-text-color-default: var(--color-neutral-20);--p-avatar-bg-color-default: var( --avatar-bg-color, var(--color-neutral-85) );--p-avatar-border-color-default: var(--color-neutral-80);--p-avatar-text-color-orange: var(--color-neutral-80);--p-avatar-text-color-green: var(--color-neutral-80);--p-avatar-text-color-blue: var(--color-neutral-80);--p-avatar-text-color-pink: var(--color-neutral-80);--p-avatar-text-color-red: var(--color-neutral-80)}.avatars-group{--p-avatar-group-border-color: var( --avatar-group-border-color, var(--color-neutral-10) );position:relative;z-index:0;display:flex}.avatars-group-item{position:relative;display:inline-flex}.avatars-group-item:nth-child(1){z-index:9}.avatars-group-item:nth-child(2){z-index:8}.avatars-group-item:nth-child(3){z-index:7}.avatars-group-item:nth-child(4){z-index:6}.avatars-group-item:nth-child(5){z-index:5}.avatars-group-item:nth-child(6){z-index:4}.avatars-group-item:nth-child(7){z-index:3}.avatars-group-item:nth-child(8){z-index:2}.avatars-group-item:nth-child(9){z-index:1}.avatars-group-item:nth-child(10){z-index:0}.avatars-group-item .avatar{border:solid .0625rem hsl(var(--p-avatar-group-border-color));border-radius:var(--border-radius-circular);margin-inline-start:-.6rem}.avatars-group-item .image-item{margin-inline-start:-.6rem}.avatars-group-item .is-size-x-small,.avatars-group-item .is-size-small{margin-inline-start:-.5rem}.avatars-group-item .is-size-large{margin-inline-start:-.8rem}.theme-dark .avatars-group{--p-avatar-group-border-color: var(--color-neutral-80)}.card{--p-card-bg-color: var(--p-card-bg-color-default);--p-card-bg-color-default: var(--card-bg-color, var(--color-neutral-0));--p-card-bg-color-hover: var(--color-neutral-5);--p-card-border-color: var(--p-card-border-color-default);--p-card-border-color-default: var(--color-border);--p-card-border-color-hover: var(--color-neutral-15);--p-card-border-radius: var( --card-border-radius, var(--border-radius-medium) );--p-card-padding: var(--card-padding, 2rem);position:relative;display:block;transition:var(--transition) background-color;background:hsl(var(--p-card-bg-color));border-radius:var(--p-card-border-radius);box-shadow:var(--shadow-small);padding:var(--p-card-padding);border:solid .0625rem hsl(var(--p-card-border-color))}.card-header{min-block-size:13.125rem;padding:var(--p-card-padding);margin:calc(var(--p-card-padding)*-1);border-start-start-radius:inherit;border-start-end-radius:inherit;overflow:hidden;background:linear-gradient(271.77deg,#fcfcff,#fdfdff 82.19%,#fff 99.87%)}.theme-dark .card-header{background:linear-gradient(96.46deg,#1b1b28 8.56%,#282a3b 115.77%)}.card-header-image{margin:calc(var(--p-card-padding)*-1);max-block-size:11.125rem;margin-inline-end:0}.card:focus-visible{box-shadow:var(--focus-box-shadow)}.card-separator{padding-block-start:var(--p-card-padding);padding-inline:var(--p-card-padding);margin-block-start:var(--p-card-padding);margin-inline:calc(var(--p-card-padding)*-1);border-block-start:solid .0625rem hsl(var(--p-card-border-color))}.card:where(a,button):hover{--p-card-bg-color: var(--p-card-bg-color-hover);--p-card-border-color: var(--p-card-border-color-hover)}.card.is-border-dashed{border:dashed .0625rem hsl(var(--p-card-border-color))}.card.is-no-shadow{box-shadow:none}.card.is-allow-focus{cursor:pointer}.card.is-allow-focus:hover{--p-card-bg-color: var(--p-card-bg-color-hover);--p-card-border-color: var(--p-card-border-color-hover)}.card.is-allow-focus:has(:focus-visible){box-shadow:var(--focus-box-shadow)}.card.is-danger:before{position:absolute;inset-inline-start:.75rem;inset-block:1.125rem;content:"";display:block;inline-size:.125rem;border-radius:.0625rem;background-color:hsl(var(--color-text-danger))}.card.is-danger [class*=heading-level]{color:hsl(var(--color-text-danger))}.card.is-danger .card-separator{padding-inline:0;margin-inline:0}.theme-dark .card{--p-card-bg-color-default: var( --card-bg-color, var(--color-neutral-90) );--p-card-bg-color-hover: var(--color-neutral-85);--p-card-border-color-hover: var(--color-neutral-80)}@media(max-width:767.99px){.card{--p-card-padding: var(--card-padding-mobile, 1rem)}}.separator-with-text{--p-text-color: var(--color-neutral-20);display:flex;gap:1rem;align-items:center;margin-block:3rem;color:hsl(var(--p-text-color));font-size:var(--font-size-00);line-height:1}.separator-with-text:before,.separator-with-text:after{content:"";display:block;flex:1;block-size:0;border-block-start:solid .0625rem hsl(var(--color-border))}.theme-dark .separator-with-text{--p-text-color: var(--color-neutral-50)}.table{--heading-text-color: var(--color-neutral-60);--p-table-bg-color: var(--color-neutral-0);--p-table-bg-color-focus: var(--color-neutral-5);--p-table-border-color: var(--color-neutral-10);--p-tbody-color-text: var(--color-neutral-60);--p-border-radius: var(--border-radius-medium);display:table;table-layout:fixed;border-collapse:collapse;background-color:hsl(var(--p-table-bg-color));border-radius:var(--p-border-radius);box-shadow:0 0 0 .0625rem hsl(var(--color-border)),var(--shadow-small);inline-size:100%;line-height:1.2}.table-with-scroll{--p-track-bg-color: var(--track-bg-color, var(--color-neutral-5));--p-track-border-color: var(--track-border-color, var(--color-neutral-10));--p-scroll-bg-color: var(--scroll-bg-color, var(--color-neutral-15))}.table-with-scroll ::-webkit-scrollbar{width:12px}.table-with-scroll ::-webkit-scrollbar-track{border-block:solid .0625rem hsl(var(--p-track-border-color));background-color:hsl(var(--p-track-bg-color));border-radius:0}.table-with-scroll ::-webkit-scrollbar-thumb{border-radius:100px;border:.1875rem solid rgba(0,0,0,0);background-clip:content-box;background-color:hsl(var(--p-scroll-bg-color))}.theme-dark .table-with-scroll{--track-bg-color: var(--color-neutral-105);--track-border-color: var(--color-neutral-85);--scroll-bg-color: var(--color-neutral-80)}.table-with-scroll{overflow:hidden;border-radius:var(--border-radius-medium)}.table-with-scroll .table{border-end-start-radius:0;border-end-end-radius:0}.table-with-scroll .table-row:where(:last-child) .table-col{border-radius:unset}.table-wrapper{overflow:auto}.table :where(.table-thead-col,.table-col){display:table-cell;box-sizing:content-box;padding-block:1.5rem;padding-inline:1rem;vertical-align:middle}@media(max-width:767.99px){.table :where(.table-thead-col,.table-col){padding-inline:.75rem}}.table :where(.table-thead-col,.table-col):not(:first-child){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;display:table-cell}.table :where(.table-thead-col,.table-col) :where(.image){--size: 1.875rem;flex-shrink:0}.table :where(.table-thead-col,.table-col) :where(.image) img{vertical-align:bottom}.table :where(.table-thead-col){padding-block:1rem}.table :where(.table-col){--p-col-width: auto;inline-size:calc(var(--p-col-width)/16*1rem);padding-block:1rem;block-size:2.5rem}.table-thead{display:table-header-group;border-block-end:solid .0625rem hsl(var(--p-table-border-color))}.table-thead .table-row{min-block-size:3.375rem}.table-thead-col{--p-col-width: auto;inline-size:calc(var(--p-col-width)/16*1rem);min-inline-size:calc(var(--p-col-width)/16*1rem);text-align:unset}.table-tbody{display:table-row-group;color:hsl(var(--p-tbody-color-text))}.table-tfoot{display:table-footer-group}.table-row{display:table-row;min-block-size:5.5rem}.table-row:where(a,[role*=button]){cursor:pointer}.table-row:where(a,[role*=button]):where(:hover,:focus){background-color:hsl(var(--p-table-bg-color-focus))}.table-row:where(a,[role*=button]):where(:hover,:focus) :is(.table-col):first-child{background-color:hsl(var(--p-table-bg-color-focus))!important}.table-row:where(:not(:first-child)){border-block-start:solid .0625rem hsl(var(--p-table-border-color))}.table-row:where(:last-child) :where(.table-col:first-child){border-end-start-radius:var(--p-border-radius)}.table-row:where(:last-child) :where(.table-col:last-child){border-end-end-radius:var(--p-border-radius)}.table .button.is-text{--p-text-color-default: var(--color-neutral-20)}.table.is-table-layout-auto{table-layout:auto}.table.is-remove-outer-styles{border-width:0;box-shadow:none;outline:none;border-radius:initial;background-color:#0000}.table.is-remove-outer-styles :where(.table-thead-col){padding-inline:0}.table.is-remove-outer-styles :where(.table-thead-col):where(:not(:last-child)){padding-inline-end:.5rem}.table.is-remove-outer-styles :where(.table-col){padding-inline:0;padding-block:.25rem}.table.is-remove-outer-styles :where(.table-col):where(:not(:last-child)){padding-inline-end:.5rem}.table.is-remove-outer-styles :where(.table-row:last-child){border-block-end:solid .0625rem hsl(var(--p-table-border-color))}.table.is-sticky-scroll{table-layout:revert}@media(min-width:1199px){.table.is-sticky-scroll :where(.table-thead-col,.table-col):first-child{position:sticky;inset-inline-start:0;background-color:hsl(var(--p-table-bg-color));box-shadow:var(--shadow-large)}.table.is-sticky-scroll :where(.table-thead-col,.table-col):first-child>.text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;box-sizing:border-box;max-inline-size:9.375rem}.table.is-sticky-scroll :where(.table-thead-col,.table-col):first-child{z-index:2}.table.is-sticky-scroll :where(.table-thead-col,.table-col):first-child:before{content:"";position:absolute;inset-block:0;inset-inline-start:100%;display:block;inline-size:1.25rem;background:linear-gradient(to right,#0000000d,#0000)}}.table.is-table-row-medium-size :where(.table-col){padding-block:.5rem}.theme-dark .table{--heading-text-color: var(--color-neutral-20);--p-table-bg-color: var(--color-neutral-90);--p-table-bg-color-focus: var(--color-neutral-100);--p-table-border-color: var(--color-neutral-85);--p-tbody-color-text: var(--color-neutral-15)}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.table.is-vertical{display:block}.table.is-vertical .table-thead{display:none}.table.is-vertical .table-tbody{display:block}.table.is-vertical .table-row{display:flex;flex-direction:column}.table.is-vertical .table-col:where([data-title]):before{content:attr(data-title) ": ";font-size:1rem;font-weight:400}}.container{--p-container-max-size: var( --container-max-size, var(--container-size-xxl) );--p-container-padding-block: var( --container-padding-block, 1.25rem );inline-size:100%;padding-inline:var(--p-container-padding-inline);padding-block:var(--p-container-padding-block);margin-inline:auto;max-inline-size:var(--p-container-max-size)}.container.is-size-xl{--p-container-max-size: var(--container-size-xl)}@media(max-width:767.99px){.container{--p-container-padding-inline: 1rem}}@media(min-width:768px)and (max-width:1198.99px){.container{--p-container-padding-inline: 1.875rem}}@media(min-width:1199px){.container{--p-container-padding-inline: 3.125rem}}:where(.common-section):where(:nth-child(n+2)){margin-block-start:1.5rem}.box{--p-box-text-color: var(--color-neutral-60);--p-box-background-color: var(--p-box-background-color-default);--p-box-background-color-default: var(--color-neutral-5);--p-box-background-color-hover: var(--color-neutral-10);--p-box-border-color: var(--color-neutral-15);--p-box-padding: var(--box-padding, 1.5rem);--p-box-border-radius: var( --box-border-radius, var(--border-radius-xsmall) );position:relative;background-color:hsl(var(--p-box-background-color));border:solid .0625rem hsl(var(--p-box-border-color));border-radius:var(--p-box-border-radius);padding:var(--p-box-padding);color:hsl(var(--p-box-text-color));max-inline-size:100%}.box-footer-button{position:absolute;inset-inline:0;inset-block-end:0;text-align:center;inline-size:100%;padding-block-start:3.75rem;padding-block-end:.5rem;background:linear-gradient(to bottom,hsl(var(--p-box-background-color)/0),hsl(var(--p-box-background-color)/1))}.box.is-border-dashed{border-style:dashed}.box.is-hover-with-file{--p-box-background-color: var(--p-box-background-color-hover)}.theme-dark .box{--p-box-text-color: var(--color-neutral-5);--p-box-background-color-default: var(--color-neutral-85);--p-box-background-color-hover: var(--color-neutral-80);--p-box-border-color: var(--color-neutral-80)}.boxes-wrapper{display:grid}.boxes-wrapper .box{border-radius:0}.boxes-wrapper .box:first-child{border-start-start-radius:var(--border-radius-xsmall);border-start-end-radius:var(--border-radius-xsmall)}.boxes-wrapper .box:last-child{border-top:0;border-end-start-radius:var(--border-radius-xsmall);border-end-end-radius:var(--border-radius-xsmall)}.boxes-wrapper .box:not(:first-child):not(:last-child){border-block-start:0}.loader{--loading: 0%;--p-loader-border-base-color: var(--color-neutral-10);--p-loader-base-full-color: var(--color-neutral-20);--p-loader-size: var(--loader-size, 1.5rem);--p-loader-border-size: var(--loader-border-size, .15625rem);--p-loader-bg-color: var( --loader-bg-color-default, var(--p-loader-bg-color-default) );--p-loader-bg-color-default: var( --loader-bg-color-light, var(--p-loader-bg-color-light) );--p-loader-bg-color-light: var(--color-neutral-5);--p-loader-bg-color-dark: var(--color-neutral-200);animation:rotate 1s infinite linear;position:relative;inline-size:var(--p-loader-size);block-size:var(--p-loader-size);border:solid var(--p-loader-border-size) hsl(var(--p-loader-border-base-color));border-radius:var(--border-radius-circular);border-block-start-color:hsl(var(--p-loader-base-full-color));border-inline-start-color:hsl(var(--p-loader-base-full-color))}.loader svg{inline-size:100%;block-size:100%}.loader.is-loading{animation:none;border-block-start-color:hsl(var(--p-loader-border-base-color));border-inline-start-color:hsl(var(--p-loader-border-base-color))}.loader.is-loading:before{content:"";display:flex;position:absolute;inset:calc(var(--p-loader-border-size)*-1);inline-size:calc(100% + var(--p-loader-border-size)*2);block-size:calc(100% + var(--p-loader-border-size)*2);border-radius:var(--border-radius-circular);background:conic-gradient(hsl(var(--p-loader-base-full-color)) 0deg,hsl(var(--p-loader-base-full-color)) var(--loading),transparent var(--loading),transparent 360deg)}.loader.is-loading:after{content:"";display:block;position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:var(--border-radius-circular);background:hsl(var(--p-loader-bg-color))}.loader.is-transparent{--p-loader-base-full-color: var(--transparent) !important}.loader.is-small{--p-loader-size: var(--loader-size, 1rem);--p-loader-border-size: var(--loader-border-size, .09375rem)}.theme-dark .loader{--p-loader-border-base-color: var(--color-neutral-20);--p-loader-base-full-color: var(--color-neutral-100);--p-loader-bg-color-default: var(--p-loader-bg-color-dark)}.inline-code{--p-bg-color-inline-code: var(--color-neutral-10);--p-text-color-inline-code: var(--color-neutral-60);background-color:hsl(var(--p-bg-color-inline-code));color:hsl(var(--p-text-color-inline-code));border-radius:var(--border-radius-xsmall);padding:.25rem}.theme-dark .inline-code{--p-bg-color-inline-code: var(--color-neutral-100);--p-text-color-inline-code: var(--color-neutral-15)}.divider{height:1px;width:calc(100% + 2rem);background-color:hsl(var(--color-border))}}@layer components{.alert{--p-alert-text-color: var(--color-neutral-70);--p-alert-bg-color: var(--color-neutral-5);--p-alert-border-color: var(--color-neutral-15);--p-alert-color: var(--p-alert-color-default);--p-alert-color-default: var(--color-neutral-20);--p-alert-color-info: var(--color-information-100);--p-alert-color-success: var(--color-success-100);--p-alert-border-warning: var(--color-warning-100);--p-alert-border-danger: var(--color-danger-100);color:hsl(var(--p-alert-text-color));background-color:hsl(var(--p-alert-bg-color));border:solid .0625rem hsl(var(--p-alert-border-color));padding:.75rem;padding-inline-start:.5rem;border-radius:var(--border-radius-xsmall)}.alert-grid{display:flex;gap:1rem}.alert-grid:before{content:"";display:block;inline-size:.125rem;background-color:hsl(var(--p-alert-color));border-radius:.0625rem}.alert-grid>[class*=icon-]:where(:not(.icon-x)){color:hsl(var(--p-alert-color));font-size:var(--icon-size-large);line-height:1.25}.alert-grid>.button{order:1}.alert-content{display:flex;flex-direction:column;gap:.5rem;flex:1;line-height:1.5}.alert-title{font-weight:700}.alert-buttons{margin-block-start:.75rem;margin-inline-start:-1rem}.alert .button{--button-size: 1.25rem;font-size:var(--font-size-0)}.alert.is-action{position:relative;padding:1rem;padding-block-start:1.125rem;border-width:0;border-radius:0}.alert.is-action .alert-buttons{display:flex;flex-wrap:wrap;margin-block-start:0;margin-inline-start:0}.alert.is-action .button{--button-size: 2.5rem}.alert.is-action .alert-grid{flex-wrap:wrap}.alert.is-action .alert-grid:before{position:absolute;inset-inline:0;inset-block-start:0;border-radius:0;block-size:.25rem;inline-size:100%}.alert.is-action-and-top-sticky{--p-alert-bg-color: var(--color-neutral-0)}@media(max-width:767.99px){.alert.is-action .alert-buttons{flex-direction:column;inline-size:100%}}.alert.is-standalone{--p-alert-bg-color: var(--color-neutral-0);--p-alert-border-color: var(--color-neutral-10);box-shadow:var(--shadow-small)}.theme-dark .alert.is-standalone{--p-alert-bg-color: var(--color-neutral-90);--p-alert-border-color: var(--color-neutral-85)}.alert.is-info{--p-alert-color: var(--p-alert-color-info)}.alert.is-success{--p-alert-color: var(--p-alert-color-success)}.alert.is-warning{--p-alert-color: var(--p-alert-border-warning)}.alert.is-danger{--p-alert-color: var(--p-alert-border-danger)}.alert.is-no-bg{border-width:0;background-color:hsl(var(--transparent))}.theme-dark .alert{--p-alert-text-color: var(--color-neutral-5);--p-alert-bg-color: var(--color-neutral-85);--p-alert-border-color: var(--color-neutral-80)}.alert-sticky{--p-alert-sticky-width-size: 27.5rem;--p-alert-content-text-color: var(--color-neutral-70);--p-alert-content-bg-color: var(--color-neutral-0);--p-alert-content-border-color: var(--color-neutral-10);--p-alert-bg-color: var(--p-alert-bg-color-default);--p-alert-bg-color-default: var(--color-neutral-20);--p-alert-bg-color-info: var(--color-information-100);--p-alert-bg-color-success: var(--color-success-100);--p-alert-bg-color-warning: var(--color-warning-100);--p-alert-bg-color-danger: var(--color-danger-100);position:relative;display:grid;grid-template-columns:4.5rem 1fr;grid-template-areas:"image content" "image buttons";inline-size:var(--p-alert-sticky-width-size);font-size:var(--font-size-0);color:hsl(var(--p-alert-content-text-color));border:solid .0625rem hsl(var(--p-alert-content-border-color));border-radius:var(--border-radius-xsmall);box-shadow:var(--shadow-large);user-select:none}.alert-sticky>.button{position:absolute;inset-inline-end:1rem;inset-block-start:1rem}.alert-sticky-image{grid-area:image;display:grid;place-content:center;margin:-.0625rem;margin-inline-end:0;background-color:hsl(var(--p-alert-bg-color));border-start-start-radius:inherit;border-end-start-radius:inherit;color:hsl(var(--color-neutral-0));font-size:1.5rem}.alert-sticky-image [class^=icon-],.alert-sticky-image [class*=" icon-"]{font-size:var(--icon-size-large)}.alert-sticky-content{grid-area:content;flex:1;background-color:hsl(var(--p-alert-content-bg-color));padding:1rem;padding-block-end:0;padding-inline-end:3rem;border-start-end-radius:inherit}.alert-sticky-content:last-child{padding-block-end:1rem}.alert-sticky-buttons{grid-area:buttons;background-color:hsl(var(--p-alert-content-bg-color));padding-block-end:.5rem;border-end-end-radius:inherit}.alert-sticky-title{font-size:var(--font-size-0);font-weight:600;margin-bottom:.25rem}.alert-sticky.is-info{--p-alert-bg-color: var(--p-alert-bg-color-info)}.alert-sticky.is-success{--p-alert-bg-color: var(--p-alert-bg-color-success)}.alert-sticky.is-warning{--p-alert-bg-color: var(--p-alert-bg-color-warning)}.alert-sticky.is-danger{--p-alert-bg-color: var(--p-alert-bg-color-danger)}.theme-dark .alert-sticky{--p-alert-content-text-color: var(--color-neutral-10);--p-alert-content-bg-color: var(--color-neutral-85);--p-alert-content-border-color: var(--color-neutral-80)}@media(max-width:767.99px){.alert-sticky{--p-alert-sticky-width-size: auto}}.action-bar{--p-action-bar-bg-color: var(--color-neutral-0);--p-action-bar-border-color: var(--color-neutral-0);--p-action-bar-box-shadow: 0 .375rem 1rem hsl(var(--color-neutral-80) / .14);display:flex;gap:.5rem;justify-content:space-between;align-items:baseline;inline-size:19.5rem;padding-inline:.75rem;padding-block:.5rem;background-color:hsl(var(--p-action-bar-bg-color));border:solid .0625rem hsl(var(--p-action-bar-border-color));border-radius:var(--border-radius-small);box-shadow:var(--p-action-bar-box-shadow);transition:var(--transition)}@media(min-width:768px){.action-bar{inline-size:31.25rem;padding-inline:1rem;padding-block:.75rem}}.theme-dark .action-bar{--p-action-bar-bg-color: var(--color-neutral-90);--p-action-bar-border-color: var(--color-neutral-85);--p-action-bar-box-shadow: 0 .375rem 1rem .5rem hsl(var(--color-neutral-105))}.list{--p-list-text-color: var(--color-neutral-60);color:hsl(var(--p-list-text-color));display:flex;flex-direction:column;gap:1.5rem;font-size:1rem}.list-item{display:flex;align-items:baseline;gap:1.25rem}.list-item>*{vertical-align:middle}.list-item [class*=icon]{line-height:1}.list-item .text{align-self:center;line-height:1.5}.list .icon-check{flex-shrink:0;display:inline-grid;place-content:center;inline-size:1.5rem;block-size:1.5rem;color:hsl(var(--color-neutral-0));font-size:.875rem;background-color:hsl(var(--color-primary-100));border-radius:50%}.theme-dark .list{--p-list-text-color: var(--color-neutral-20)}.un-order-list{display:flex;flex-direction:column;list-style-type:disc;line-height:1.8;padding-inline-start:1rem}.un-order-list>*::marker{all:revert}.numeric-list{--p-numeric-border-color: var(--color-neutral-10);--p-numeric-bg-color: var(--color-neutral-5);--p-numeric-text-color: var(--color-neutral-60);counter-reset:number;display:grid;row-gap:1.5rem}.numeric-list-item{counter-increment:number;display:flex;align-items:baseline;column-gap:1.5rem}.numeric-list-item:before{content:counter(number);flex-shrink:0;display:grid;place-content:center;inline-size:2rem;block-size:2rem;background-color:hsl(var(--p-numeric-bg-color));color:hsl(var(--p-numeric-text-color));border:solid .0625rem hsl(var(--p-numeric-border-color));border-radius:var(--border-radius-circular)}.theme-dark .numeric-list{--p-numeric-border-color: var(--color-neutral-80);--p-numeric-bg-color: var(--color-neutral-85);--p-numeric-text-color: var(--color-neutral-20)}.order-list{counter-reset:number;display:flex;flex-direction:column;gap:2rem}.order-list-item{counter-increment:number;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.order-list-content{display:flex;gap:1rem}.order-list-content:before{content:counter(number)}.order-list-content.is-hide-number:before{opacity:0}.collapsible{--p-toggle-border-color: var(--color-neutral-10);--p-toggle-optional-color: var(--color-neutral-50)}.collapsible ::-webkit-details-marker{display:none}.collapsible-item:where(:not(:last-child)){border-block-end:solid .0625rem hsl(var(--p-toggle-border-color))}.collapsible-item.is-info{--p-bg-color-info-focus-hover-opened: var(--color-neutral-5);--color-border: var(--color-neutral-10)}.collapsible-item.is-info .collapsible-wrapper{padding:.5rem;margin-block:.5rem;border-radius:var(--border-radius-small)}.collapsible-item.is-info .collapsible-wrapper:has(:hover),.collapsible-item.is-info .collapsible-wrapper:where([open]){background-color:hsl(var(--p-bg-color-info-focus-hover-opened))}.collapsible-item.is-info .collapsible-wrapper.is-disabled{background-color:#0000;opacity:.4}.collapsible-item.is-info .collapsible-wrapper .collapsible-button{padding-block:0}.collapsible-item.is-info .collapsible-wrapper .collapsible-button .icon:last-child{margin-inline-end:.5rem}.collapsible-item.is-info .collapsible-wrapper .collapsible-content{padding-block-end:.5rem}.collapsible-item.is-info .collapsible-wrapper:has(:focus-visible){box-shadow:var(--focus-box-shadow)}.collapsible-item.is-info .collapsible-wrapper:has(:focus-visible) .collapsible-button:focus-visible{box-shadow:none}.theme-dark .collapsible-item.is-info .collapsible-wrapper{--p-bg-color-info-focus-hover-opened: var( --color-neutral-85 );--color-border: var(--color-neutral-80)}.collapsible-wrapper{padding:.5rem}.collapsible-wrapper:where([open]):not(:disabled,.is-disabled) .icon-cheveron-right{rotate:90deg}.collapsible-wrapper:where([open]):not(:disabled,.is-disabled) .icon-cheveron-down{rotate:180deg}.collapsible-wrapper:is(:disabled,.is-disabled){cursor:not-allowed}.collapsible-wrapper:is(:disabled,.is-disabled) *{cursor:not-allowed}.collapsible-wrapper:is(:disabled,.is-disabled) .collapsible-content{display:none!important}.collapsible-button{position:relative;padding-block:.625rem;display:flex;gap:.625rem;align-items:center;font-size:1rem;line-height:1.5}.collapsible-button .text{align-self:center;font-weight:600}.collapsible-button .icon{align-self:center}.collapsible-button [class*=icon-]{display:block;transition:var(--transition)}.collapsible-button .icon:first-child{margin-inline-end:.5rem}.collapsible-button .icon:last-child{margin-inline-start:auto}.collapsible-button-optional{font-size:.8125rem;color:hsl(var(--p-toggle-optional-color))}.collapsible-button:where(summary){cursor:pointer}.collapsible-content{padding-block-start:0;padding-block-end:1.5rem}.theme-dark .collapsible{--p-toggle-border-color: var(--color-neutral-80)}.tabs{--p-tabs-text-color: var(--p-tabs-text-color-default);--p-tabs-text-color-default: var(--color-neutral-50);--p-tabs-text-color-hover: var(--color-neutral-80);--p-tabs-text-color-active: var(--color-neutral-80);--p-tabs-text-color-selected: var(--color-neutral-80);--p-tabs-bg-color: var(--p-tabs-bg-defalut);--p-tabs-bg-defalut: var(--transparent);--p-tabs-bg-color-hover: var(--color-neutral-10);--p-tabs-outline-color: var(--p-tabs-outline-color-default);--p-tabs-outline-color-default: var(--transparent);--p-tabs-outline-color-focus: var(--color-neutral-1000) / .16;--p-tabs-border-color: var(--p-tabs-border-color-default);--p-tabs-border-color-default: var(--transparent);--p-tabs-border-color-selected: var(--color-neutral-80);--tabs-shadow-color: var(--color-neutral-0);--tabs-button-arrow-color: var(--color-neutral-80);position:relative}.tabs-button{position:relative;display:flex;align-items:center;padding-inline:.25rem;padding-block:.4375rem;user-select:none;border-radius:.625rem;color:hsl(var(--p-tabs-text-color));background-color:hsl(var(--p-tabs-bg-color));background-clip:padding-box;border:solid .25rem hsl(var(--p-tabs-outline-color))}.tabs-button .text{display:flex;align-items:center;padding-inline:.75rem;inline-size:100%}.tabs-button:before{content:"";display:block;block-size:.0625rem;background-color:#0000;position:absolute;inset-inline:0;inset-block-end:-.25rem;border-radius:var(--border-radius-xsmall)}.tabs-button:after{content:"";display:block;border-radius:var(--border-radius-small)}.tabs-button:where(:hover,.tabs-button:focus){box-shadow:none}.tabs-button:where(:hover):not(:disabled,.is-disabled){--p-tabs-text-color: var(--p-tabs-text-color-hover);--p-tabs-bg-color: var(--p-tabs-bg-color-hover)}.tabs-button:where(:focus-visible):not(:disabled,.is-disabled){--p-tabs-outline-color: var(--p-tabs-outline-color-focus)}.tabs-button:where(:active):not(:disabled,.is-disabled){--p-tabs-text-color: var(--p-tabs-text-color-active)}.tabs-button:where(:disabled,.is-disabled){opacity:.4}.tabs-button:is(.is-selected){--p-tabs-text-color: var(--p-tabs-text-color-selected)}.tabs-button:is(.is-selected):before{background-color:hsl(var(--p-tabs-border-color-selected))}.tabs-list{display:flex;gap:1rem;overflow:auto;margin-block-end:-.0625rem;-ms-overflow-style:none;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-button-scroll{position:absolute;z-index:3;inset-block:0;display:flex;align-items:center;inline-size:5rem;block-size:100%;padding-block-end:.3125rem;opacity:.4;transition:var(--transition);color:hsl(var(--tabs-button-arrow-color));font-size:var(--font-size-3)}.tabs-button-scroll>*{margin-inline:-3px;transform:scaleX(var(--transform-direction))}.tabs-button-scroll:where(:hover,:focus){opacity:1}.tabs-button-scroll.is-start{inset-inline-start:0;background:linear-gradient(to right,hsl(var(--tabs-shadow-color)),hsl(var(--tabs-shadow-color)/0))}.tabs-button-scroll.is-end{inset-inline-end:0;justify-content:end;background:linear-gradient(to left,hsl(var(--tabs-shadow-color)),hsl(var(--tabs-shadow-color)/0))}.theme-dark .tabs{--p-tabs-text-color-hover: var(--color-neutral-10);--p-tabs-text-color-active: var(--color-neutral-10);--p-tabs-text-color-selected: var(--color-neutral-10);--p-tabs-bg-color-hover: var(--color-neutral-0) / .04;--p-tabs-outline-color-focus: var(--color-neutral-0) / .16;--p-tabs-border-color-selected: var(--color-neutral-10);--tabs-button-arrow-color: var(--color-neutral-20);--tabs-shadow-color: var(--color-neutral-100)}.secondary-tabs{--p-drop-tab-text-color: var(--color-neutral-60);--p-drop-tab-bg-color: var(--transparent);--p-drop-tab-height: 2rem;--p-drop-tab-padding-horizontal: .75rem;display:flex;gap:1rem}.secondary-tabs-button{display:block;padding-inline:var(--p-drop-tab-padding-horizontal);user-select:none;line-height:var(--p-drop-tab-height);border-radius:var(--border-radius-small);color:hsl(var(--p-drop-tab-text-color));background-color:hsl(var(--p-drop-tab-bg-color))}.secondary-tabs-button:where(:disabled,.is-disabled){--p-drop-tab-bg-color: var(--color-neutral-10);cursor:default}.secondary-tabs-button:where(:not(:disabled,.is-disabled)){cursor:pointer}.secondary-tabs:where(.is-large){--p-drop-tab-height: 2.375rem;--p-drop-tab-padding-horizontal: 1.25rem}.secondary-tabs:where(.is-stretch){inline-size:100%}.secondary-tabs:where(.is-stretch) .secondary-tabs-item{flex:1}.secondary-tabs:where(.is-stretch) .secondary-tabs-button{inline-size:100%;text-align:center}.theme-dark .secondary-tabs{--p-drop-tab-text-color: var(--color-neutral-20)}.theme-dark .secondary-tabs-button:where(:disabled,.is-disabled){--p-drop-tab-bg-color: var(--color-neutral-85)}.modal{--p-modal-title-color: var(--color-neutral-80);--p-modal-text-color: var(--color-neutral-60);--p-modal-bg-color: var(--color-neutral-0);--p-modal-border-color: var(--color-neutral-10);--p-modal-border-radius: var(--border-radius-medium);--p-modal-content-bg-color: var(--color-neutral-5);--p-modal-padding: 2rem;--padding-header-bottom: 1rem;display:flex;flex-direction:column;box-sizing:border-box;padding:0;inline-size:fit-content;min-inline-size:min(25.625rem,95%);max-inline-size:min(40rem,95%);max-block-size:90vh;box-shadow:var(--shadow-large);background-color:hsl(var(--p-modal-bg-color));border-radius:var(--p-modal-border-radius);border:solid .0625rem hsl(var(--p-modal-border-color));color:hsl(var(--p-modal-text-color))}.modal:where([open]){display:flex}.modal-form{min-block-size:0;display:flex;flex-direction:column;inline-size:100%;padding:var(--p-modal-padding)}@media(min-width:768px){.modal.is-small{inline-size:25.625rem}}@media(min-width:1199px){.modal.is-big{inline-size:40rem}}@media(min-width:768px){.modal.is-huge{inline-size:75rem;max-inline-size:90vw}}.modal.is-secondary{--p-modal-padding: 1.5rem;--padding-header-bottom: 1rem}.modal.is-inner-modal{--p-modal-title-color: var(--color-neutral-105);--p-modal-text-color: var(--color-neutral-60);--p-modal-bg-color: var(--color-neutral-5);--p-modal-border-color: var(--color-neutral-10);--p-modal-padding: 1.5rem;--p-modal-border-radius: var(--border-radius-small);max-inline-size:none;box-shadow:none}.modal.is-inner-modal .modal-header{margin-block-end:0}.modal.is-inner-modal .modal-content{padding-block-start:var(--p-modal-padding);margin-block-start:var(--p-modal-padding);margin-inline:calc(var(--p-modal-padding)*-1);padding-inline:calc(var(--p-modal-padding));border-block-start:solid .0625rem hsl(var(--p-modal-border-color))}.theme-dark .modal.is-inner-modal{--p-modal-bg-color: var(--color-neutral-85);--p-modal-border-color: var(--color-neutral-80)}.modal.is-separate-header>.modal-form>.modal-header{padding:var(--p-modal-padding);padding-block-start:0;border-block-end:solid .0625rem hsl(var(--color-border));margin-inline:calc(var(--p-modal-padding)*-1);margin-block-end:0}.modal.is-separate-header>.modal-form>.modal-content{padding-block:var(--p-modal-padding);margin-block:0}.modal.is-separate-header>.modal-form>.modal-footer{margin-block-start:0}@media(max-width:767.99px){.modal.is-page-in-mobile{all:unset;block-size:unset!important;inline-size:100%}.modal.is-page-in-mobile .modal-form{min-block-size:100dvh;padding:0}.modal.is-page-in-mobile .modal-header,.modal.is-page-in-mobile .modal-footer{position:relative;z-index:1;background-color:hsl(var(--p-modal-bg-color));padding-inline:1rem!important;margin-inline:0!important}.modal.is-page-in-mobile .modal-header{position:sticky;inset-block-start:0;padding-block-start:1rem!important}.modal.is-page-in-mobile .modal-footer{position:sticky;inset-block-end:0;padding-block-end:1rem}.modal.is-page-in-mobile::backdrop{background-color:#0000}}.modal-header{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;margin-block-end:var(--padding-header-bottom)}.modal-header p{font-size:var(--font-size-1)}.modal-title{color:hsl(var(--p-modal-title-color));line-height:1}.modal-content::-webkit-scrollbar{opacity:.7;width:.5rem;height:.5rem}.modal-content::-webkit-scrollbar-track{border-radius:.25rem;margin-right:.5rem}.modal-content::-webkit-scrollbar-thumb{border-radius:.25rem;background:hsl(var(--scroll-color))}.modal-content::-webkit-scrollbar-corner{background:hsl(var(--scroll-color));border-radius:.375rem}.modal-content{overflow:auto;min-block-size:0;padding-block:.25rem;margin-block:-.25rem;margin-inline:calc(var(--p-modal-padding)*-1);padding-inline:calc(var(--p-modal-padding))}.modal-content-main{background-color:hsl(var(--p-modal-content-bg-color))}.modal-content-spacer{display:grid;gap:1.5rem}.modal-footer{display:grid;gap:1rem;flex-shrink:0;padding:var(--p-modal-padding);padding-block-end:0rem;margin-inline:calc(var(--p-modal-padding)*-1);margin-block-start:var(--p-modal-padding);border-block-start:solid .0625rem hsl(var(--color-border))}.modal::backdrop{background-color:#1313154d;backdrop-filter:blur(.1875rem)}@media(max-width:767.99px){.modal{--p-modal-padding: 1rem;--padding-header-bottom: .75rem}}.theme-dark .modal{--p-modal-title-color: var(--color-neutral-10);--p-modal-text-color: var(--color-neutral-20);--p-modal-bg-color: var(--color-neutral-90);--p-modal-border-color: var(--color-neutral-85);--p-modal-content-bg-color: var(--color-neutral-90);--color-border: var(--color-neutral-80)}.theme-dark .modal::backdrop{background-color:#13131599}.theme-dark .modal-curtain{--p-modal-curtain-opacity: .6}@media(max-width:767.99px){.modal-open-full-screen-mobile main,.modal-open-full-screen-mobile .wizard,.modal-open-full-screen-mobile .grid-with-side{display:none!important}}.drop{--p-drop-bg-color: var(--color-neutral-0);--p-drop-border-color: var(--drop-border-color, var(--color-neutral-10));--p-drop-width-size-desltop: var(--drop-width-size-desktop);--p-drop-border-radius: var( --drop-border-radius, var(--border-radius-small) );position:absolute;inset-inline-start:0;inset-block-end:calc(100% + .625rem);background-color:hsl(var(--p-drop-bg-color));color:hsl(var(--p-drop-text-color));padding:0;border:solid .0625rem hsl(var(--p-drop-border-color));border-radius:var(--p-drop-border-radius);box-shadow:var(--shadow-small);min-inline-size:13rem;max-inline-size:17.5rem}@media(min-width:1199px){.drop{inline-size:var(--p-drop-width-size-desltop);max-inline-size:none}}.drop-header-mobile{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding-block:1rem;padding-inline:1rem;border-block-end:solid .0625rem hsl(var(--color-border));background-color:hsl(var(--p-drop-bg-color))}@media(min-width:1199px){.drop-header-mobile{display:none}}@media(max-width:767.99px){.drop-footer{position:sticky;inset-block-end:0;background-color:hsl(var(--p-drop-bg-color))}}.drop:before{content:"";position:absolute;z-index:3;inset-inline-start:1.875rem;inset-block-end:-.5rem;inline-size:.5rem;block-size:.5rem;clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:hsl(var(--p-drop-bg-color))}.drop:after{content:"";position:absolute;z-index:2;inset-inline-start:1.84375rem;inset-block-end:-.5rem;transform:translateY(.125rem);inline-size:.5625rem;block-size:.5625rem;clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:hsl(var(--p-drop-border-color))}.drop-wrapper{position:relative;inline-size:fit-content}.drop-wrapper.is-open{z-index:1}.drop-section{--p-section-padding-horizontal: var( --section-padding-horizontal, .75rem );--p-section-padding-vertical: var( --section-padding-vertical, 1rem );--p-section-border-color: var(--color-neutral-10);padding-inline:var(--p-section-padding-horizontal);padding-block:var(--p-section-padding-vertical)}.drop-section::-webkit-scrollbar{opacity:.7;width:.5rem;height:.5rem}.drop-section::-webkit-scrollbar-track{border-radius:.25rem;margin-right:.5rem}.drop-section::-webkit-scrollbar-thumb{border-radius:.25rem;background:hsl(var(--scroll-color))}.drop-section::-webkit-scrollbar-corner{background:hsl(var(--scroll-color));border-radius:.375rem}.drop-section{max-inline-size:32.5rem;margin-inline:auto}.drop-section:where(:nth-child(n+2)){border-block-start:solid .0625rem hsl(var(--p-section-border-color))}.theme-dark .drop-section{--p-section-border-color: var(--color-neutral-85)}.drop:where(.is-inline-end){inset-inline-end:-.625rem;inset-inline-start:auto}.drop:where(.is-block-end){inset-block-start:calc(100% + .625rem);inset-block-end:auto}.drop:where(.is-block-end):before,.drop:where(.is-block-end):after{inset-block-start:-.5rem;inset-block-end:auto;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.drop:where(.is-block-end):after{transform:translateY(-.125rem)}.drop.is-arrow-end:before,.drop.is-arrow-end:after{inset-inline-end:1.875rem;inset-inline-start:auto}.drop.is-arrow-end:after{inset-inline-end:1.84375rem}.drop.is-arrow-center:before,.drop.is-arrow-center:after{inset-inline-start:50%;transform:translate(-50%)}.drop.is-arrow-center:after{transform:translate(-50%) translateY(.125rem)}.drop.is-no-arrow:before,.drop.is-no-arrow:after{display:none}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.drop.is-full-screen-mobile{max-inline-size:none;inset:0}}@media(max-width:767.99px){.drop.is-modal-screen-mobile{position:fixed;inset-block:0;inset-inline:.5rem;padding:0;inline-size:auto;max-inline-size:none}.drop.is-modal-screen-mobile::backdrop{background-color:#14141f99}}.drop-list{display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-0)}.drop-list-item{flex-shrink:0}.drop-button{--p-drop-icon-color: var(--color-neutral-20);--p-drop-text-color: var(--color-neutral-60);--p-drop-item-bg-color-hover: var(--color-neutral-10);--p-drop-item-bg-color-selected: var(--color-neutral-10);--p-button-padding-horizontal: var( --button-padding-horizontal, .75rem );--p-button-padding-vertical: var( --button-padding-vertical, .625rem );display:flex;gap:.75rem;inline-size:100%;padding-inline:var(--p-button-padding-horizontal);padding-block:var(--p-button-padding-vertical);background-color:hsl(var(--p-drop-bg-color));border-radius:var(--border-radius-small);-webkit-user-select:none;user-select:none;line-height:1.5}.drop-button .text{color:hsl(var(--p-drop-text-color))}.drop-button [class*=icon]{align-self:center;font-size:1rem;line-height:1;color:hsl(var(--p-drop-icon-color))}.drop-button [class*=icon]:before{vertical-align:middle}.drop-button:where(:hover,:focus){--p-drop-bg-color: var(--p-drop-item-bg-color-hover);outline:none}.drop-button:where(.is-selected){--p-drop-bg-color: var(--p-drop-item-bg-color-selected)}.drop-button .text+[class*=icon]{margin-inline-start:auto}.theme-dark .drop{--p-drop-bg-color: var(--color-neutral-105);--p-drop-border-color: var( --drop-border-color, var(--color-neutral-85) )}.theme-dark .drop-button{--p-drop-text-color: var(--color-neutral-15);--p-drop-item-bg-color-hover: var(--color-neutral-85);--p-drop-item-bg-color-selected: var(--color-neutral-85)}.inline-links{display:flex;align-items:baseline;font-size:.875rem}.inline-links-item{padding-inline:1.25rem}.inline-links-item:where(:not(:last-child)){border-inline-end:solid .0625rem hsl(var(--color-border))}.inline-links:where(.is-center){justify-content:center}.inline-links:where(.is-no-padding-first-and-last) :where(.inline-links-item):first-child{padding-inline-start:0}.inline-links:where(.is-no-padding-first-and-last) :where(.inline-links-item):last-child{padding-inline-end:0}.upload-image{--p-upload-image-size: var( --upload-image-size, 2.5rem );--p-upload-bg-color: var(--color-neutral-10);--p-upload-border-color: var(--color-neutral-10);--p-upload-icon-color: var(--color-neutral-20);--p-upload-text-color: var(--color-neutral-50);position:relative;display:grid;place-content:center;inline-size:var(--p-upload-image-size);block-size:var(--p-upload-image-size);background-color:hsl(var(--p-upload-bg-color));border:solid .0625rem hsl(var(--p-upload-border-color));border-radius:50%;flex-shrink:0}.upload-image [class*=icon]{position:relative;z-index:2;color:hsl(var(--p-upload-icon-color))}.upload-image .text{position:relative;z-index:2;color:hsl(var(--p-upload-text-color))}.upload-image .progress{--progress: var(--progress-value, 0);position:absolute;z-index:1;inset:0;border-radius:var(--border-radius-circular);background:radial-gradient(hsl(var(--p-upload-bg-color)) 0%,hsl(var(--p-upload-bg-color)) 64%,transparent 64.01%,transparent 100%),conic-gradient(#2bacd4,#6cd42b calc(var(--progress) * 1%),#0000 calc(var(--progress) * 1%) 100%)}.upload-image.is-finished{--p-upload-border-color: var(--p-upload-border-color)}.upload-image.is-finished .progress{display:none}.theme-dark .upload-image.is-finished{--p-upload-border-color: var(--color-neutral-80)}.theme-dark .upload-image{--p-upload-bg-color: var(--color-neutral-85);--p-upload-border-color: var(--color-neutral-85);--p-upload-icon-color: var(--color-neutral-20);--p-upload-text-color: var(--color-neutral-20)}.status{--p-status-color: var(--color-neutral-50);display:flex;align-items:baseline;gap:.5rem;user-select:none}.status-icon{inline-size:.75rem;block-size:.75rem;border-radius:var(--border-radius-circular);background-color:hsl(var(--p-status-color))}.status.is-offline{--p-status-color: var(--color-neutral-50)}.status.is-waiting{--p-status-color: var(--color-warning-50)}.status.is-pending{--p-status-color: var(--color-warning-100)}.status.is-failed{--p-status-color: var(--color-danger-100)}.status.is-complete{--p-status-color: var(--color-success-100)}.status.is-processing{--p-status-color: var(--color-information-100)}.upload-box{--p-header-text-color: var(--color-neutral-70);--p-header-bg-color: var(--color-neutral-10);--p-content-text-color: var(--color-neutral-60);--p-content-bg-color: var(--color-neutral-0);--p-border-color: var(--color-neutral-10);overflow:hidden;min-inline-size:17.8125rem;box-shadow:var(--shadow-small);border-radius:var(--border-radius-small);font-size:.875rem;line-height:1}.upload-box-button{--p-icon-button-size: var(--icon-button-size, 1.25rem);inline-size:var(--p-icon-button-size);block-size:var(--p-icon-button-size);font-size:var(--p-icon-button-size);transition:var(--transition);line-height:1;text-align:center;flex-shrink:0;cursor:pointer}.upload-box-button.is-open{transform:rotate(180deg)}.upload-box-button.is-success{color:var(--config-color-success)}.upload-box-header{display:flex;padding:1rem;color:hsl(var(--p-header-text-color));background-color:hsl(var(--p-header-bg-color))}.upload-box-header .upload-box-button{margin-inline-start:1rem}.upload-box-title{align-self:center;margin-inline-end:auto}.upload-box-title .text{text-transform:uppercase;letter-spacing:.12em}.upload-box-title .amount:before{content:"("}.upload-box-title .amount:after{content:")"}.upload-box-content::-webkit-scrollbar{opacity:.7;width:.5rem;height:.5rem}.upload-box-content::-webkit-scrollbar-track{border-radius:.25rem;margin-right:.5rem}.upload-box-content::-webkit-scrollbar-thumb{border-radius:.25rem;background:hsl(var(--scroll-color))}.upload-box-content::-webkit-scrollbar-corner{background:hsl(var(--scroll-color));border-radius:.375rem}.upload-box-content{background-color:hsl(var(--p-content-bg-color));color:hsl(var(--p-content-text-color));block-size:0;overflow:auto;transition:var(--transition)}.upload-box-content.is-open{block-size:auto;max-block-size:13.625rem}.upload-box-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}.upload-box-item .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;line-height:1.2;align-self:center;margin-inline-end:auto}.upload-box-item-button{align-self:center;margin-inline-start:1rem}.upload-box-item .icon-check{color:hsl(var(--color-text-success))}.upload-box-item:not(:last-child){border-bottom:solid .0625rem hsl(var(--p-border-color))}.upload-box.is-float{position:fixed}@media(max-width:767.99px){.upload-box.is-float{inset-inline:1rem;inset-block-end:1.25rem}}@media(min-width:768px){.upload-box.is-float{inset-inline-end:1.5rem;inset-block-end:1.5rem}}.theme-dark .upload-box{--p-header-text-color: var(--color-neutral-20);--p-header-bg-color: var(--color-neutral-100);--p-content-text-color: var(--color-neutral-20);--p-content-bg-color: var(--color-neutral-90);--p-border-color: var(--color-neutral-85)}.upload-file-box{--p-icon-file: var(--color-neutral-20);--p-title-color: var(--color-neutral-70);--p-info-text: var(--color-neutral-60);--p-file-size: var(--color-neutral-50);display:flex;flex-direction:column;justify-content:center;gap:1rem}@media(min-width:768px){.upload-file-box-list{border-block-start:solid .0625rem hsl(var(--color-border));padding-block-start:1rem;margin-block-start:.5rem}}.upload-file-box-title{color:hsl(var(--p-title-color));vertical-align:baseline}.upload-file-box-title+*,.upload-file-box-title+* *,.upload-file-box-title+* [class*=icon]:before{vertical-align:baseline}.upload-file-box-info,.upload-file-box-name{color:hsl(var(--p-info-text))}.upload-file-box-size{color:hsl(var(--p-file-size))}.upload-file-box-size:before{content:"("}.upload-file-box-size:after{content:")"}.upload-file-box-image{--p-size: 3rem;--p-image-color: var(--color-neutral-60);--p-bg-color: var(--color-neutral-5);--p-border-color: var(--color-neutral-15);color:hsl(var(--p-image-color));background-color:hsl(var(--p-bg-color));border:solid .0625rem hsl(var(--p-border-color));display:grid;place-content:center;align-self:center;flex-shrink:0;inline-size:var(--p-size);block-size:var(--p-size);min-inline-size:0;border-radius:var(--border-radius-circular)}@media(max-width:767.99px){.upload-file-box-image{--p-size: 2.5rem}}.theme-dark .upload-file-box-image{--p-image-color: var(--color-neutral-60);--p-bg-color: var(--color-neutral-90);--p-border-color: var(--color-neutral-80)}.upload-file-box .icon-document{color:hsl(var(--p-icon-file));margin-inline-end:.5rem}@media(max-width:767.99px){.upload-file-box{gap:.5rem}.upload-file-box-list{grid-column:span 2}}@media(min-width:768px){.upload-file-box-list{grid-column:2}}.theme-dark .upload-file-box{--p-title-color: var(--color-neutral-5);--p-info-text: var(--color-neutral-20)}.file-preview{--p-file-preview-text-color: var(--color-neutral-20);--p-file-preview-bg-color: var(--color-neutral-0);--p-file-preview-border-color: var(--color-neutral-5);position:relative;display:grid;place-content:center;inline-size:12.8125rem;aspect-ratio:16/10;gap:.5rem;color:hsl(var(--p-file-preview-text-color));background-color:hsl(var(--p-file-preview-bg-color));border:solid .0625rem hsl(var(--p-file-preview-border-color));border-radius:var(--border-radius-small);overflow:hidden}.file-preview:where(:focus,:hover) .file-preview-image{opacity:1}.file-preview-image{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:.65;transition:opacity var(--transition)}.file-preview-image img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.file-preview-content{position:relative;display:grid;gap:.5rem;justify-items:center}.file-preview.is-with-image{border-width:0}.file-preview.is-full-cover-image{place-content:revert}.theme-dark .file-preview{--p-file-preview-text-color: var(--color-neutral-20);--p-file-preview-bg-color: var(--color-neutral-90);--p-file-preview-border-color: var(--color-neutral-85)}.grid-item-1{--small-title-color: var(--color-neutral-20);display:grid;grid-template-areas:"start-start start-end" "end-start end-end";grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:1rem;row-gap:3rem;block-size:100%}.grid-item-1-start-start{grid-area:start-start}.grid-item-1-start-end{grid-area:start-end}.grid-item-1-end-start{grid-area:end-start;justify-content:end;align-self:end}.grid-item-1-end-end{grid-area:end-end;display:flex;justify-content:end;align-items:end}.grid-item-1 .eyebrow-heading-3{color:hsl(var(--small-title-color))}.grid-item-1 .icons{line-height:1}.grid-item-1 .icons [class*=icon]:before{vertical-align:sub}.pagination{--button-size: 2rem;display:flex;gap:1.25rem}.pagination-list{display:flex;gap:.5rem}.pagination .button{flex-shrink:0;padding-inline:.75rem}.pagination .button [class*=icon]{transform:scaleX(var(--transform-direction))}.pagination .button [class*=icon]:before{vertical-align:middle}.pagination .button:where(:not(.is-text)){--p-text-color-disabled: var(--color-neutral-90)}.theme-dark .pagination .button:where(:not(.is-text)){--p-text-color-disabled: var(--color-neutral-20)}.pagination.is-center{justify-content:center}.pagination.is-end{justify-content:flex-end}.steps{--p-step-bullet-icon-color: var(--color-neutral-0);--p-step-bullet-content-color: var(--color-neutral-0);--p-step-bullet-padding-color: var(--color-neutral-0);--p-step-bullet-border-color: var(--color-neutral-20);--p-step-bullet-sep-color: var(--color-neutral-20);--p-step-bullet-icon-color-done: var(--color-neutral-0);--p-step-bullet-content-color-done: var(--color-neutral-20);--p-step-bullet-padding-color-done: var(--color-neutral-20);--p-step-bullet-content-color-current: var(--color-primary-100);--p-step-bullet-border-color-current: var(--color-primary-100);--p-step-text-color: var(--color-neutral-60);--p-step-text-color-done: var(--color-neutral-50);--p-step-text-color-current: var(--color-primary-100);--p-substep-text-color: var(--color-neutral-50);--p-substep-text-color-done: var(--color-neutral-50);--p-substep-text-color-current: var(--color-neutral-80);display:grid}.steps-item{position:relative;font-size:var(--font-size-1);color:hsl(var(--p-step-text-color))}.steps-item [class*=heading]{margin-block-start:.75rem;margin-block-end:1.5rem}.steps-item .bullet{position:relative;inline-size:1.5rem;block-size:1.5rem}.steps-item .bullet .icon-check{text-align:center;line-height:1.5rem;color:hsl(var(--p-step-bullet-icon-color))}.steps-item .bullet:before{content:"";display:block;inline-size:1.5rem;block-size:1.5rem;flex-shrink:0;background-color:hsl(var(--p-step-bullet-content-color));border:solid .375rem hsl(var(--p-step-bullet-padding-color));box-shadow:0 0 0 .0625rem hsl(var(--p-step-bullet-border-color));border-radius:var(--border-radius-circular)}.steps-item .bullet.is-done{--p-step-bullet-icon-color: var( --p-step-bullet-icon-color-done );--p-step-bullet-content-color: var( --p-step-bullet-content-color-done );--p-step-bullet-padding-color: var( --p-step-bullet-padding-color-done );--p-step-text-color: var(--p-step-text-color-done)}.steps-item .bullet.is-done:before{line-height:.9;text-indent:-.0625rem}.steps-item .bullet.is-done .icon-check{position:absolute;inset:0}.steps-item .bullet.is-current{--p-step-bullet-content-color: var( --p-step-bullet-content-color-current );--p-step-bullet-border-color: var( --p-step-bullet-border-color-current );--p-step-text-color: var(--p-step-text-color-current)}.steps-item-content{line-height:1.5}.steps-item-wrapper{position:relative;display:flex;gap:1.5rem;min-block-size:4.5rem}.steps-item-wrapper:after{content:"";display:block;inline-size:.0625rem;position:absolute;inset-block-start:35px;inset-block-end:8px;inset-inline-start:.71875rem;background-color:hsl(var(--p-step-bullet-sep-color))}.steps-item:last-child{min-block-size:0}.steps-item:last-child .steps-item-wrapper:after{display:none}.steps-item.is-disabled{opacity:.38}.steps-sub{display:grid;gap:1rem;padding-block:1rem;font-size:var(--font-size-0)}.steps-sub-item{color:hsl(var(--p-substep-text-color))}.steps-sub-item.is-done{--p-substep-text-color: var(--p-substep-text-color-done)}.steps-sub-item.is-current{--p-substep-text-color: var(--p-substep-text-color-current)}.theme-dark .steps{--p-step-bullet-content-color: var(--color-neutral-100);--p-step-bullet-padding-color: var(--color-neutral-100);--p-step-bullet-border-color: var(--color-neutral-60);--p-step-bullet-sep-color: var(--color-neutral-60);--p-step-bullet-content-color-done: var(--color-neutral-50);--p-step-bullet-padding-color-done: var(--color-neutral-50);--p-step-text-color: var(--color-neutral-15);--p-step-text-color-done: var(--color-neutral-50);--p-step-text-color-current: var(--color-primary-100);--p-substep-text-color: var(--color-neutral-60);--p-substep-text-color-done: var(--color-neutral-60);--p-substep-text-color-current: var(--color-neutral-20)}.buttons-list{display:flex;--p-button-list-border-color: var(--color-neutral-15)}.buttons-list-item{position:relative}.buttons-list-item:nth-child(n+2){border-inline-start:solid .0625rem rgba(0,0,0,0)}.buttons-list-item:nth-child(n+2):before{content:"";display:block;position:absolute;inset-inline-start:0;inset-block:0;margin-block:auto;inline-size:.0625rem;block-size:75%;background-color:hsl(var(--p-button-list-border-color))}.buttons-list.is-with-padding .buttons-list-item{padding-inline:.75rem}.buttons-list.is-with-padding .buttons-list-item:first-child{padding-inline-start:0}.buttons-list.is-with-padding .buttons-list-item:last-child{padding-inline-end:0}.theme-dark .buttons-list{--p-button-list-border-color: var(--color-neutral-80)}.toggle-button{--p-icon-toggle-bg-color: var(--color-neutral-0);--p-icon-toggle-border-color: var(--color-neutral-15);--p-icon-text-color: var(--p-icon-text-color-default);--p-icon-text-color-default: var(--color-neutral-60);--p-icon-text-color-didabled: var(--color-neutral-20);--p-button-color: var(--p-button-color-default);--p-button-color-default: var(--transparent);--p-button-color-selected: var(--color-neutral-10);background-color:hsl(var(--p-icon-toggle-bg-color))}.toggle-button-list{display:flex;gap:.5rem;padding:.125rem;border:solid .0625rem hsl(var(--p-icon-toggle-border-color));border-radius:var(--border-radius-xsmall)}.toggle-button-element{display:grid;place-content:center;inline-size:2.25rem;block-size:2.25rem;background-color:hsl(var(--p-button-color));color:hsl(var(--p-icon-text-color));border-radius:var(--border-radius-xsmall)}.toggle-button-element.is-selected{--p-button-color: var(--p-button-color-selected)}.toggle-button-element:disabled,.toggle-button-element .is-disabled{--p-icon-text-color: var(--p-icon-text-color-didabled);cursor:initial}.theme-dark .toggle-button{--p-icon-toggle-bg-color: var(--color-neutral-90);--p-icon-toggle-border-color: var(--color-neutral-80);--p-icon-text-color-default: var(--color-neutral-20);--p-icon-text-color-didabled: var(--color-neutral-70);--p-button-color-selected: var(--color-neutral-80)}.clickable-list{--p-clickable-button-bg-color-hover: var(--color-neutral-10);--p-clickable-title-text-color: var(--color-neutral-60);--p-clickable-desc-text-color: var(--color-neutral-50);--p-clickable-sep-color: var(--color-neutral-20);--color-border: var(--color-neutral-15)}.clickable-list-item{padding-block:.25rem;-webkit-user-select:none;user-select:none}.clickable-list-item:not(:last-child){border-block-end:solid .0625rem hsl(var(--color-border))}.clickable-list-button{display:block;padding-block:.5rem;padding-inline:1rem;border-radius:var(--border-radius-small)}.clickable-list-button:hover,.clickable-list-button:focus{background-color:hsl(var(--p-clickable-button-bg-color-hover))}.clickable-list-title{color:hsl(var(--p-clickable-title-text-color))}.clickable-list-title-sep{color:hsl(var(--p-clickable-sep-color));margin-inline:.25rem}.clickable-list-desc{color:hsl(var(--p-clickable-desc-text-color));font-size:var(--font-size-00)}.theme-dark .clickable-list{--p-clickable-button-bg-color-hover: var(--color-neutral-85);--p-clickable-title-text-color: var(--color-neutral-10);--p-clickable-desc-text-color: var(--color-neutral-20);--p-clickable-sep-color: var(--color-neutral-80);--color-border: var(--color-neutral-80)}.progress-bar{--p-graph-bg-color: var(--color-neutral-15);--p-graph-color-fill: var(--color-information-100);--p-graph-color-warning: var(--color-warning-100);--p-graph-color-danger: var(--color-danger-100);--p-graph-icon-color: var(--color-neutral-50);--p-graph-text-color: var(--color-neutral-60);--p-graph-used-text-color: var(--color-neutral-70);--p-graph-max-text-color: var(--color-neutral-50);display:flex;flex-direction:column;gap:.5rem;-webkit-user-select:none;user-select:none}.progress-bar-container{display:flex;block-size:.5rem;border-radius:var(--border-radius-xsmall);background-color:hsl(var(--p-graph-bg-color))}.progress-bar-container:before{content:"";display:block;block-size:100%;flex-basis:var(--graph-size, 0);border-radius:inherit;inline-size:var(--graph-size);background-color:hsl(var(--p-graph-color-fill))}.progress-bar-container.is-warning{--p-graph-color-fill: var(--p-graph-color-warning)}.progress-bar-container.is-danger{--p-graph-color-fill: var(--p-graph-color-danger)}.progress-bar-top-line{color:hsl(var(--p-graph-text-color))}.progress-bar-top-line [class*=icon]{color:hsl(var(--p-graph-icon-color))}.progress-bar-text-used{color:hsl(var(--p-graph-used-text-color))}.progress-bar-text-max{color:hsl(var(--p-graph-max-text-color))}.theme-dark .progress-bar{--p-graph-bg-color: var(--color-neutral-85);--p-graph-icon-color: var(--color-neutral-20);--p-graph-text-color: var(--color-neutral-20);--p-graph-used-text-color: var(--color-neutral-20)}.top-cover{--p-cover-bg-color: var(--color-neutral-0);--p-cover-border-color: var(--color-border);background-color:hsl(var(--p-cover-bg-color));display:flex;flex-direction:column;min-block-size:11.625rem;border-block-end:solid .0625rem hsl(var(--p-cover-border-color))}.top-cover :where(.container){flex:1;display:flex;flex-direction:column}.top-cover :where(.container) .tabs{margin-block-start:auto;margin-block-end:calc(var(--p-container-padding-block)*-1)}@media(min-width:1199px){.top-cover [class*=heading-level-]{position:relative}.top-cover [class*=heading-level-] .button{position:absolute;inset-inline-start:0;transform:translate(calc(-100% * var(--transform-direction))) scaleX(var(--transform-direction))}}.theme-dark .top-cover{--p-cover-bg-color: var(--color-neutral-100)}.code-panel{--p-code-panel-header: var(--color-neutral-5);--p-code-panel-border-color: var(--color-neutral-15);--p-code-panel-content: var(--color-neutral-0);display:flex;flex-direction:column;block-size:100%;flex-shrink:0;overflow:hidden;border:solid .0625rem hsl(var(--p-code-panel-border-color));border-radius:var(--border-radius-xsmall)}.code-panel-header{display:flex;padding:1rem;background-color:hsl(var(--p-code-panel-header));border-block-end:solid .0625rem hsl(var(--p-code-panel-border-color))}.code-panel-content{flex:1;padding:1.5rem;overflow:auto;background-color:hsl(var(--p-code-panel-content))}.theme-dark .code-panel{--p-code-panel-header: var(--color-neutral-100);--p-code-panel-border-color: var(--color-neutral-85);--p-code-panel-content: var(--color-neutral-200);--p-code-panel-text-color: var(--color-neutral-5)}.code-panel-header:has(.code-panel-tabs){align-items:center;gap:.75rem}.code-panel-tabs .tabs-list{gap:.25rem;margin-block-end:0}.code-panel-tabs .tabs-button{block-size:1.5rem;border-width:.125rem;padding-block:0;padding-inline:0}.code-panel-tabs .tabs-button .text{padding-inline:.5rem}.code-panel-tabs .tabs-button:before{inset-block-end:-.125rem}.code-panel{--p-code-token-attr-name: 36 87% 34%;--p-code-token-attr-value: 75 100% 23%;--p-code-token-class-name: 205 77% 36%;--p-code-token-comment: 210 8% 44%;--p-code-token-constant: 325 100% 34%;--p-code-token-function: 36 87% 34%;--p-code-token-keyword: 32 92% 36%;--p-code-token-number: 325 100% 34%;--p-code-token-operator: 20 79% 40%;--p-code-token-property: 36 87% 34%;--p-code-token-punctuation: 210 5% 38%;--p-code-token-regex: 160 48% 29%;--p-code-token-string: 75 100% 23%;--p-code-token-tag: 195 60% 34%;--p-code-token-variable: 325 100% 34%}.theme-dark .code-panel{--p-code-panel-content: var(--color-neutral-90);--p-code-token-attr-name: 34 100% 67%;--p-code-token-attr-value: 80 65% 57%;--p-code-token-class-name: 202 100% 67%;--p-code-token-comment: 210 11% 56%;--p-code-token-constant: 325 100% 74%;--p-code-token-function: 34 100% 67%;--p-code-token-keyword: 32 92% 60%;--p-code-token-number: 325 100% 74%;--p-code-token-operator: 21 77% 71%;--p-code-token-property: 41 75% 61%;--p-code-token-punctuation: 43 7% 73%;--p-code-token-regex: 160 62% 74%;--p-code-token-string: 80 65% 57%;--p-code-token-tag: 195 77% 56%;--p-code-token-variable: 325 100% 74%}.code-token.is-attr-name{color:hsl(var(--p-code-token-attr-name))}.code-token.is-attr-value{color:hsl(var(--p-code-token-attr-value))}.code-token.is-class-name{color:hsl(var(--p-code-token-class-name))}.code-token.is-comment{color:hsl(var(--p-code-token-comment));font-style:italic}.code-token.is-constant{color:hsl(var(--p-code-token-constant))}.code-token.is-function{color:hsl(var(--p-code-token-function))}.code-token.is-keyword{color:hsl(var(--p-code-token-keyword))}.code-token.is-number{color:hsl(var(--p-code-token-number))}.code-token.is-operator{color:hsl(var(--p-code-token-operator))}.code-token.is-property{color:hsl(var(--p-code-token-property))}.code-token.is-punctuation{color:hsl(var(--p-code-token-punctuation))}.code-token.is-regex{color:hsl(var(--p-code-token-regex))}.code-token.is-string{color:hsl(var(--p-code-token-string))}.code-token.is-tag{color:hsl(var(--p-code-token-tag))}.code-token.is-variable{color:hsl(var(--p-code-token-variable))}.tab-text-editor{--p-tab-text-editor-bg-color: var(--color-neutral-0);background-color:hsl(var(--p-tab-text-editor-bg-color));border:solid .0625rem hsl(var(--color-border));border-radius:var(--border-radius-small)}.tab-text-editor-nav{padding:.5rem;border-block-end:solid .0625rem hsl(var(--color-border))}.tab-text-editor-content-box{position:relative}.tab-text-editor-content{padding:.75rem;block-size:12.5rem;overflow:auto;border-width:0;font-family:var(--code-font)}.tab-text-editor-options{opacity:0;transition:var(--transition);padding-inline-end:.5rem;padding-block-end:.5rem;position:absolute;inset-inline-end:0;inset-block-end:0;background:linear-gradient(315deg,hsl(var(--p-tab-text-editor-bg-color)) 35%,hsl(var(--p-tab-text-editor-bg-color)/0))}.tab-text-editor-options>*{filter:none}.tab-text-editor:where(:focus-within,:hover,:focus) .tab-text-editor-options{opacity:1}.theme-dark .tab-text-editor{--p-tab-text-editor-bg-color: var(--color-neutral-100)}.top-banner{position:relative;overflow:hidden;display:flex;justify-content:center;padding-block:.3125rem;padding-inline:.75rem}.top-banner-bg{position:absolute;inset:0;block-size:60px;inline-size:100%}.top-banner-bg svg,.top-banner-bg img{animation:rotate 7s infinite linear;inline-size:100vw;filter:blur(8px);max-inline-size:none;max-block-size:none}@media(prefers-reduced-motion){.top-banner-bg svg,.top-banner-bg img{animation:none}}.top-banner-bg-1{position:absolute;inset-inline-start:0;inset-block-start:0;transform:translate(-60%) translateY(-35%);inline-size:100vw}.top-banner-bg-2{position:absolute;inset-inline-end:0;inset-block-start:0;transform:translate(55%) translateY(-50%);inline-size:100vw}.top-banner-content{position:relative;z-index:1;line-height:3.125rem;transition:var(--transition)}.top-banner-button{position:absolute;inset-block:0;inset-inline-end:.75rem}[data-banner-hidden] .top-banner{display:none}@media(max-width:767.99px){.top-banner{inline-size:100%;padding:1rem}.top-banner-content{display:flex;flex-direction:column;inline-size:100%;line-height:1.5;transition:var(--transition)}.top-banner-button{position:static;line-height:1;align-self:end;order:-1;margin-block-start:-4px;margin-inline-end:-5px;margin-block-end:.5rem}}:root{--main-header-height: 4rem}.main-header{--p-main-header-bg-color: var(--color-neutral-0);--p-main-header-border-color: var(--color-border);display:flex;align-items:center;gap:1.5rem;block-size:var(--main-header-height);padding-inline:1.5rem;background-color:hsl(var(--p-main-header-bg-color));border-block-end:solid .0625rem hsl(var(--p-main-header-border-color));-webkit-user-select:none;user-select:none}.main-header>*{min-inline-size:0}.main-header-end{flex-shrink:0;display:flex;align-items:center;block-size:100%;gap:1.5rem}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.main-header .drop{position:fixed;z-index:5;inset-block-start:var(--main-header-height);inset-inline:0;inline-size:100%;max-inline-size:none}}.theme-dark .main-header{--p-main-header-bg-color: var(--color-neutral-105)}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.main-header{gap:.5rem;padding-inline-start:.5rem}.main-header .logo{margin-inline-end:auto}.main-header .user-profile .drop{max-inline-size:initial}.main-header .user-profile .drop-wrapper{position:static}.main-header #Support{inset-block-end:0;overflow:auto;border-start-start-radius:0;border-start-end-radius:0}}@media(min-width:1199px){.main-header-end{margin-inline-start:auto}.main-header .user-profile-button+.drop{border-start-start-radius:0;border-start-end-radius:0;inset-inline:-.0625rem 0;inset-block-start:100%}.main-header #Support{margin-block-start:.125rem}.main-header #Support.drop:before,.main-header #Support.drop:after{inset-block-start:-.4375rem}.main-header #Support.drop:before{inline-size:1rem}.main-header #Support.drop:after{inline-size:1.0625rem}}.breadcrumbs{--p-text-color: var(--color-neutral-50);--p-text-color-current: var(--color-neutral-80);color:hsl(var(--p-text-color));-webkit-user-select:none;user-select:none}.breadcrumbs-list{display:flex}.breadcrumbs-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;flex-shrink:0;text-transform:capitalize}.breadcrumbs-item>*{padding-inline:1rem}.breadcrumbs-item:before{content:"/";color:hsl(var(--p-text-color))}.breadcrumbs-item:last-child{color:hsl(var(--p-text-color-current));flex-shrink:1}.theme-dark .breadcrumbs{--p-text-color: var(--color-neutral-20);--p-text-color-current: var(--color-neutral-5)}.user-profile{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;row-gap:.75rem}.user-profile-sep{grid-column:span 2;border-block-start:solid .0625rem hsl(var(--color-border))}.user-profile-button{--p-name-color-text: var(--color-neutral-60);--p-title-color-text: var(--color-neutral-50);--p-icon-color: var(--color-neutral-20);position:relative;z-index:2;display:flex;block-size:100%;align-items:center;padding-inline:1.5rem;gap:.75rem;background-color:hsl(var(--p-main-header-bg-color))}.user-profile-button>*{flex-shrink:0}.user-profile-button [class*=icon]{font-size:var(--icon-size-medium);color:hsl(var(--p-icon-color));transition:var(--transition)}.user-profile-button.is-open [class*=icon]{transform:rotate(180deg)}.theme-dark .user-profile-button{--p-name-color-text: var(--color-neutral-5);--p-title-color-text: var(--color-neutral-20);--p-icon-color: var(--color-neutral-20)}.user-profile-info{flex:1;font-size:var(--font-size-0);line-height:1.35}.user-profile-info>.text,.user-profile-info>.name,.user-profile-info>.title{display:block}.user-profile-info .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:hsl(var(--p-name-color-text))}.user-profile-info .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:hsl(var(--p-title-color-text))}@media(min-width:1199px){.user-profile{border-inline-start:solid .0625rem hsl(var(--p-main-header-border-color))}.user-profile-button{min-inline-size:15rem}}.side-nav{--p-side-nav-bg-color: var(--color-neutral-0);--p-side-nav-border-color: var(--color-border);--p-side-nav-header-text-color: var(--color-neutral-50);background-color:hsl(var(--p-side-nav-bg-color));border-inline-end:solid .0625rem hsl(var(--p-side-nav-border-color))}.side-nav-level-1,.side-nav-level-2{display:flex;flex-direction:column}.side-nav-level-1{position:relative;transition:var(--transition)}@media(min-width:1199px){.side-nav-level-1.is-narrow{inline-size:4.5rem}.side-nav-level-1.is-narrow .drop-section{padding-inline-end:1rem}}.side-nav-level-2{display:none;border-inline-start:solid .0625rem hsl(var(--color-border))}.side-nav-level-2.is-open{display:flex}.side-nav-main{flex:1;overflow-y:auto}.side-nav-main::-webkit-scrollbar{opacity:.7;width:.5rem;height:.5rem}.side-nav-main::-webkit-scrollbar-track{border-radius:.25rem;margin-right:.5rem}.side-nav-main::-webkit-scrollbar-thumb{border-radius:.25rem;background:hsl(var(--scroll-color))}.side-nav-main::-webkit-scrollbar-corner{background:hsl(var(--scroll-color));border-radius:.375rem}.side-nav-main{scrollbar-gutter:initial;overflow:overlay;overflow-x:hidden}.side-nav-main:not(:hover)::-webkit-scrollbar-thumb{background:hsl(var(--transparent))}.side-nav-main:not(:hover)::-webkit-scrollbar-corner{background:hsl(var(--transparent))}.side-nav .drop-section{--section-padding-horizontal: 1rem;--section-padding-vertical: 1.5rem}.side-nav .drop-button{--button-padding-horizontal: .75rem;--button-padding-vertical: .5rem;line-height:1.7145}.side-nav .drop-button .text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.side-nav-button{position:absolute;inset-inline-end:-1rem;inset-block-end:1.75rem;display:grid;place-content:center;padding-inline:0;inline-size:2rem;border-radius:var(--border-radius-small)}.side-nav-button .icon-cheveron-right{display:block;transition:var(--transition)}.side-nav-button.is-open .icon-cheveron-right{transform:rotate(180deg)}.side-nav .collapsible-wrapper{padding:0}.side-nav .eyebrow-heading-3{color:var(--p-side-nav-header-text-color)}.theme-dark .side-nav{--p-side-nav-bg-color: var(--color-neutral-105);--p-side-nav-header-text-color: var(--color-neutral-20)}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.side-nav.is-mobile-center .drop-list-item{display:flex;justify-content:center}.side-nav.is-mobile-center .drop-button{justify-content:center}.side-nav.is-mobile-center .drop-button [class*=icon]{display:none}.side-nav .side-nav-level-1{display:block}.side-nav .side-nav-level-2,.side-nav.is-open-level-2 .side-nav-level-1{display:none}.side-nav.is-open-level-2 .side-nav-level-2{display:block}}@media(min-width:1199px){.side-nav{display:flex;block-size:100%}.side-nav-level-1,.side-nav-level-2{inline-size:12.5rem}.side-nav .drop-section{margin-inline:0}}.side-nav .collapsible-button{padding-inline:.75rem}.main-footer{display:flex;flex-wrap:wrap;padding-block:1rem;border-block-start:solid .0625rem hsl(var(--color-border));margin-inline:2rem;margin-block-start:2rem;font-size:var(--font-size-00)}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.main-footer{gap:1rem}.main-footer-start{margin-inline-end:auto}}@media(min-width:1199px){.main-footer{display:flex;flex-direction:row-reverse;justify-content:space-between}}}@layer grids{.grid-with-side{position:relative;--p-side-size: 12.5rem}.grid-with-side>:where(.alert){grid-area:alert}.grid-with-side>:where(.top-banner){grid-area:alert}.grid-with-side>:where(.main-header){grid-area:header}.grid-with-side>:where(.main-side){grid-area:side}.grid-with-side>:where(.main-content){grid-area:main}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.grid-with-side .main-side{display:none;max-block-size:none}.grid-with-side:where(.is-open) .main-side{display:block;position:static}.grid-with-side:where(.is-open) .main-content{display:none}}@media(min-width:1199px){.grid-with-side{display:grid;grid-template-columns:minmax(var(--p-side-size),auto) 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"alert alert" "header header" "side main"}.grid-with-side>.main-content{max-inline-size:calc(100vw - var(--p-side-size))}.grid-with-side.is-fixed-layout{block-size:100vh;block-size:100lvh;max-block-size:100vh;max-block-size:100lvh}.grid-with-side.is-fixed-layout .main-side{block-size:auto}.grid-with-side.is-fixed-layout .main-content{overflow:auto}.grid-with-side.is-empty-side{grid-template-areas:"header header" "main main"}.grid-with-side.is-empty-side .main-side{block-size:unset}.grid-with-side.is-empty-side .main-content>*{padding-inline-start:var(--p-side-size)}.grid-with-side .main-side{block-size:calc(100vh - var(--main-header-height))}}@media(min-width:1199px){.is-fixed-alert-layout{display:flex;flex-direction:column;block-size:100vh;block-size:100lvh;max-block-size:100vh;max-block-size:100lvh}.is-fixed-alert-layout .main-content{overflow:auto;flex:1}}.main-content{position:relative;display:flex;flex-direction:column;flex:1}.main-content>*{flex-shrink:0}.main-header{position:sticky;z-index:5;inset-block-start:0}.main-side{position:sticky;z-index:5;inset-block-start:var(--main-header-height);max-block-size:100vh;overflow:hidden}.grid-box{--p-grid-gap: var(--grid-gap, 1.5rem);--p-grid-item-size: var(--grid-item-size, 13.125rem);--p-grid-item-size-small-screens: var( --grid-item-size-small-screens, 13.125rem );display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--p-grid-item-size),1fr));grid-auto-rows:1fr;gap:var(--p-grid-gap);flex-shrink:0}@media(max-width:767.99px){.grid-box{--p-grid-item-size: var(--p-grid-item-size-small-screens)}}.grid-header{gap:1.5rem}@media(max-width:767.99px){.grid-header{display:grid;grid-template-columns:auto auto;grid-template-areas:"col-1 col-2" "col-3 col-4"}.grid-header-col-1{grid-area:col-1}.grid-header-col-2{grid-area:col-2;justify-self:end}.grid-header-col-3{grid-area:col-3;justify-self:start}.grid-header-col-4{grid-area:col-4;justify-self:end}}@media(min-width:768px)and (max-width:1198.99px),(min-width:1199px){.grid-header{display:flex;justify-content:space-between}}.grid-code{display:grid;grid-template-columns:auto 1fr;grid-auto-rows:auto;column-gap:.5rem;align-content:start;font-family:var(--code-font);counter-reset:lineNumbers}.grid-code-line-number{color:hsl(var(--color-neutral-50))}.grid-code-line-number:before{counter-increment:lineNumbers;content:counter(lineNumbers)}.grid-1-1{display:grid}.grid-1-1.is-full-page{--p-side-1-color: var(--color-neutral-5);--p-side-2-color: var(--color-neutral-0)}.theme-dark .grid-1-1.is-full-page{--p-side-1-color: var(--color-neutral-90);--p-side-2-color: var(--color-neutral-105)}@media(max-width:767.99px){.grid-1-1.is-full-page{grid-template-rows:auto 1fr;min-block-size:100vh;min-block-size:100dvh;background-color:hsl(var(--p-side-2-color))}.grid-1-1.is-full-page .grid-1-1-col-2 .container{--container-padding-block: 0rem}.grid-1-1.is-full-page .grid-1-1-col-1 .container{--container-padding-block: 1rem}}@media(min-width:768px){.grid-1-1.is-full-page .grid-1-1-col-1{background-color:hsl(var(--p-side-1-color))}.grid-1-1.is-full-page .grid-1-1-col-2{background-color:hsl(var(--p-side-2-color))}.grid-1-1.is-full-page .grid-1-1-col-2>.container{block-size:100vh;block-size:100lvh}}@media(min-width:768px){.grid-1-1{grid-template-columns:repeat(2,1fr)}}.grid-1-2{display:grid;row-gap:2rem}@media(min-width:768px){.grid-1-2{grid-template-columns:1fr 1.5fr;column-gap:6.25rem}}.grid-2-1{--p-gap: 1rem;--p-gap-mobile: var(--p-gap);display:grid;gap:var(--p-gap)}@media(max-width:767.99px){.grid-2-1{gap:var(--p-gap-mobile)}}@media(min-width:768px){.grid-2-1{grid-template-columns:2fr 1fr}}.grid-300px-1fr{display:grid;gap:2rem}@media(min-width:1199px){.grid-300px-1fr{grid-template-columns:18.75rem 1fr}}.grid-dashboard-1s-2m-6l{display:grid;gap:1.5rem}@media(min-width:768px)and (max-width:1198.99px){.grid-dashboard-1s-2m-6l{grid-template-columns:repeat(2,1fr)}.grid-dashboard-1s-2m-6l .is-2-columns-medium-screen{grid-column:span 2}}@media(min-width:1199px){.grid-dashboard-1s-2m-6l{grid-template-columns:repeat(6,1fr)}.grid-dashboard-1s-2m-6l .is-2-columns-large-screen{grid-column:span 2}.grid-dashboard-1s-2m-6l .is-3-columns-large-screen{grid-column:span 3}.grid-dashboard-1s-2m-6l .is-location-row-2-end-large-screen{grid-row-start:2;grid-column-end:-1}.grid-dashboard-1s-2m-6l .is-2-rows-large-screen{grid-row-end:span 2}}.wizard{--p-header-color: var(--color-neutral-0);--p-start-color: var(--color-neutral-5);--p-end-color: var(--color-neutral-0);--p-header-height: 4rem}.wizard-header-strip{background-color:hsl(var(--p-header-color));border-block-end:solid .0625rem hsl(var(--color-border))}.wizard-end-bg{background-color:hsl(var(--p-end-color))}.wizard-header,.wizard-side,.wizard-main{padding-inline:2rem}.wizard-header-strip{position:sticky;z-index:2;inset-block-start:0}.wizard-header{position:sticky;z-index:2;inset-block-start:0;display:flex;align-items:center;gap:.75rem}.wizard-side{align-self:start}.wizard-media{display:grid;justify-content:center;align-items:end;position:relative}.wizard-media>*{position:sticky;inset-inline:2rem;inset-block-end:2rem;margin-inline:auto;max-inline-size:calc(100% - 64px);max-block-size:320px}@media(max-height:860px){.wizard-media{display:none}}.wizard-main{display:flex;flex-direction:column;padding-block-start:2.5rem;padding-inline:2.5rem;min-inline-size:0}.wizard .form{block-size:100%;max-block-size:100%}.wizard .form-footer{position:sticky;inset-block-end:0;background-color:hsl(var(--p-end-color))}@media(max-width:767.99px){.wizard{display:grid;grid-template-rows:var(--p-header-height);min-block-size:100dvh}.wizard-header-strip,.wizard-header{padding-inline:1rem;grid-row:1;grid-column:1}.wizard .form-footer{padding-inline:2.5rem;margin-inline:-1rem}.wizard-side{display:none;padding:1rem}.wizard-side.is-shown-mobile{display:block}.wizard-main{padding:1rem;padding-block-end:0;background-color:hsl(var(--p-end-color))}.wizard-media,.wizard-start-bg,.wizard-end-bg{display:none}}@media(min-width:768px){.wizard{display:grid;grid-template-columns:1fr minmax(15rem,20.625rem) minmax(0rem,6.25rem) minmax(30rem,46.875rem) 1fr;grid-auto-rows:var(--p-header-height) auto 1fr;min-block-size:100vh}.wizard.is-no-gap-middle{grid-template-columns:1fr minmax(15rem,20.625rem) 0 minmax(30rem,46.875rem) 1fr}.wizard-side{position:sticky;z-index:2;inset-block-start:var(--p-header-height);padding-block-start:3.375rem}.wizard-header-strip{grid-row:1;grid-column:1/-1}.wizard-start-bg{grid-row:2/4;grid-column:1/3;background-color:hsl(var(--p-start-color));border-inline-end:solid .0625rem hsl(var(--color-border))}.wizard-end-bg{grid-row:2/4;grid-column:3/6}.wizard-header{grid-row:1;grid-column:2/5}.wizard-side{grid-row:2;grid-column:2}.wizard-main{grid-row:2/4;grid-column:4}.wizard-media{grid-row:3;grid-column:1/3}.wizard.is-full-center-layout .wizard-container{grid-column:2/5;padding-inline:2rem}}.theme-dark .wizard{--p-header-color: var(--color-neutral-105);--p-start-color: var(--color-neutral-100);--p-end-color: var(--color-neutral-90)}.wizard-secondary{--wizard-aecondary-bg-color: var(--color-neutral-0);display:block;min-block-size:100dvh;padding-inline:2rem;background-color:hsl(var(--wizard-aecondary-bg-color))}.wizard-secondary-container{max-inline-size:75rem;margin-inline:auto}.wizard-secondary-header{position:sticky;z-index:1;inset-block-start:0;display:flex;flex-direction:column;gap:1rem;padding-block-start:2rem;padding-block-end:1rem;background-color:hsl(var(--wizard-aecondary-bg-color))}.wizard-secondary-content{display:flex;gap:2rem;padding-block-start:1rem}.wizard-secondary-content-sep{flex-basis:.0625rem;flex-shrink:0;background-color:hsl(var(--color-border))}.wizard-secondary-options{position:sticky;inset-block-end:0;display:flex;gap:1rem;justify-content:space-between;padding-block:2rem;border-block-start:solid .0625rem hsl(var(--color-border));margin-block-start:2rem;background-color:hsl(var(--wizard-aecondary-bg-color))}.wizard-secondary-options-start,.wizard-secondary-options-end{display:flex;gap:1rem}.theme-dark .wizard-secondary{--wizard-aecondary-bg-color: var(--color-neutral-90)}@media(max-width:767.99px){.wizard-secondary-options,.wizard-secondary-options-start,.wizard-secondary-options-end{flex-direction:column-reverse}}@media(max-width:1127.99px){.wizard-secondary-content{flex-direction:column}}@media(min-width:1128px){.wizard-secondary-content-1{flex:2.25}.wizard-secondary-content-2{flex:1}.wizard-secondary-content-sticky{position:sticky;inset-block-start:9.6875rem}}.cover-frame{--p-cover-frame-bg-header: var(--transparent);display:flex;flex-direction:column;block-size:100vh;block-size:100lvh}.cover-frame-header{padding-inline:2rem;padding-block:1.25rem;border-block-end:solid .0625rem hsl(var(--color-border));background-color:hsl(var(--p-cover-frame-bg-header))}.cover-frame-content{flex:1;padding:2rem;overflow:hidden}.cover-frame.is-color-header{--p-cover-frame-bg-header: var(--color-neutral-0)}.theme-dark .cover-frame.is-color-header{--p-cover-frame-bg-header: var(--color-neutral-500)}.inner-grid{display:flex;column-gap:2.5rem;row-gap:1.25rem;flex-wrap:wrap}.inner-grid-main{flex-grow:1;flex-basis:36.25rem}.inner-grid-side{flex:1;flex-basis:20rem}.inner-grid-main,.inner-grid-side{display:flex;flex-direction:column;gap:1.25rem}}@layer utilities{.u-hide{display:none!important}.u-opacity-0{opacity:0!important}.u-opacity-20{opacity:.2!important}.u-opacity-50{opacity:.5!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-visible{overflow:visible!important}.u-overflow-x-auto{overflow-x:auto!important}.u-overflow-y-auto{overflow-y:auto!important}.u-direction-ltr{direction:ltr!important}.u-direction-rtl{direction:rtl!important}.u-x-small{font-size:.75rem!important}.u-small{font-size:.875rem!important}.u-medium{font-size:1rem!important}.u-font-size-20{font-size:1.25rem!important}.u-font-size-32{font-size:2rem!important}.u-bold{font-weight:600!important}.u-normal{font-weight:400!important}.u-underline{text-decoration:underline!important}.u-text-start{text-align:start!important}.u-text-center{text-align:center!important}.u-text-end{text-align:end!important}.u-line-height-0-7{line-height:.7!important}.u-line-height-1{line-height:1}.u-line-height-1-25{line-height:1.25}.u-line-height-1-5{line-height:1.5}.u-line-height-2{line-height:2}.u-trim{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.u-trim-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.u-trim-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.u-trim-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.u-trim-start{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;direction:rtl;text-align:left}.u-break-word{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;white-space:initial}.u-break-all{overflow-wrap:break-all;word-wrap:break-all;-ms-word-break:break-all;word-break:break-all;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;white-space:initial}.u-un-break-text{white-space:nowrap!important}.u-capitalize{text-transform:capitalize!important}.u-icon-small{font-size:var(--icon-size-small)!important}.u-font-heading{font-family:var(--heading-font)!important}.u-font-content{font-family:var(--content-font)!important}.u-font-code{font-family:var(--code-font)!important}.u-cursor-pointer{cursor:pointer!important}.u-cursor-text{cursor:text!important}.u-color-text-disabled{color:hsl(var(--color-text-disabled))!important}.u-color-text-offline{color:hsl(var(--color-text-offline))!important}.u-color-text-info{color:hsl(var(--color-text-info))!important}.u-color-text-danger{color:hsl(var(--color-text-danger))!important}.u-color-text-warning{color:hsl(var(--color-text-warning))!important}.u-color-text-success{color:hsl(var(--color-text-success))!important}.u-color-text-gray{color:hsl(var(--color-text-gray))!important}.u-color-text-pink{color:hsl(var(--color-pink-text))!important}:where(body:not(.theme-dark)) .u-color-light-only-text-neutral-70{color:hsl(var(--color-neutral-50))!important}.theme-dark .u-color-dark-only-text-neutral-50{color:hsl(var(--color-neutral-20))!important}.u-position-sticky{--inset-block-start: auto;--inset-block-end: auto;--inset-inline-start: auto;--inset-inline-end: auto;position:sticky;inset-block:var(--inset-block-start) var(--inset-block-end)!important;inset-inline:var(--inset-inline-start) var(--inset-inline-end)!important}.u-position-relative{position:relative!important}.u-position-absolute{position:absolute!important}.u-position-fixed{position:fixed!important}.u-position-static{position:static!important}.u-z-index-0{z-index:0!important}.u-z-index-1{z-index:1!important}.u-z-index-5{z-index:5!important}.u-z-index-10{z-index:10!important}.u-z-index-15{z-index:15!important}.u-z-index-20{z-index:20!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-grid{display:grid!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-contents{display:contents!important}@media(max-width:767.99px){.u-contents-mobile{display:contents!important}}.u-box-sizing-content{box-sizing:content-box!important}.u-sep-inline-start{border-inline-start:solid .0625rem hsl(var(--color-border))!important}.u-sep-block-start{border-block-start:solid .0625rem hsl(var(--color-border))!important}.u-sep-block-end{border-block-end:solid .0625rem hsl(var(--color-border))!important}.u-flex-vertical{display:flex!important;flex-direction:column!important}@media(max-width:767.99px){.u-flex-vertical-mobile{flex-direction:column!important}}.u-flex-wrap{flex-wrap:wrap!important}.u-stretch{flex:1!important}.u-flex-basis-140{flex-basis:8.75rem!important}.u-flex-basis-250{flex-basis:15.625rem!important}.u-flex-basis-500{flex-basis:31.25rem!important}.u-flex-basis-50-percent{flex-basis:50%!important}.u-flex-basis-100-percent{flex-basis:100%!important}.u-flex-shrink-0{flex-shrink:0!important}.u-flex-basis-auto{flex-basis:auto!important}.u-grid-columns-auto-1fr{display:grid;grid-template-columns:auto 1fr}.u-grid-cols-2{display:grid;grid-template-columns:1fr 1fr}.u-grid-equal-row-size{display:grid;grid-auto-rows:1fr;align-items:center}.u-width-fit-content{inline-size:fit-content!important}.u-width-full-line{inline-size:100%!important}.u-width-140{inline-size:8.75rem!important}.u-width-150{inline-size:9.375rem!important}.u-width-200{inline-size:12.5rem!important}.u-width-250{inline-size:15.625rem!important}@media(min-width:1199px){.u-width-280-desktop{inline-size:17.5rem!important}}.u-width-600{inline-size:37.5rem!important}.u-min-width-0{min-inline-size:0!important}.u-min-width-200{min-inline-size:12.5rem!important}.u-min-width-100-percent{min-inline-size:100%!important}.u-max-width-250{max-inline-size:15.625rem!important}.u-max-width-300{max-inline-size:18.75rem!important}.u-max-width-350{max-inline-size:21.875rem!important}.u-max-width-400{max-inline-size:25rem!important}.u-max-width-450{max-inline-size:27.5rem!important}.u-max-width-500{max-inline-size:31.25rem!important}.u-max-width-600{max-inline-size:37.5rem!important}.u-max-width-650{max-inline-size:40.625rem!important}.u-max-width-700{max-inline-size:43.75rem!important}.u-max-width-100-percent{max-inline-size:100%!important}.u-height-100-percent{block-size:100%!important}.u-height-auto{block-size:auto!important}.u-min-height-100{min-block-size:6.25rem!important}.u-min-height-184{min-block-size:11.5rem!important}.u-min-height-100-percent{min-block-size:100%!important}.u-max-height-200{max-block-size:12.5rem!important}.u-full-screen-height{block-size:100vh!important;block-size:100lvh!important}.u-main-start{justify-content:start!important}.u-main-center{justify-content:center!important}.u-main-space-between{justify-content:space-between!important}.u-main-end{justify-content:end!important}.u-cross-start{align-items:start!important}.u-cross-baseline{align-items:baseline!important}.u-cross-center{align-items:center!important}.u-cross-end{align-items:end!important}.u-cross-child-start{align-self:start!important}.u-cross-child-center{align-self:center!important}.u-cross-child-end{align-self:end!important}.u-margin-0{margin:0rem!important}.u-margin-negative-0{margin:-0rem!important}.u-padding-0{padding:0rem!important}.u-inset-0{inset:0rem!important}.u-margin-inline-0{margin-inline:0rem!important}.u-margin-inline-negative-0{margin-inline:-0rem!important}.u-padding-inline-0{padding-inline:0rem!important}.u-inset-inline-0{inset-inline:0rem!important}.u-margin-block-0{margin-block:0rem!important}.u-margin-block-negative-0{margin-block:-0rem!important}.u-padding-block-0{padding-block:0rem!important}.u-inset-block-0{inset-block:0rem!important}.u-margin-inline-start-0{margin-inline-start:0rem!important}.u-margin-inline-start-negative-0{margin-inline-start:-0rem!important}.u-padding-inline-start-0{padding-inline-start:0rem!important}.u-inset-inline-start-0{inset-inline-start:0rem!important}.u-margin-inline-end-0{margin-inline-end:0rem!important}.u-margin-inline-end-negative-0{margin-inline-end:-0rem!important}.u-padding-inline-end-0{padding-inline-end:0rem!important}.u-inset-inline-end-0{inset-inline-end:0rem!important}.u-margin-block-start-0{margin-block-start:0rem!important}.u-margin-block-start-negative-0{margin-block-start:-0rem!important}.u-padding-block-start-0{padding-block-start:0rem!important}.u-inset-block-start-0{inset-block-start:0rem!important}.u-margin-block-end-0{margin-block-end:0rem!important}.u-margin-block-end-negative-0{margin-block-end:-0rem!important}.u-padding-block-end-0{padding-block-end:0rem!important}.u-inset-block-end-0{inset-block-end:0rem!important}.u-gap-0{gap:0rem!important}.u-row-gap-0{row-gap:0rem!important}.u-column-gap-0{column-gap:0rem!important}.u-margin-1{margin:.0625rem!important}.u-margin-negative-1{margin:-.0625rem!important}.u-padding-1{padding:.0625rem!important}.u-inset-1{inset:.0625rem!important}.u-margin-inline-1{margin-inline:.0625rem!important}.u-margin-inline-negative-1{margin-inline:-.0625rem!important}.u-padding-inline-1{padding-inline:.0625rem!important}.u-inset-inline-1{inset-inline:.0625rem!important}.u-margin-block-1{margin-block:.0625rem!important}.u-margin-block-negative-1{margin-block:-.0625rem!important}.u-padding-block-1{padding-block:.0625rem!important}.u-inset-block-1{inset-block:.0625rem!important}.u-margin-inline-start-1{margin-inline-start:.0625rem!important}.u-margin-inline-start-negative-1{margin-inline-start:-.0625rem!important}.u-padding-inline-start-1{padding-inline-start:.0625rem!important}.u-inset-inline-start-1{inset-inline-start:.0625rem!important}.u-margin-inline-end-1{margin-inline-end:.0625rem!important}.u-margin-inline-end-negative-1{margin-inline-end:-.0625rem!important}.u-padding-inline-end-1{padding-inline-end:.0625rem!important}.u-inset-inline-end-1{inset-inline-end:.0625rem!important}.u-margin-block-start-1{margin-block-start:.0625rem!important}.u-margin-block-start-negative-1{margin-block-start:-.0625rem!important}.u-padding-block-start-1{padding-block-start:.0625rem!important}.u-inset-block-start-1{inset-block-start:.0625rem!important}.u-margin-block-end-1{margin-block-end:.0625rem!important}.u-margin-block-end-negative-1{margin-block-end:-.0625rem!important}.u-padding-block-end-1{padding-block-end:.0625rem!important}.u-inset-block-end-1{inset-block-end:.0625rem!important}.u-gap-1{gap:.0625rem!important}.u-row-gap-1{row-gap:.0625rem!important}.u-column-gap-1{column-gap:.0625rem!important}.u-margin-2{margin:.125rem!important}.u-margin-negative-2{margin:-.125rem!important}.u-padding-2{padding:.125rem!important}.u-inset-2{inset:.125rem!important}.u-margin-inline-2{margin-inline:.125rem!important}.u-margin-inline-negative-2{margin-inline:-.125rem!important}.u-padding-inline-2{padding-inline:.125rem!important}.u-inset-inline-2{inset-inline:.125rem!important}.u-margin-block-2{margin-block:.125rem!important}.u-margin-block-negative-2{margin-block:-.125rem!important}.u-padding-block-2{padding-block:.125rem!important}.u-inset-block-2{inset-block:.125rem!important}.u-margin-inline-start-2{margin-inline-start:.125rem!important}.u-margin-inline-start-negative-2{margin-inline-start:-.125rem!important}.u-padding-inline-start-2{padding-inline-start:.125rem!important}.u-inset-inline-start-2{inset-inline-start:.125rem!important}.u-margin-inline-end-2{margin-inline-end:.125rem!important}.u-margin-inline-end-negative-2{margin-inline-end:-.125rem!important}.u-padding-inline-end-2{padding-inline-end:.125rem!important}.u-inset-inline-end-2{inset-inline-end:.125rem!important}.u-margin-block-start-2{margin-block-start:.125rem!important}.u-margin-block-start-negative-2{margin-block-start:-.125rem!important}.u-padding-block-start-2{padding-block-start:.125rem!important}.u-inset-block-start-2{inset-block-start:.125rem!important}.u-margin-block-end-2{margin-block-end:.125rem!important}.u-margin-block-end-negative-2{margin-block-end:-.125rem!important}.u-padding-block-end-2{padding-block-end:.125rem!important}.u-inset-block-end-2{inset-block-end:.125rem!important}.u-gap-2{gap:.125rem!important}.u-row-gap-2{row-gap:.125rem!important}.u-column-gap-2{column-gap:.125rem!important}.u-margin-4{margin:.25rem!important}.u-margin-negative-4{margin:-.25rem!important}.u-padding-4{padding:.25rem!important}.u-inset-4{inset:.25rem!important}.u-margin-inline-4{margin-inline:.25rem!important}.u-margin-inline-negative-4{margin-inline:-.25rem!important}.u-padding-inline-4{padding-inline:.25rem!important}.u-inset-inline-4{inset-inline:.25rem!important}.u-margin-block-4{margin-block:.25rem!important}.u-margin-block-negative-4{margin-block:-.25rem!important}.u-padding-block-4{padding-block:.25rem!important}.u-inset-block-4{inset-block:.25rem!important}.u-margin-inline-start-4{margin-inline-start:.25rem!important}.u-margin-inline-start-negative-4{margin-inline-start:-.25rem!important}.u-padding-inline-start-4{padding-inline-start:.25rem!important}.u-inset-inline-start-4{inset-inline-start:.25rem!important}.u-margin-inline-end-4{margin-inline-end:.25rem!important}.u-margin-inline-end-negative-4{margin-inline-end:-.25rem!important}.u-padding-inline-end-4{padding-inline-end:.25rem!important}.u-inset-inline-end-4{inset-inline-end:.25rem!important}.u-margin-block-start-4{margin-block-start:.25rem!important}.u-margin-block-start-negative-4{margin-block-start:-.25rem!important}.u-padding-block-start-4{padding-block-start:.25rem!important}.u-inset-block-start-4{inset-block-start:.25rem!important}.u-margin-block-end-4{margin-block-end:.25rem!important}.u-margin-block-end-negative-4{margin-block-end:-.25rem!important}.u-padding-block-end-4{padding-block-end:.25rem!important}.u-inset-block-end-4{inset-block-end:.25rem!important}.u-gap-4{gap:.25rem!important}.u-row-gap-4{row-gap:.25rem!important}.u-column-gap-4{column-gap:.25rem!important}.u-margin-8{margin:.5rem!important}.u-margin-negative-8{margin:-.5rem!important}.u-padding-8{padding:.5rem!important}.u-inset-8{inset:.5rem!important}.u-margin-inline-8{margin-inline:.5rem!important}.u-margin-inline-negative-8{margin-inline:-.5rem!important}.u-padding-inline-8{padding-inline:.5rem!important}.u-inset-inline-8{inset-inline:.5rem!important}.u-margin-block-8{margin-block:.5rem!important}.u-margin-block-negative-8{margin-block:-.5rem!important}.u-padding-block-8{padding-block:.5rem!important}.u-inset-block-8{inset-block:.5rem!important}.u-margin-inline-start-8{margin-inline-start:.5rem!important}.u-margin-inline-start-negative-8{margin-inline-start:-.5rem!important}.u-padding-inline-start-8{padding-inline-start:.5rem!important}.u-inset-inline-start-8{inset-inline-start:.5rem!important}.u-margin-inline-end-8{margin-inline-end:.5rem!important}.u-margin-inline-end-negative-8{margin-inline-end:-.5rem!important}.u-padding-inline-end-8{padding-inline-end:.5rem!important}.u-inset-inline-end-8{inset-inline-end:.5rem!important}.u-margin-block-start-8{margin-block-start:.5rem!important}.u-margin-block-start-negative-8{margin-block-start:-.5rem!important}.u-padding-block-start-8{padding-block-start:.5rem!important}.u-inset-block-start-8{inset-block-start:.5rem!important}.u-margin-block-end-8{margin-block-end:.5rem!important}.u-margin-block-end-negative-8{margin-block-end:-.5rem!important}.u-padding-block-end-8{padding-block-end:.5rem!important}.u-inset-block-end-8{inset-block-end:.5rem!important}.u-gap-8{gap:.5rem!important}.u-row-gap-8{row-gap:.5rem!important}.u-column-gap-8{column-gap:.5rem!important}.u-margin-12{margin:.75rem!important}.u-margin-negative-12{margin:-.75rem!important}.u-padding-12{padding:.75rem!important}.u-inset-12{inset:.75rem!important}.u-margin-inline-12{margin-inline:.75rem!important}.u-margin-inline-negative-12{margin-inline:-.75rem!important}.u-padding-inline-12{padding-inline:.75rem!important}.u-inset-inline-12{inset-inline:.75rem!important}.u-margin-block-12{margin-block:.75rem!important}.u-margin-block-negative-12{margin-block:-.75rem!important}.u-padding-block-12{padding-block:.75rem!important}.u-inset-block-12{inset-block:.75rem!important}.u-margin-inline-start-12{margin-inline-start:.75rem!important}.u-margin-inline-start-negative-12{margin-inline-start:-.75rem!important}.u-padding-inline-start-12{padding-inline-start:.75rem!important}.u-inset-inline-start-12{inset-inline-start:.75rem!important}.u-margin-inline-end-12{margin-inline-end:.75rem!important}.u-margin-inline-end-negative-12{margin-inline-end:-.75rem!important}.u-padding-inline-end-12{padding-inline-end:.75rem!important}.u-inset-inline-end-12{inset-inline-end:.75rem!important}.u-margin-block-start-12{margin-block-start:.75rem!important}.u-margin-block-start-negative-12{margin-block-start:-.75rem!important}.u-padding-block-start-12{padding-block-start:.75rem!important}.u-inset-block-start-12{inset-block-start:.75rem!important}.u-margin-block-end-12{margin-block-end:.75rem!important}.u-margin-block-end-negative-12{margin-block-end:-.75rem!important}.u-padding-block-end-12{padding-block-end:.75rem!important}.u-inset-block-end-12{inset-block-end:.75rem!important}.u-gap-12{gap:.75rem!important}.u-row-gap-12{row-gap:.75rem!important}.u-column-gap-12{column-gap:.75rem!important}.u-margin-16{margin:1rem!important}.u-margin-negative-16{margin:-1rem!important}.u-padding-16{padding:1rem!important}.u-inset-16{inset:1rem!important}.u-margin-inline-16{margin-inline:1rem!important}.u-margin-inline-negative-16{margin-inline:-1rem!important}.u-padding-inline-16{padding-inline:1rem!important}.u-inset-inline-16{inset-inline:1rem!important}.u-margin-block-16{margin-block:1rem!important}.u-margin-block-negative-16{margin-block:-1rem!important}.u-padding-block-16{padding-block:1rem!important}.u-inset-block-16{inset-block:1rem!important}.u-margin-inline-start-16{margin-inline-start:1rem!important}.u-margin-inline-start-negative-16{margin-inline-start:-1rem!important}.u-padding-inline-start-16{padding-inline-start:1rem!important}.u-inset-inline-start-16{inset-inline-start:1rem!important}.u-margin-inline-end-16{margin-inline-end:1rem!important}.u-margin-inline-end-negative-16{margin-inline-end:-1rem!important}.u-padding-inline-end-16{padding-inline-end:1rem!important}.u-inset-inline-end-16{inset-inline-end:1rem!important}.u-margin-block-start-16{margin-block-start:1rem!important}.u-margin-block-start-negative-16{margin-block-start:-1rem!important}.u-padding-block-start-16{padding-block-start:1rem!important}.u-inset-block-start-16{inset-block-start:1rem!important}.u-margin-block-end-16{margin-block-end:1rem!important}.u-margin-block-end-negative-16{margin-block-end:-1rem!important}.u-padding-block-end-16{padding-block-end:1rem!important}.u-inset-block-end-16{inset-block-end:1rem!important}.u-gap-16{gap:1rem!important}.u-row-gap-16{row-gap:1rem!important}.u-column-gap-16{column-gap:1rem!important}.u-margin-20{margin:1.25rem!important}.u-margin-negative-20{margin:-1.25rem!important}.u-padding-20{padding:1.25rem!important}.u-inset-20{inset:1.25rem!important}.u-margin-inline-20{margin-inline:1.25rem!important}.u-margin-inline-negative-20{margin-inline:-1.25rem!important}.u-padding-inline-20{padding-inline:1.25rem!important}.u-inset-inline-20{inset-inline:1.25rem!important}.u-margin-block-20{margin-block:1.25rem!important}.u-margin-block-negative-20{margin-block:-1.25rem!important}.u-padding-block-20{padding-block:1.25rem!important}.u-inset-block-20{inset-block:1.25rem!important}.u-margin-inline-start-20{margin-inline-start:1.25rem!important}.u-margin-inline-start-negative-20{margin-inline-start:-1.25rem!important}.u-padding-inline-start-20{padding-inline-start:1.25rem!important}.u-inset-inline-start-20{inset-inline-start:1.25rem!important}.u-margin-inline-end-20{margin-inline-end:1.25rem!important}.u-margin-inline-end-negative-20{margin-inline-end:-1.25rem!important}.u-padding-inline-end-20{padding-inline-end:1.25rem!important}.u-inset-inline-end-20{inset-inline-end:1.25rem!important}.u-margin-block-start-20{margin-block-start:1.25rem!important}.u-margin-block-start-negative-20{margin-block-start:-1.25rem!important}.u-padding-block-start-20{padding-block-start:1.25rem!important}.u-inset-block-start-20{inset-block-start:1.25rem!important}.u-margin-block-end-20{margin-block-end:1.25rem!important}.u-margin-block-end-negative-20{margin-block-end:-1.25rem!important}.u-padding-block-end-20{padding-block-end:1.25rem!important}.u-inset-block-end-20{inset-block-end:1.25rem!important}.u-gap-20{gap:1.25rem!important}.u-row-gap-20{row-gap:1.25rem!important}.u-column-gap-20{column-gap:1.25rem!important}.u-margin-24{margin:1.5rem!important}.u-margin-negative-24{margin:-1.5rem!important}.u-padding-24{padding:1.5rem!important}.u-inset-24{inset:1.5rem!important}.u-margin-inline-24{margin-inline:1.5rem!important}.u-margin-inline-negative-24{margin-inline:-1.5rem!important}.u-padding-inline-24{padding-inline:1.5rem!important}.u-inset-inline-24{inset-inline:1.5rem!important}.u-margin-block-24{margin-block:1.5rem!important}.u-margin-block-negative-24{margin-block:-1.5rem!important}.u-padding-block-24{padding-block:1.5rem!important}.u-inset-block-24{inset-block:1.5rem!important}.u-margin-inline-start-24{margin-inline-start:1.5rem!important}.u-margin-inline-start-negative-24{margin-inline-start:-1.5rem!important}.u-padding-inline-start-24{padding-inline-start:1.5rem!important}.u-inset-inline-start-24{inset-inline-start:1.5rem!important}.u-margin-inline-end-24{margin-inline-end:1.5rem!important}.u-margin-inline-end-negative-24{margin-inline-end:-1.5rem!important}.u-padding-inline-end-24{padding-inline-end:1.5rem!important}.u-inset-inline-end-24{inset-inline-end:1.5rem!important}.u-margin-block-start-24{margin-block-start:1.5rem!important}.u-margin-block-start-negative-24{margin-block-start:-1.5rem!important}.u-padding-block-start-24{padding-block-start:1.5rem!important}.u-inset-block-start-24{inset-block-start:1.5rem!important}.u-margin-block-end-24{margin-block-end:1.5rem!important}.u-margin-block-end-negative-24{margin-block-end:-1.5rem!important}.u-padding-block-end-24{padding-block-end:1.5rem!important}.u-inset-block-end-24{inset-block-end:1.5rem!important}.u-gap-24{gap:1.5rem!important}.u-row-gap-24{row-gap:1.5rem!important}.u-column-gap-24{column-gap:1.5rem!important}.u-margin-28{margin:1.75rem!important}.u-margin-negative-28{margin:-1.75rem!important}.u-padding-28{padding:1.75rem!important}.u-inset-28{inset:1.75rem!important}.u-margin-inline-28{margin-inline:1.75rem!important}.u-margin-inline-negative-28{margin-inline:-1.75rem!important}.u-padding-inline-28{padding-inline:1.75rem!important}.u-inset-inline-28{inset-inline:1.75rem!important}.u-margin-block-28{margin-block:1.75rem!important}.u-margin-block-negative-28{margin-block:-1.75rem!important}.u-padding-block-28{padding-block:1.75rem!important}.u-inset-block-28{inset-block:1.75rem!important}.u-margin-inline-start-28{margin-inline-start:1.75rem!important}.u-margin-inline-start-negative-28{margin-inline-start:-1.75rem!important}.u-padding-inline-start-28{padding-inline-start:1.75rem!important}.u-inset-inline-start-28{inset-inline-start:1.75rem!important}.u-margin-inline-end-28{margin-inline-end:1.75rem!important}.u-margin-inline-end-negative-28{margin-inline-end:-1.75rem!important}.u-padding-inline-end-28{padding-inline-end:1.75rem!important}.u-inset-inline-end-28{inset-inline-end:1.75rem!important}.u-margin-block-start-28{margin-block-start:1.75rem!important}.u-margin-block-start-negative-28{margin-block-start:-1.75rem!important}.u-padding-block-start-28{padding-block-start:1.75rem!important}.u-inset-block-start-28{inset-block-start:1.75rem!important}.u-margin-block-end-28{margin-block-end:1.75rem!important}.u-margin-block-end-negative-28{margin-block-end:-1.75rem!important}.u-padding-block-end-28{padding-block-end:1.75rem!important}.u-inset-block-end-28{inset-block-end:1.75rem!important}.u-gap-28{gap:1.75rem!important}.u-row-gap-28{row-gap:1.75rem!important}.u-column-gap-28{column-gap:1.75rem!important}.u-margin-32{margin:2rem!important}.u-margin-negative-32{margin:-2rem!important}.u-padding-32{padding:2rem!important}.u-inset-32{inset:2rem!important}.u-margin-inline-32{margin-inline:2rem!important}.u-margin-inline-negative-32{margin-inline:-2rem!important}.u-padding-inline-32{padding-inline:2rem!important}.u-inset-inline-32{inset-inline:2rem!important}.u-margin-block-32{margin-block:2rem!important}.u-margin-block-negative-32{margin-block:-2rem!important}.u-padding-block-32{padding-block:2rem!important}.u-inset-block-32{inset-block:2rem!important}.u-margin-inline-start-32{margin-inline-start:2rem!important}.u-margin-inline-start-negative-32{margin-inline-start:-2rem!important}.u-padding-inline-start-32{padding-inline-start:2rem!important}.u-inset-inline-start-32{inset-inline-start:2rem!important}.u-margin-inline-end-32{margin-inline-end:2rem!important}.u-margin-inline-end-negative-32{margin-inline-end:-2rem!important}.u-padding-inline-end-32{padding-inline-end:2rem!important}.u-inset-inline-end-32{inset-inline-end:2rem!important}.u-margin-block-start-32{margin-block-start:2rem!important}.u-margin-block-start-negative-32{margin-block-start:-2rem!important}.u-padding-block-start-32{padding-block-start:2rem!important}.u-inset-block-start-32{inset-block-start:2rem!important}.u-margin-block-end-32{margin-block-end:2rem!important}.u-margin-block-end-negative-32{margin-block-end:-2rem!important}.u-padding-block-end-32{padding-block-end:2rem!important}.u-inset-block-end-32{inset-block-end:2rem!important}.u-gap-32{gap:2rem!important}.u-row-gap-32{row-gap:2rem!important}.u-column-gap-32{column-gap:2rem!important}.u-margin-40{margin:2.5rem!important}.u-margin-negative-40{margin:-2.5rem!important}.u-padding-40{padding:2.5rem!important}.u-inset-40{inset:2.5rem!important}.u-margin-inline-40{margin-inline:2.5rem!important}.u-margin-inline-negative-40{margin-inline:-2.5rem!important}.u-padding-inline-40{padding-inline:2.5rem!important}.u-inset-inline-40{inset-inline:2.5rem!important}.u-margin-block-40{margin-block:2.5rem!important}.u-margin-block-negative-40{margin-block:-2.5rem!important}.u-padding-block-40{padding-block:2.5rem!important}.u-inset-block-40{inset-block:2.5rem!important}.u-margin-inline-start-40{margin-inline-start:2.5rem!important}.u-margin-inline-start-negative-40{margin-inline-start:-2.5rem!important}.u-padding-inline-start-40{padding-inline-start:2.5rem!important}.u-inset-inline-start-40{inset-inline-start:2.5rem!important}.u-margin-inline-end-40{margin-inline-end:2.5rem!important}.u-margin-inline-end-negative-40{margin-inline-end:-2.5rem!important}.u-padding-inline-end-40{padding-inline-end:2.5rem!important}.u-inset-inline-end-40{inset-inline-end:2.5rem!important}.u-margin-block-start-40{margin-block-start:2.5rem!important}.u-margin-block-start-negative-40{margin-block-start:-2.5rem!important}.u-padding-block-start-40{padding-block-start:2.5rem!important}.u-inset-block-start-40{inset-block-start:2.5rem!important}.u-margin-block-end-40{margin-block-end:2.5rem!important}.u-margin-block-end-negative-40{margin-block-end:-2.5rem!important}.u-padding-block-end-40{padding-block-end:2.5rem!important}.u-inset-block-end-40{inset-block-end:2.5rem!important}.u-gap-40{gap:2.5rem!important}.u-row-gap-40{row-gap:2.5rem!important}.u-column-gap-40{column-gap:2.5rem!important}.u-margin-48{margin:3rem!important}.u-margin-negative-48{margin:-3rem!important}.u-padding-48{padding:3rem!important}.u-inset-48{inset:3rem!important}.u-margin-inline-48{margin-inline:3rem!important}.u-margin-inline-negative-48{margin-inline:-3rem!important}.u-padding-inline-48{padding-inline:3rem!important}.u-inset-inline-48{inset-inline:3rem!important}.u-margin-block-48{margin-block:3rem!important}.u-margin-block-negative-48{margin-block:-3rem!important}.u-padding-block-48{padding-block:3rem!important}.u-inset-block-48{inset-block:3rem!important}.u-margin-inline-start-48{margin-inline-start:3rem!important}.u-margin-inline-start-negative-48{margin-inline-start:-3rem!important}.u-padding-inline-start-48{padding-inline-start:3rem!important}.u-inset-inline-start-48{inset-inline-start:3rem!important}.u-margin-inline-end-48{margin-inline-end:3rem!important}.u-margin-inline-end-negative-48{margin-inline-end:-3rem!important}.u-padding-inline-end-48{padding-inline-end:3rem!important}.u-inset-inline-end-48{inset-inline-end:3rem!important}.u-margin-block-start-48{margin-block-start:3rem!important}.u-margin-block-start-negative-48{margin-block-start:-3rem!important}.u-padding-block-start-48{padding-block-start:3rem!important}.u-inset-block-start-48{inset-block-start:3rem!important}.u-margin-block-end-48{margin-block-end:3rem!important}.u-margin-block-end-negative-48{margin-block-end:-3rem!important}.u-padding-block-end-48{padding-block-end:3rem!important}.u-inset-block-end-48{inset-block-end:3rem!important}.u-gap-48{gap:3rem!important}.u-row-gap-48{row-gap:3rem!important}.u-column-gap-48{column-gap:3rem!important}.u-margin-52{margin:3.25rem!important}.u-margin-negative-52{margin:-3.25rem!important}.u-padding-52{padding:3.25rem!important}.u-inset-52{inset:3.25rem!important}.u-margin-inline-52{margin-inline:3.25rem!important}.u-margin-inline-negative-52{margin-inline:-3.25rem!important}.u-padding-inline-52{padding-inline:3.25rem!important}.u-inset-inline-52{inset-inline:3.25rem!important}.u-margin-block-52{margin-block:3.25rem!important}.u-margin-block-negative-52{margin-block:-3.25rem!important}.u-padding-block-52{padding-block:3.25rem!important}.u-inset-block-52{inset-block:3.25rem!important}.u-margin-inline-start-52{margin-inline-start:3.25rem!important}.u-margin-inline-start-negative-52{margin-inline-start:-3.25rem!important}.u-padding-inline-start-52{padding-inline-start:3.25rem!important}.u-inset-inline-start-52{inset-inline-start:3.25rem!important}.u-margin-inline-end-52{margin-inline-end:3.25rem!important}.u-margin-inline-end-negative-52{margin-inline-end:-3.25rem!important}.u-padding-inline-end-52{padding-inline-end:3.25rem!important}.u-inset-inline-end-52{inset-inline-end:3.25rem!important}.u-margin-block-start-52{margin-block-start:3.25rem!important}.u-margin-block-start-negative-52{margin-block-start:-3.25rem!important}.u-padding-block-start-52{padding-block-start:3.25rem!important}.u-inset-block-start-52{inset-block-start:3.25rem!important}.u-margin-block-end-52{margin-block-end:3.25rem!important}.u-margin-block-end-negative-52{margin-block-end:-3.25rem!important}.u-padding-block-end-52{padding-block-end:3.25rem!important}.u-inset-block-end-52{inset-block-end:3.25rem!important}.u-gap-52{gap:3.25rem!important}.u-row-gap-52{row-gap:3.25rem!important}.u-column-gap-52{column-gap:3.25rem!important}.u-margin-56{margin:3.5rem!important}.u-margin-negative-56{margin:-3.5rem!important}.u-padding-56{padding:3.5rem!important}.u-inset-56{inset:3.5rem!important}.u-margin-inline-56{margin-inline:3.5rem!important}.u-margin-inline-negative-56{margin-inline:-3.5rem!important}.u-padding-inline-56{padding-inline:3.5rem!important}.u-inset-inline-56{inset-inline:3.5rem!important}.u-margin-block-56{margin-block:3.5rem!important}.u-margin-block-negative-56{margin-block:-3.5rem!important}.u-padding-block-56{padding-block:3.5rem!important}.u-inset-block-56{inset-block:3.5rem!important}.u-margin-inline-start-56{margin-inline-start:3.5rem!important}.u-margin-inline-start-negative-56{margin-inline-start:-3.5rem!important}.u-padding-inline-start-56{padding-inline-start:3.5rem!important}.u-inset-inline-start-56{inset-inline-start:3.5rem!important}.u-margin-inline-end-56{margin-inline-end:3.5rem!important}.u-margin-inline-end-negative-56{margin-inline-end:-3.5rem!important}.u-padding-inline-end-56{padding-inline-end:3.5rem!important}.u-inset-inline-end-56{inset-inline-end:3.5rem!important}.u-margin-block-start-56{margin-block-start:3.5rem!important}.u-padding-block-start-56{padding-block-start:3.5rem!important}.u-inset-block-start-56{inset-block-start:3.5rem!important}.u-margin-block-end-56{margin-block-end:3.5rem!important}.u-margin-block-end-negative-56{margin-block-end:-3.5rem!important}.u-padding-block-end-56{padding-block-end:3.5rem!important}.u-inset-block-end-56{inset-block-end:3.5rem!important}.u-gap-56{gap:3.5rem!important}.u-row-gap-56{row-gap:3.5rem!important}.u-column-gap-56{column-gap:3.5rem!important}.u-margin-64{margin:4rem!important}.u-margin-negative-64{margin:-4rem!important}.u-padding-64{padding:4rem!important}.u-inset-64{inset:4rem!important}.u-margin-inline-64{margin-inline:4rem!important}.u-margin-inline-negative-64{margin-inline:-4rem!important}.u-padding-inline-64{padding-inline:4rem!important}.u-inset-inline-64{inset-inline:4rem!important}.u-margin-block-64{margin-block:4rem!important}.u-margin-block-negative-64{margin-block:-4rem!important}.u-padding-block-64{padding-block:4rem!important}.u-inset-block-64{inset-block:4rem!important}.u-margin-inline-start-64{margin-inline-start:4rem!important}.u-margin-inline-start-negative-64{margin-inline-start:-4rem!important}.u-padding-inline-start-64{padding-inline-start:4rem!important}.u-inset-inline-start-64{inset-inline-start:4rem!important}.u-margin-inline-end-64{margin-inline-end:4rem!important}.u-margin-inline-end-negative-64{margin-inline-end:-4rem!important}.u-padding-inline-end-64{padding-inline-end:4rem!important}.u-inset-inline-end-64{inset-inline-end:4rem!important}.u-margin-block-start-64{margin-block-start:4rem!important}.u-margin-block-start-negative-64{margin-block-start:-4rem!important}.u-padding-block-start-64{padding-block-start:4rem!important}.u-inset-block-start-64{inset-block-start:4rem!important}.u-margin-block-end-64{margin-block-end:4rem!important}.u-margin-block-end-negative-64{margin-block-end:-4rem!important}.u-padding-block-end-64{padding-block-end:4rem!important}.u-inset-block-end-64{inset-block-end:4rem!important}.u-gap-64{gap:4rem!important}.u-row-gap-64{row-gap:4rem!important}.u-column-gap-64{column-gap:4rem!important}.u-margin-80{margin:5rem!important}.u-margin-negative-80{margin:-5rem!important}.u-padding-80{padding:5rem!important}.u-inset-80{inset:5rem!important}.u-margin-inline-80{margin-inline:5rem!important}.u-margin-inline-negative-80{margin-inline:-5rem!important}.u-padding-inline-80{padding-inline:5rem!important}.u-inset-inline-80{inset-inline:5rem!important}.u-margin-block-80{margin-block:5rem!important}.u-margin-block-negative-80{margin-block:-5rem!important}.u-padding-block-80{padding-block:5rem!important}.u-inset-block-80{inset-block:5rem!important}.u-margin-inline-start-80{margin-inline-start:5rem!important}.u-margin-inline-start-negative-80{margin-inline-start:-5rem!important}.u-padding-inline-start-80{padding-inline-start:5rem!important}.u-inset-inline-start-80{inset-inline-start:5rem!important}.u-margin-inline-end-80{margin-inline-end:5rem!important}.u-margin-inline-end-negative-80{margin-inline-end:-5rem!important}.u-padding-inline-end-80{padding-inline-end:5rem!important}.u-inset-inline-end-80{inset-inline-end:5rem!important}.u-margin-block-start-80{margin-block-start:5rem!important}.u-margin-block-start-negative-80{margin-block-start:-5rem!important}.u-padding-block-start-80{padding-block-start:5rem!important}.u-inset-block-start-80{inset-block-start:5rem!important}.u-margin-block-end-80{margin-block-end:5rem!important}.u-margin-block-end-negative-80{margin-block-end:-5rem!important}.u-padding-block-end-80{padding-block-end:5rem!important}.u-inset-block-end-80{inset-block-end:5rem!important}.u-gap-80{gap:5rem!important}.u-row-gap-80{row-gap:5rem!important}.u-column-gap-80{column-gap:5rem!important}.u-margin-96{margin:6rem!important}.u-margin-negative-96{margin:-6rem!important}.u-padding-96{padding:6rem!important}.u-inset-96{inset:6rem!important}.u-margin-inline-96{margin-inline:6rem!important}.u-margin-inline-negative-96{margin-inline:-6rem!important}.u-padding-inline-96{padding-inline:6rem!important}.u-inset-inline-96{inset-inline:6rem!important}.u-margin-block-96{margin-block:6rem!important}.u-margin-block-negative-96{margin-block:-6rem!important}.u-padding-block-96{padding-block:6rem!important}.u-inset-block-96{inset-block:6rem!important}.u-margin-inline-start-96{margin-inline-start:6rem!important}.u-margin-inline-start-negative-96{margin-inline-start:-6rem!important}.u-padding-inline-start-96{padding-inline-start:6rem!important}.u-inset-inline-start-96{inset-inline-start:6rem!important}.u-margin-inline-end-96{margin-inline-end:6rem!important}.u-margin-inline-end-negative-96{margin-inline-end:-6rem!important}.u-padding-inline-end-96{padding-inline-end:6rem!important}.u-inset-inline-end-96{inset-inline-end:6rem!important}.u-margin-block-start-96{margin-block-start:6rem!important}.u-margin-block-start-negative-96{margin-block-start:-6rem!important}.u-padding-block-start-96{padding-block-start:6rem!important}.u-inset-block-start-96{inset-block-start:6rem!important}.u-margin-block-end-96{margin-block-end:6rem!important}.u-margin-block-end-negative-96{margin-block-end:-6rem!important}.u-padding-block-end-96{padding-block-end:6rem!important}.u-inset-block-end-96{inset-block-end:6rem!important}.u-gap-96{gap:6rem!important}.u-row-gap-96{row-gap:6rem!important}.u-column-gap-96{column-gap:6rem!important}.u-margin-128{margin:8rem!important}.u-margin-negative-128{margin:-8rem!important}.u-padding-128{padding:8rem!important}.u-inset-128{inset:8rem!important}.u-margin-inline-128{margin-inline:8rem!important}.u-margin-inline-negative-128{margin-inline:-8rem!important}.u-padding-inline-128{padding-inline:8rem!important}.u-inset-inline-128{inset-inline:8rem!important}.u-margin-block-128{margin-block:8rem!important}.u-margin-block-negative-128{margin-block:-8rem!important}.u-padding-block-128{padding-block:8rem!important}.u-inset-block-128{inset-block:8rem!important}.u-margin-inline-start-128{margin-inline-start:8rem!important}.u-margin-inline-start-negative-128{margin-inline-start:-8rem!important}.u-padding-inline-start-128{padding-inline-start:8rem!important}.u-inset-inline-start-128{inset-inline-start:8rem!important}.u-margin-inline-end-128{margin-inline-end:8rem!important}.u-margin-inline-end-negative-128{margin-inline-end:-8rem!important}.u-padding-inline-end-128{padding-inline-end:8rem!important}.u-inset-inline-end-128{inset-inline-end:8rem!important}.u-margin-block-start-128{margin-block-start:8rem!important}.u-margin-block-start-negative-128{margin-block-start:-8rem!important}.u-padding-block-start-128{padding-block-start:8rem!important}.u-inset-block-start-128{inset-block-start:8rem!important}.u-margin-block-end-128{margin-block-end:8rem!important}.u-margin-block-end-negative-128{margin-block-end:-8rem!important}.u-padding-block-end-128{padding-block-end:8rem!important}.u-inset-block-end-128{inset-block-end:8rem!important}.u-gap-128{gap:8rem!important}.u-row-gap-128{row-gap:8rem!important}.u-column-gap-128{column-gap:8rem!important}.u-margin-160{margin:10rem!important}.u-margin-negative-160{margin:-10rem!important}.u-padding-160{padding:10rem!important}.u-inset-160{inset:10rem!important}.u-margin-inline-160{margin-inline:10rem!important}.u-margin-inline-negative-160{margin-inline:-10rem!important}.u-padding-inline-160{padding-inline:10rem!important}.u-inset-inline-160{inset-inline:10rem!important}.u-margin-block-160{margin-block:10rem!important}.u-margin-block-negative-160{margin-block:-10rem!important}.u-padding-block-160{padding-block:10rem!important}.u-inset-block-160{inset-block:10rem!important}.u-margin-inline-start-160{margin-inline-start:10rem!important}.u-margin-inline-start-negative-160{margin-inline-start:-10rem!important}.u-padding-inline-start-160{padding-inline-start:10rem!important}.u-inset-inline-start-160{inset-inline-start:10rem!important}.u-margin-inline-end-160{margin-inline-end:10rem!important}.u-margin-inline-end-negative-160{margin-inline-end:-10rem!important}.u-padding-inline-end-160{padding-inline-end:10rem!important}.u-inset-inline-end-160{inset-inline-end:10rem!important}.u-margin-block-start-160{margin-block-start:10rem!important}.u-margin-block-start-negative-160{margin-block-start:-10rem!important}.u-padding-block-start-160{padding-block-start:10rem!important}.u-inset-block-start-160{inset-block-start:10rem!important}.u-margin-block-end-160{margin-block-end:10rem!important}.u-margin-block-end-negative-160{margin-block-end:-10rem!important}.u-padding-block-end-160{padding-block-end:10rem!important}.u-inset-block-end-160{inset-block-end:10rem!important}.u-gap-160{gap:10rem!important}.u-row-gap-160{row-gap:10rem!important}.u-column-gap-160{column-gap:10rem!important}.u-margin-192{margin:12rem!important}.u-margin-negative-192{margin:-12rem!important}.u-padding-192{padding:12rem!important}.u-inset-192{inset:12rem!important}.u-margin-inline-192{margin-inline:12rem!important}.u-margin-inline-negative-192{margin-inline:-12rem!important}.u-padding-inline-192{padding-inline:12rem!important}.u-inset-inline-192{inset-inline:12rem!important}.u-margin-block-192{margin-block:12rem!important}.u-margin-block-negative-192{margin-block:-12rem!important}.u-padding-block-192{padding-block:12rem!important}.u-inset-block-192{inset-block:12rem!important}.u-margin-inline-start-192{margin-inline-start:12rem!important}.u-margin-inline-start-negative-192{margin-inline-start:-12rem!important}.u-padding-inline-start-192{padding-inline-start:12rem!important}.u-inset-inline-start-192{inset-inline-start:12rem!important}.u-margin-inline-end-192{margin-inline-end:12rem!important}.u-margin-inline-end-negative-192{margin-inline-end:-12rem!important}.u-padding-inline-end-192{padding-inline-end:12rem!important}.u-inset-inline-end-192{inset-inline-end:12rem!important}.u-margin-block-start-192{margin-block-start:12rem!important}.u-margin-block-start-negative-192{margin-block-start:-12rem!important}.u-padding-block-start-192{padding-block-start:12rem!important}.u-inset-block-start-192{inset-block-start:12rem!important}.u-margin-block-end-192{margin-block-end:12rem!important}.u-margin-block-end-negative-192{margin-block-end:-12rem!important}.u-padding-block-end-192{padding-block-end:12rem!important}.u-inset-block-end-192{inset-block-end:12rem!important}.u-gap-192{gap:12rem!important}.u-row-gap-192{row-gap:12rem!important}.u-column-gap-192{column-gap:12rem!important}.u-margin-100{margin:6.25rem!important}.u-margin-negative-100{margin:-6.25rem!important}.u-padding-100{padding:6.25rem!important}.u-inset-100{inset:6.25rem!important}.u-margin-inline-100{margin-inline:6.25rem!important}.u-margin-inline-negative-100{margin-inline:-6.25rem!important}.u-padding-inline-100{padding-inline:6.25rem!important}.u-inset-inline-100{inset-inline:6.25rem!important}.u-margin-block-100{margin-block:6.25rem!important}.u-margin-block-negative-100{margin-block:-6.25rem!important}.u-padding-block-100{padding-block:6.25rem!important}.u-inset-block-100{inset-block:6.25rem!important}.u-margin-inline-start-100{margin-inline-start:6.25rem!important}.u-margin-inline-start-negative-100{margin-inline-start:-6.25rem!important}.u-padding-inline-start-100{padding-inline-start:6.25rem!important}.u-inset-inline-start-100{inset-inline-start:6.25rem!important}.u-margin-inline-end-100{margin-inline-end:6.25rem!important}.u-margin-inline-end-negative-100{margin-inline-end:-6.25rem!important}.u-padding-inline-end-100{padding-inline-end:6.25rem!important}.u-inset-inline-end-100{inset-inline-end:6.25rem!important}.u-margin-block-start-100{margin-block-start:6.25rem!important}.u-margin-block-start-negative-100{margin-block-start:-6.25rem!important}.u-padding-block-start-100{padding-block-start:6.25rem!important}.u-inset-block-start-100{inset-block-start:6.25rem!important}.u-margin-block-end-100{margin-block-end:6.25rem!important}.u-margin-block-end-negative-100{margin-block-end:-6.25rem!important}.u-padding-block-end-100{padding-block-end:6.25rem!important}.u-inset-block-end-100{inset-block-end:6.25rem!important}.u-gap-100{gap:6.25rem!important}.u-row-gap-100{row-gap:6.25rem!important}.u-column-gap-100{column-gap:6.25rem!important}.u-margin-200{margin:12.5rem!important}.u-margin-negative-200{margin:-12.5rem!important}.u-padding-200{padding:12.5rem!important}.u-inset-200{inset:12.5rem!important}.u-margin-inline-200{margin-inline:12.5rem!important}.u-margin-inline-negative-200{margin-inline:-12.5rem!important}.u-padding-inline-200{padding-inline:12.5rem!important}.u-inset-inline-200{inset-inline:12.5rem!important}.u-margin-block-200{margin-block:12.5rem!important}.u-margin-block-negative-200{margin-block:-12.5rem!important}.u-padding-block-200{padding-block:12.5rem!important}.u-inset-block-200{inset-block:12.5rem!important}.u-margin-inline-start-200{margin-inline-start:12.5rem!important}.u-margin-inline-start-negative-200{margin-inline-start:-12.5rem!important}.u-padding-inline-start-200{padding-inline-start:12.5rem!important}.u-inset-inline-start-200{inset-inline-start:12.5rem!important}.u-margin-inline-end-200{margin-inline-end:12.5rem!important}.u-margin-inline-end-negative-200{margin-inline-end:-12.5rem!important}.u-padding-inline-end-200{padding-inline-end:12.5rem!important}.u-inset-inline-end-200{inset-inline-end:12.5rem!important}.u-margin-block-start-200{margin-block-start:12.5rem!important}.u-margin-block-start-negative-200{margin-block-start:-12.5rem!important}.u-padding-block-start-200{padding-block-start:12.5rem!important}.u-inset-block-start-200{inset-block-start:12.5rem!important}.u-margin-block-end-200{margin-block-end:12.5rem!important}.u-margin-block-end-negative-200{margin-block-end:-12.5rem!important}.u-padding-block-end-200{padding-block-end:12.5rem!important}.u-inset-block-end-200{inset-block-end:12.5rem!important}.u-gap-200{gap:12.5rem!important}.u-row-gap-200{row-gap:12.5rem!important}.u-column-gap-200{column-gap:12.5rem!important}.u-margin-300{margin:18.75rem!important}.u-margin-negative-300{margin:-18.75rem!important}.u-padding-300{padding:18.75rem!important}.u-inset-300{inset:18.75rem!important}.u-margin-inline-300{margin-inline:18.75rem!important}.u-margin-inline-negative-300{margin-inline:-18.75rem!important}.u-padding-inline-300{padding-inline:18.75rem!important}.u-inset-inline-300{inset-inline:18.75rem!important}.u-margin-block-300{margin-block:18.75rem!important}.u-margin-block-negative-300{margin-block:-18.75rem!important}.u-padding-block-300{padding-block:18.75rem!important}.u-inset-block-300{inset-block:18.75rem!important}.u-margin-inline-start-300{margin-inline-start:18.75rem!important}.u-margin-inline-start-negative-300{margin-inline-start:-18.75rem!important}.u-padding-inline-start-300{padding-inline-start:18.75rem!important}.u-inset-inline-start-300{inset-inline-start:18.75rem!important}.u-margin-inline-end-300{margin-inline-end:18.75rem!important}.u-margin-inline-end-negative-300{margin-inline-end:-18.75rem!important}.u-padding-inline-end-300{padding-inline-end:18.75rem!important}.u-inset-inline-end-300{inset-inline-end:18.75rem!important}.u-margin-block-start-300{margin-block-start:18.75rem!important}.u-margin-block-start-negative-300{margin-block-start:-18.75rem!important}.u-padding-block-start-300{padding-block-start:18.75rem!important}.u-inset-block-start-300{inset-block-start:18.75rem!important}.u-margin-block-end-300{margin-block-end:18.75rem!important}.u-margin-block-end-negative-300{margin-block-end:-18.75rem!important}.u-padding-block-end-300{padding-block-end:18.75rem!important}.u-inset-block-end-300{inset-block-end:18.75rem!important}.u-gap-300{gap:18.75rem!important}.u-row-gap-300{row-gap:18.75rem!important}.u-column-gap-300{column-gap:18.75rem!important}.u-margin-auto{margin:auto!important}.u-margin-inline-auto{margin-inline:auto!important}.u-margin-block-auto{margin-block:auto!important}.u-margin-inline-start-auto{margin-inline-start:auto!important}.u-margin-inline-end-auto{margin-inline-end:auto!important}.u-margin-block-start-auto{margin-block-start:auto!important}.u-margin-block-end-auto{margin-block-end:auto!important}.u-margin-16-negative{margin:-1rem!important}.u-margin-block-start-negative-56{margin-block-start:-3.5rem!important}.u-margin-block-start-negative-168{margin-block-start:-10.5rem!important}.u-border-width-0{border-width:0!important}@media(max-width:767.99px){.u-mobile-border-width-0{border-width:0!important}}.u-border-radius-4{border-radius:var(--border-radius-xsmall)!important}.u-border-radius-8{border-radius:var(--border-radius-small)!important}.u-border-radius-16{border-radius:var(--border-radius-medium)!important}.u-border-radius-24{border-radius:var(--border-radius-large)!important}.u-border-radius-circle{border-radius:var(--border-radius-circular)!important}.u-image-object-fit-contain{object-fit:contain!important}.u-image-object-fit-cover{object-fit:cover!important}.u-container-inline-size{container-type:inline-size}.u-drop-shadow-large{filter:drop-shadow(var(--shadow-large))!important}.u-remove-input-number-buttons::-webkit-outer-spin-button,.u-remove-input-number-buttons::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.u-remove-input-number-buttons{-moz-appearance:textfield}.u-only-light,.u-only-dark{display:none!important}.theme-dark .u-only-dark{display:block!important}body:not(.theme-dark) .u-only-light{display:block!important}@media(min-width:768px){.is-only-mobile{display:none!important}}@media(max-width:767.99px),(min-width:1199px){.is-only-tablet{display:none!important}}@media(max-width:767.99px),(min-width:768px)and (max-width:1198.99px){.is-only-desktop{display:none!important}}@media(max-width:767.99px){.is-not-mobile{display:none!important}}@media(min-width:1199px){.is-not-desktop{display:none!important}}}}:root{--hud-accent: #a78bfa;--hud-accent-strong: #6d28d9;--hud-bg: #19191c;--hud-bg-raised: #232328;--hud-border: #34343b;--hud-effect: #67e8f9;--hud-muted: #9ca3af;--hud-text: #e5e7eb;color-scheme:dark}html,body{background:var(--hud-bg);color:var(--hud-text);height:100%;margin:0}body{font:12px/1.5 ui-sans-serif,system-ui,sans-serif}#loom-devtools-hud,.hud{display:flex;flex-direction:column;height:100%}.hud-header{border-bottom:1px solid var(--hud-border);flex:none}.hud-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px}.hud-brand{color:var(--hud-accent);font-weight:700}.hud-status{color:var(--hud-muted)}.hud-status.is-connected:before{color:#4ade80;content:"\\25cf "}.hud-status.is-connecting:before,.hud-status.is-refused:before{color:#f87171;content:"\\25cf "}.hud-tabs{display:flex;gap:2px;margin-left:8px}.hud-tab,.hud-button{background:transparent;border:1px solid var(--hud-border);border-radius:4px;color:var(--hud-text);cursor:pointer;font:inherit;padding:2px 8px}.hud-tab.is-selected,.hud-button.is-on{background:var(--hud-accent-strong);border-color:var(--hud-accent-strong)}.hud-button.is-primary{border-color:var(--hud-accent);color:var(--hud-accent)}.hud-tab:hover,.hud-button:hover{border-color:var(--hud-accent)}.hud-spacer{flex:1}.hud-muted{color:var(--hud-muted)}.hud-notice{background:#3f1d1d;color:#fecaca;margin:0;padding:4px 8px}.hud-main{flex:1;min-height:0}.hud-split{display:grid;grid-template-columns:minmax(200px,2fr) 3fr;height:100%}.pane{height:100%;overflow:auto}.tree-pane{border-right:1px solid var(--hud-border)}.tree-list,.value-list,.activity-list{list-style:none;margin:0;padding:0}.tree-row{align-items:center;cursor:pointer;display:flex;gap:4px;white-space:nowrap}.tree-row:hover{background:var(--hud-bg-raised)}.tree-row.is-selected{background:#6d28d959}.tree-toggle,.value-toggle{background:none;border:0;color:var(--hud-muted);cursor:pointer;font:inherit;padding:0;width:14px}.is-hidden{visibility:hidden}.tree-name.is-component,.details-name.is-component{color:var(--hud-accent)}.tree-name.is-effect,.details-name.is-effect{color:var(--hud-effect)}.hud-badge{font-size:10px;padding:0 4px}.inspector-pane,.activities-pane{padding:6px 10px}.details-head,.activity-head{align-items:center;display:flex;gap:8px}.details-name{font-size:14px;font-weight:700}.details-section{margin-top:10px}.details-title{color:var(--hud-muted);font-size:11px;letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.value-list .value-list{padding-left:14px}.value-line{align-items:baseline;display:flex;gap:4px}.value-key{color:#f0abfc}.value-key:after{color:var(--hud-muted);content:":"}.value-preview{font-family:ui-monospace,monospace;word-break:break-all}.value-preview.is-str{color:#fdba74}.value-preview.is-num,.value-preview.is-bool,.value-preview.is-bigint{color:#93c5fd}.value-preview.is-activity{color:var(--hud-effect)}.value-preview.is-link{cursor:pointer;text-decoration:underline}.activity-item{border-bottom:1px solid var(--hud-border);padding:6px 0}.activity-name{color:var(--hud-effect);font-weight:600}.activity-editor{display:flex;gap:4px;margin-top:4px}.hud-input{background:var(--hud-bg-raised);border:1px solid var(--hud-border);border-radius:4px;color:var(--hud-text);flex:1;font:12px ui-monospace,monospace;padding:2px 6px}.empty-note,.placeholder{padding:8px}\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n</style>\n</head>\n<body>\n<div id="loom-devtools-hud"></div>\n<script type="module">var yt=globalThis.window!==void 0&&globalThis.window.document!==void 0,Ge=new WeakMap,Qe=new Map,_=(e,r)=>({kind:e,label:r}),or=e=>{if(e.label)return`\\u27E8${e.label}\\u27E9`;let r=Ge.get(e);if(!r){let t=(Qe.get(e.kind)??0)+1;Qe.set(e.kind,t),r=`${e.kind}#${t}`,Ge.set(e,r)}return r};var L=({detail:e,event:r,remedy:t,scope:o,subject:a},{styled:n=yt}={})=>{let c=a&&or(a),g=[r,e,t].filter(Boolean).join(" \\u2014 ");if(!n)return[`[loom] ${o}${c?` ${c}`:""} ${g}`];let p=["background:#6d28d9;color:#fff;border-radius:3px;padding:1px 4px;font-weight:600","color:#6d28d9;font-weight:600"],k=`%c[loom]%c ${o}`;return c&&(p.push("color:#0e7490;font-weight:600"),k+=`%c ${c}`),p.push(""),k+=`%c ${g}`,[k,...p]},Se=typeof window<"u"?window:void 0,Ce=()=>Se!==void 0,W=()=>{if(!Se)throw new Error("[loom] No DOM is available. Outside a browser, render through `renderToString(app, { window })` from `@loom-js/core/server`.");return Se},H=()=>W().document;var er=new WeakMap,zt=e=>{let r=er.get(e);return r||(r={pending:0,pendingSubjects:new Map,zeroWaiters:[]},er.set(e,r)),r},Ae=(e,r)=>{if(e===null||typeof e!="object"&&typeof e!="function"||typeof e.then!="function"||!Ce())return;let t=zt(W()),o=()=>{if(t.pending--,r){let a=(t.pendingSubjects.get(r)??1)-1;a>0?t.pendingSubjects.set(r,a):t.pendingSubjects.delete(r)}t.pending===0&&t.zeroWaiters.splice(0).forEach(a=>a())};t.pending++,r&&t.pendingSubjects.set(r,(t.pendingSubjects.get(r)??0)+1),e.then(o,o)};var Et={activity:!0,creation:!0,mutations:!0,updates:!0},fe={activity:!1,creation:!1,mutations:!1,updates:!1},Te=["abort","animationcancel","animationend","animationiteration","auxclick","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragexit","dragleave","dragover","dragstart","durationchange","ended","error","focus","formdata","gotpointercapture","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadend","loadstart","lostpointercapture","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","pause","play","playing","pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup","reset","resize","scroll","select","selectionchange","selectstart","submit","touchcancel","touchstart","transitioncancel","transitionend","transitionrun","transitionstart","wheel"],ar=()=>({events:Te,TOKEN:se,tokenRe:ir,tokenReGlobal:lr}),ke=e=>new RegExp(`${se}|${encodeURIComponent(se)}`,e),nr=()=>Object.assign(B,ar()),se="\\u26A1",ir=ke(),lr=ke("g"),sr=e=>{Te=Te.concat(e),nr()},X=e=>cr()&&fe[e],B=ar(),cr=()=>globalThis.process?.env.NODE_ENV!=="production"&&Object.values(fe).some(Boolean),Pe=(e=!0,r)=>{let t=typeof e=="object";return fe=t||e?{activity:!1,creation:!1,mutations:!1,updates:!1,...(t?e:r)??Et}:{activity:!1,creation:!1,mutations:!1,updates:!1},{...fe}},dr=e=>(se=e,ir=ke(),lr=ke("g"),nr(),se),$t=()=>{},O=new Proxy(globalThis.console,{get(e,r){let t=Reflect.get(e,r);return t instanceof Function?r==="warn"||r==="error"||cr()?t.bind(e):$t:t}}),rr=new Set;var Re=e=>{if(e===null||rr.size===0)return!1;for(let r of rr)if(r===e||r.contains(e))return!0;return!1},tr=(e,r,t)=>{let o=e[r]??=new Map,a=o.get(t);return a||(a={},o.set(t,a)),a.parent=e,a},xe=(e={},r,t)=>Z(r)?(e.arrayChildren?.delete(t),tr(e,"children",t)):Array.isArray(r)?(e.children?.delete(t),tr(e,"arrayChildren",t)):void(!e.children&&!e.arrayChildren||r instanceof W().Node||(e.children?.delete(t),e.arrayChildren?.delete(t))),pr=(e,r)=>{e.children?.delete(r),e.arrayChildren?.delete(r)},mr=e=>typeof e=="function"?e.contextFunctionKind??(e.name==="contextFunction"?"component":e.name==="activityContextFunction"?"activity":void 0):void 0,Z=e=>!!mr(e),ur=e=>mr(e)==="activity",ce=e=>Array.isArray(e.root)?e.root[0]:e.root,je=e=>{let r=e.root?ce(e):void 0;return!!r&&(H().contains(r)||Re(r))},Q=e=>({children:e.children,chunks:e.chunks,ctxScopes:e.ctxScopes,fingerPrint:e.fingerPrint,fragment:e.fragment,key:e.key,lifeCycleState:e.lifeCycleState?.value,node:e.node,parent:e.parent,props:e.props,root:e.root,slots:e.slots});var Ne=(e,r)=>Object.entries(e).some(([t,o])=>q(o)&&q(r[t])?Ne(o,r[t]):o!==r[t]),q=e=>e!==null&&typeof e=="object"&&!Array.isArray(e),gr=(e,r)=>e.length!==r.length||e.some((t,o)=>t!==r[o]),vr=(e,r)=>Object.entries(e).some(([t,o])=>o!==r[t]),hr=e=>e.split("-").map((r,t)=>t===0?r:r.charAt(0).toUpperCase()+r.slice(1)).join(""),U=new Map,St=["beforeRender","created","mounted","rendered","unmounted"],oe={creation(e){if(e.lifeCycleState){let r=ce(e);r&&!U.has(r)&&(U.set(r,e),te(e,"created"))}},observe(e){let r=X("mutations"),t=new(W()).MutationObserver(Tt);r&&O.groupCollapsed(...L({event:"mounting",scope:"mutations"})),t.observe(e,{childList:!0,subtree:!0}),U.forEach((o,a)=>{let n=ce(o);n&&H().contains(n)&&o.lifeCycleState?(te(o,"mounted"),r&&O.info(...L({event:"mounted",scope:"mutations",subject:o.key?_("component",String(o.key)):void 0}),a,Q(o))):U.delete(a)}),r&&O.groupEnd()},release(e){U.forEach((r,t)=>{t.ownerDocument===e&&U.delete(t)})},preRender(e){e.lifeCycleState&&te(e,"beforeRender")},postRender(e){e.lifeCycleState&&te(e,"rendered")}},br=(e,r)=>{r(e);let t=e.nodeType===1?e.firstElementChild:null;for(;t;){let o=t.firstElementChild,a=t;for(;!o&&a&&a!==e;)o=a.nextElementSibling,a=a.parentElement;r(t),t=o}},Tt=e=>{if(!U.size)return;let r=X("mutations"),t=new Map;r&&O.groupCollapsed(...L({event:"mutating",scope:"mutations"})),e.forEach(({addedNodes:a,removedNodes:n,type:c})=>{if(c==="childList"){if(n.length){let g=p=>{let k=U.get(p);k?.lifeCycleState&&t.set(p,k)};n.forEach(p=>br(p,g))}if(a.length){let g=p=>{let k=U.get(p);k?.lifeCycleState&&(te(k,"mounted"),r&&O.info(...L({event:"mounted",scope:"mutations",subject:k.key?_("component",String(k.key)):void 0}),p,Q(k)))};a.forEach(p=>br(p,g))}}});let o=[];t.forEach((a,n)=>{H().contains(n)||(U.delete(n),a.lifeCycleState&&te(a,"unmounted"),o.push(a),r&&O.info(...L({event:"unmounted",scope:"mutations",subject:a.key?_("component",String(a.key)):void 0}),n,Q(a)))}),o.forEach(Oe),r&&O.groupEnd()},Oe=e=>{e.teardowns?.forEach(r=>r()),e.teardowns?.clear(),e.owned&&=void 0,fr(e),e.children?.forEach(Oe),e.arrayChildren?.forEach(Oe)},fr=e=>{St.forEach(r=>{e[r]&&(e[r]=void 0)})},kr=e=>{e.lifeCycleState={value:null},fr(e)},xr=e=>({onBeforeRender:r=>de(e,"beforeRender",r),onCreated:r=>de(e,"created",r),onMounted:r=>de(e,"mounted",r),onRendered:r=>de(e,"rendered",r),onUnmounted:r=>de(e,"unmounted",r)}),de=(e,r,t)=>{e[r]?.length&&!e.registering?.has(r)||((e[r]??=[]).push(t),(e.registering??=new Set).add(r))},te=(e,r)=>{let t=e.lifeCycleState;t&&t.value!==r&&(t.value=r,e[r]?.forEach(o=>o(e.root)),e.ref?.[r]?.(e.root))},Ie=(e=H().body,r,t="replace")=>{let o=a=>{let n=Array.isArray(a)?a:[a];switch(t){case"append":e.append(...n);break;case"prepend":e.prepend(...n);break;default:e.replaceChildren(...n)}};if(r.hasOwnProperty("root")){let a=r;a.root&&o(a.root)}else o(r)},Ct="loom-app",At="loom-state",Po=`<div id="${Ct}" style="height: 100%"></div>`,Ro=`<script id="${At}" type="application/json"><\\/script>`;var Rt=new WeakMap,zr=(e,r)=>{Rt.set(e,r)};var jt=new WeakMap;var Ot=new WeakMap,Er=(e,r,t)=>{Ot.set(e,r),t&&jt.set(r,{explicit:!0,name:t})};var ee=null,$r=e=>{pe=[],ee=e},pe=[],Nt={activityCreated:e=>pe.length<1e4&&pe.push(["activityCreated",e]),rendered:(e,r)=>pe.length<1e4&&pe.push(["rendered",e,r])};var me=()=>globalThis.performance.now(),Me="loom:devtools",wr,ae,yr=!1,Sr=e=>{try{let r=globalThis.sessionStorage;return e!==void 0&&(e?r.setItem(Me,"1"):r.removeItem(Me)),r.getItem(Me)==="1"}catch{return!1}},Le=({persist:e}={})=>{if(!wr)return yr||O.warn(...L({event:"no devtools implementation is registered",remedy:"set `devtools` in loom.config or call `registerDevtools`",scope:"devtools"})),yr=!0,Promise.resolve(void 0);if(e!==void 0&&Sr(e),!ae){let r=wr;ee??=Nt,ae=r().then(t=>t.activate()).catch(t=>{throw ae=void 0,$r(null),t})}return ae},Tr=async()=>{let e=ae;Sr(!1),ae=void 0,$r(null),(await e)?.deactivate()},Cr=async(e="dock")=>(await Le())?.open(e);var We=Symbol("loom.attr-binding"),He=e=>typeof e=="object"&&e!==null&&e[We]===!0,It=Symbol("loom.unapplied"),Ve=(e,r,t)=>{let o=It,a=r.watch(({value:n})=>{let c=r.select(n);Object.is(c,o)||(o=c,e(c))});return t&&(t.teardowns=t.teardowns||new Set,t.teardowns.add(a)),a},Mt=new Set,Ar=e=>{Mt.add(e)};var Lt=({commit:e,concurrency:r,subject:t,timeout:o})=>{let a=null,n=[],c=[],g=!1,p=f=>{f.retired=!0,f.buffer&&(f.buffer.length=0),f.controller.abort()},k=f=>{if(!f.settled){if(f.settled=!0,f.resolveTracked?.(),r==="ordered")for(;n[0]?.settled;){n.shift();let z=n[0];z?.buffer?.splice(0).forEach(E=>!z.retired&&e(E))}else if(r==="serial"){let z=c.shift();z?z():g=!1}}},x=(f,z)=>{let E=z((h=>l=>{h.retired?X("activity")&&O.info(...L({detail:"the run was retired (superseded or timed out)",event:"dropped commit",scope:"activity",subject:t})):r!=="ordered"||n[0]===h?e(l):h.buffer?.push(l)})(f),f.controller.signal);if((i=E)===null||typeof i!="object"&&typeof i!="function"||typeof i.then!="function")return void k(f);var i;let d;f.resolveTracked||Ae(new Promise(h=>{f.resolveTracked=h}),t);let m=()=>{clearTimeout(d),k(f)};E.then(m,m),o!==void 0?d=setTimeout(()=>{f.settled||(p(f),O.warn(...L({detail:"its signal aborted and any later commits are dropped",event:`transform run exceeded its ${o}ms timeout and was retired`,remedy:"raise `timeout`, or make the transform abort-aware via its `signal`",scope:"activity",subject:t})),k(f))},o):X("activity")&&(d=setTimeout(()=>{!f.settled&&X("activity")&&O.info(...L({detail:"the activity sets no `timeout`, so it stays unbounded",event:"transform run pending for 5000ms",scope:"activity",subject:t}))},5e3))};return f=>{let z={buffer:r==="ordered"?[]:null,controller:new AbortController,resolveTracked:null,retired:!1,settled:!1};if(r==="serial"){Ae(new Promise(i=>{z.resolveTracked=i}),t);let E=()=>x(z,f);return void(g?c.push(E):(g=!0,E()))}r==="ordered"?n.push(z):(a&&!a.settled&&p(a),a=z),x(z,f)}},Jr=new WeakMap,Pr=new WeakMap,qe=(e,r)=>{let t=Jr.get(r),o=()=>{o.disposed||(t&&(t.active=o),e(r),t&&(t.active=null))};return o.memberships=new Set,o(),()=>{o.disposed||(o.disposed=!0,o.memberships?.forEach(a=>a.delete(o)),o.memberships?.clear())}},Wt=(e,r=(t,o)=>t!==o)=>{let t=Pr.get(e);t||(t=new Map,Pr.set(e,t));let o={active:null,deps:t},a=new Proxy(e,{get:function(n,c){return((g,p)=>{let k=g.active;if(!k||k.disposed)return;let x=g.deps.get(p);x||(x=new Set,g.deps.set(p,x)),x.has(k)||(x.add(k),k.memberships?.add(x))})(o,c),n[c]},set:function(n,c,g){let p=n[c];return r(p,g)&&(n[c]=g,((k,x)=>{k.deps.get(x)?.forEach(f=>f())})(o,c)),!0}});return Jr.set(a,o),a},Rr=(e,r)=>{X("updates")&&O.warn(...L({detail:r,event:"call-order mismatch",remedy:"call `own` unconditionally, in the same order, every render",scope:"own",subject:e.key?_("component",String(e.key)):void 0}))},Zr=new Set,Ht=e=>{let r;return()=>{r??=(e.refs??Zr).values();let t=r.next().value;return t||(t=Vt(),(e.refs??=new Set).add(t),t)}},Vt=()=>({onBeforeRender(e){this.beforeRender=e},onCreated(e){this.created=e},onMounted(e){this.mounted=e},onRendered(e){this.rendered=e},onUnmounted(e){this.unmounted=e}}),ne=(e,r={})=>{if(typeof e=="function"){let t;return Z(e)?t=e(r).root:t=e(),t instanceof W().NodeList?Array.from(t):(function(a){return a&&typeof a!="function"?a:""})(t)}return e instanceof W().NodeList?Array.from(e):e||e===0?e:""},Fe=e=>e instanceof W().Text?e:H().createTextNode(String(e)),jr=new WeakMap,qt={indexByKey:new Map,items:[]},we=e=>Array.isArray(e)?e[0]:e,De=e=>Array.isArray(e)?e:[e],Dt=(e,r,t)=>Array.isArray(e)?e.every((o,a)=>o.parentNode===t&&o.nextSibling===(e[a+1]??r)):e.parentNode===t&&e.nextSibling===r,Kt=([e,r],t)=>{let o=Array.isArray(e),a=o?jr.get(e)??(n=e,{indexByKey:new Map(n.map((u,y)=>[y,y])),items:n.map((u,y)=>({entry:u,key:y,ownsContext:!1}))}):qt;var n;let c=a.items,g=o?e[0]?.parentNode:e?.parentNode,p=c.length?De(c[c.length-1].entry).at(-1):void 0,k=o?p?.nextSibling??null:e??null,x;r.length||r.push(H().createTextNode(""));let f=[],z=new Uint8Array(c.length),E=0,i=!0,d=-1,m=new Map,h=[],l=r.map((u,y)=>{let S=((P,V)=>(Z(P)?P.key:void 0)??V)(u,y),$=xe(t,u,S),T=(P=>{let{Comment:V,Element:ge,HTMLElement:ve,SVGElement:wt}=W();return Array.isArray(P)?P.length?P.map(he=>he instanceof ge||he instanceof V?he:Fe(he)):[H().createTextNode("")]:P instanceof ve||P instanceof wt||P instanceof V?P:Fe(P)})(ne(u,$)),M=we(T),C=a.indexByKey.get(S),A=C!==void 0&&we(c[C].entry)===M?C:(K=M).parentNode?(x||(x=new Map,c.forEach(({entry:P},V)=>x.set(we(P),V))),x.get(K)??-1):-1;var K;let j=Z(F=u)||Array.isArray(F);var F;if(m.set(S,y),Array.isArray(T)?h.push(...T):h.push(T),A<0||z[A])return f.push(-1),{entry:T,key:S,ownsContext:j};let J=c[A];return z[A]=1,E+=1,f.push(A),i&&=A>d,d=A,J.entry===T&&J.key===S&&J.ownsContext===j?J:{entry:T,key:S,ownsContext:j}});if(jr.set(h,{indexByKey:m,items:l}),E<c.length&&c.forEach(({key:u,ownsContext:y},S)=>{!z[S]&&y&&!m.has(u)&&t&&pr(t,u)}),!E&&g&&Ft(g,o?e:e?[e]:[],h))return g.replaceChildren(Or(h)),h;E<c.length&&c.forEach(({entry:u},y)=>{!z[y]&&De(u).forEach(S=>S.remove())});let b=i?void 0:(u=>{let y=[],S=[],$=new Set;u.forEach((M,C)=>{if(M<0)return;let A=0,K=y.length;for(;A<K;){let j=A+K>>1;(u[y[j]??0]??0)<M?A=j+1:K=j}S[C]=A>0?y[A-1]??-1:-1,y[A]=C});let T=y[y.length-1]??-1;for(;T>=0;)$.add(T),T=S[T]??-1;return $})(f),w=k,s=[],v=()=>{if(!s.length||!g)return;let[u]=s;g.insertBefore(s.length===1&&u&&!Array.isArray(u)?u:Or(s.reverse().flatMap(De)),w),s.length=0};for(let u=l.length-1;u>=0;u--){let{entry:y}=l[u];(b?b.has(u):f[u]>-1)||!g||Dt(y,w,g)?(v(),w=we(y)??w):s.push(y)}return v(),!o&&e&&!h.includes(e)&&e.remove(),h},Or=e=>{let r=H().createDocumentFragment();for(let t=0;t<e.length;t+=1024)r.append(...e.slice(t,t+1024));return r},Ft=(e,r,t)=>r.length>0&&r.length===e.childNodes.length&&r.every(o=>o.parentNode===e)&&t.every(o=>o.parentNode!==e),_e=([e,r])=>{let t;return Array.isArray(e)?(t=e.splice(0,1)[0],e.forEach(o=>o.remove())):t=e,t&&!t.isSameNode(r)?(t.replaceWith(...Array.isArray(r)?r:[r]),r):t||r},Gr=(e,r,t)=>r instanceof W().Element?_e([e,r]):Array.isArray(r)?Kt([e,r],t):_e([e,Fe(r)]),D=(e,r,t={})=>{let o=new Map,a=typeof r=="function",n=a?r:q(r)?r?.transform:void 0,{concurrency:c="latest",deep:g=!1,force:p=!1,label:k,timeout:x}=a?t:r||{},{commit:f,dispatchWithForce:z,forceNow:E,value:i,valueProp:d}=((b,{deep:w,force:s})=>{let v=s,u=$=>Array.isArray($)?$.slice():q($)&&$.constructor.name==="Object"?Object.assign({},$):$,y=u(b),S=Wt({value:y},($,T)=>{let M=!1;return M=!!v||(w&&Array.isArray($)&&Array.isArray(T)?gr($,T):w&&q($)&&q(T)?vr($,T):$!==T),y=M?u(T):$,M});return{commit($){S.value=$},dispatchWithForce($,T){v=$,T(),v=s},forceNow:()=>v,value:()=>u(y),valueProp:S}})(e,{deep:g,force:p}),m=_("activity",k),h=Lt({commit:f,concurrency:c,subject:m,timeout:x});try{q(e)&&Object.freeze(e)}catch{}let l={bind:(b=w=>w)=>({[We]:!0,activity:l,select:b,watch:w=>qe(()=>w({value:d.value}),d)}),effect:b=>Object.assign(function(s={}){let v=()=>{let u=ee,y=u?me():0,S=o.get(s),$=S&&S({value:d.value});var T,M,C;s.root=(T=s.root,M=$,C=ur($)?xe(s,$,0):s,Gr(T,ne(M,C),C)),u&&u.rendered(s,me()-y)};if(s.ctxScopes=s.ctxScopes||new Map,s.activity=l,s.root&&o.has(s))o.set(s,b),v();else{o.set(s,b);let u=qe(v,d);s.teardowns=s.teardowns||new Set,s.teardowns.add(()=>{u(),o.delete(s)})}return s},{contextFunctionKind:"activity"}),initialValue:e,reset:()=>typeof n=="function"?h(b=>b(e)):f(e),update(b,w=E()){z(w,()=>typeof n=="function"?h((s,v)=>n({input:b,signal:v,update:s,value:i()})):f(b))},value:i,watch:b=>qe(()=>b({value:d.value}),d)};return zr(l,m),ee&&ee.activityCreated(l),l},_t=()=>{globalThis.loom={setDebug:Pe,devtools:{disable:Tr,enable:Le,open:Cr}}},Bt=({debug:e,debugScope:r,events:t,token:o})=>{e!==void 0&&Pe(e,r),t&&sr(t),o&&dr(o)},Ut=e=>{let{HTMLBodyElement:r,HTMLHeadElement:t}=W();if(e===null||e instanceof t||e instanceof r){let o=H().createElement("div");return o.id="loom-app",Ie(void 0,o,"prepend"),o}return e},Qr=({app:e,globalConfig:r={},onAppMounted:t,placement:o,root:a=H().body})=>{_t(),Bt(r);let n=e(),c=Ut(a);Ie(c,n,o),Ar(n),oe.observe(c),typeof t=="function"&&t(c)},Xt={attrs:"attrs",on:"on",props:"props"},Yt=e=>{let{Comment:r,HTMLElement:t,NodeFilter:o,SVGElement:a,Text:n}=W(),c=H().createTreeWalker(e,o.SHOW_ALL),g=[];for(;c.nextNode();){let f=c.currentNode;if(f instanceof t||f instanceof a){let z=Array.from(f.attributes).filter(E=>B.tokenRe.test(E.value));z.length&&g.push([f,z])}else(f instanceof n||f instanceof r)&&B.tokenRe.test(f.textContent||"")&&g.push([f,[]])}let p=[],k=[];g.forEach(([f,z])=>{if(z.length){let E=k.push(f)-1;z.forEach(i=>{let d=(m=>{if(m[0]!=="$")return{kind:"attr",name:m};let h=m.slice(1),l=Xt[h]??(B.events.includes(h)?"event":"custom");return l==="custom"?{kind:l,name:h,prop:hr(h)}:{kind:l,name:h}})(i.name);d.kind!=="attr"&&f.removeAttribute(i.name),p.push({...d,node:E})})}else(E=>{let i=H(),d=(E.textContent??"").split(B.TOKEN),m=[],h=[];return d.forEach((l,b)=>{if(l&&h.push(i.createTextNode(l)),b<d.length-1){let w=i.createTextNode(B.TOKEN);m.push(w),h.push(w)}}),E.replaceWith(...h),m})(f).forEach(E=>{p.push({kind:"text",name:"",node:k.push(E)-1})})});let x=k.map(f=>((z,E)=>{let i=[];for(;z!==E;){let d=0,m=z.previousSibling;for(;m;)d+=1,m=m.previousSibling;i.unshift(d),z=z.parentNode}return i})(f,e));return{entries:p,steps:x.map((f,z)=>((E,i)=>{let d=0;for(;d<E.length&&E[d]===i[d];)d+=1;return d===E.length?[0,0,...i.slice(d)]:[E.length-d-1,i[d]-E[d],...i.slice(d+1)]})(z?x[z-1]:[],f))}},Nr=(e,r,t)=>{let o=ne(t);if(o||o===0)switch(!0){case(r==="type"&&o==="number"&&isNaN(e.value)):e.value="",e.setAttribute(r,String(o));break;case r==="value":e.value=String(o);break;case(r==="style"&&Array.isArray(o)):Ee(e,()=>et(e,o));break;case(r==="style"&&q(o)):Ee(e,()=>Object.entries(o).forEach(([a,n])=>{(n||n===0)&&e.style.setProperty(a,String(n))}));break;default:e.setAttribute(r,String(o))}else e.removeAttribute(r)},Ee=(e,r)=>{e.style.cssText="",r(),e.getAttribute("style")||e.removeAttribute("style")},et=(e,r)=>{let t=o=>{typeof o=="string"?o.split(";").forEach(a=>{if(a){let[n,c]=a.split(":"),g=n?.trim(),p=c?.trim();p&&g&&e.style.setProperty(g,p)}}):typeof o!="function"||Z(o)?q(o)&&Object.entries(o).forEach(([a,n])=>{(n||n===0)&&e.style.setProperty(a,String(n))}):t(o())};r.flat().forEach(t)},Ir=(e,r,t,o,a)=>{if(typeof t=="function"&&e.removeEventListener(r,t,!1),typeof o=="function")return e.addEventListener(r,o,!1),o;o&&O.warn(...L({detail:`${JSON.stringify(o)} is neither falsy nor an event listener, so nothing was bound (non-breaking)`,event:"unexpected special-attribute value",remedy:"pass an event-listener function, or a falsy value to skip binding",scope:"templating",subject:_("attr",a)}))},Mr=({appendProps:e=!0,attrName:r,element:t,newProps:o})=>{let a=t;a.isWebComponent?o&&q(o)?e?Object.assign(a.props,o):Object.assign(o,a.props):o&&O.warn(...L({detail:"the value must be an object literal, so it was ignored",event:"ignored a non-object value",remedy:"pass an object literal",scope:"templating",subject:_("attr",r)})):o&&O.warn(...L({detail:`${r} was set, but the element is not a registered custom element`,event:"ignored props",remedy:"register it with `defineElement`, and import its module before this template renders",scope:"templating",subject:_("element",`<${t.tagName?.toLowerCase()}>`)}))},Lr=(e,r,t)=>{let o=ne(t);if(o||o===0)switch(!0){case(r==="className"&&typeof o=="string"):o&&e.setAttribute("class",o);break;case(r==="style"&&Array.isArray(o)):Ee(e,()=>et(e,o));break;case(r==="style"&&q(o)):Ee(e,()=>Object.entries(o).forEach(([a,n])=>{(n||n===0)&&e.style.setProperty(a,String(n))}));break;default:e.setAttribute(r,String(o))}else e.removeAttribute(r==="className"?"class":r)},Wr=e=>O.warn(...L({detail:"the value must be an object literal, so it was ignored",event:"ignored a non-object value",remedy:"pass an object literal",scope:"templating",subject:_("attr",e)})),Jt={attr:(e,{name:r},t,o)=>{let a=e.node,n=e.state;n&&(n(),o.teardowns?.delete(n),e.state=void 0),He(t)?e.state=Ve(c=>Nr(a,r,c),t,o):Nr(a,r,t)},attrs:(e,r,t,o)=>{if(!t||!q(t))return void(t&&Wr("$attrs"));let a=e.node;Object.entries(t).forEach(([n,c])=>{let g=e.state,p=g?.get(n);if(p&&(p(),o.teardowns?.delete(p),g?.delete(n)),He(c)){let k=Ve(x=>Lr(a,n,x),c,o);return void(e.state??=new Map).set(n,k)}Lr(a,n,c)})},custom:(e,{name:r,prop:t},o)=>{let a=e.node;if(a.isWebComponent)Mr({attrName:`$${r}`,element:a,newProps:{[t]:o}});else{let n=ne(o);n||n===0?a.setAttribute(r,String(n)):a.removeAttribute(r)}},event:(e,{name:r},t)=>{e.state=Ir(e.node,r,e.state,t,`$${r}`)},on:(e,r,t)=>{if(!t||!q(t))return void(t&&Wr("$on"));let o=e.node;Object.entries(t).forEach(([a,n])=>{if(!B.events.includes(a))return;let c=e.state??=new Map,g=c.get(a);if(g===n)return;let p=Ir(o,a,g,n,"$on");p?c.set(a,p):c.delete(a)})},props:(e,r,t)=>{Mr({appendProps:!1,attrName:"$props",element:e.node,newProps:t})},text:(e,r,t,o,a)=>{let n=xe(o,t,a),c=ne(t,n),{Element:g,Text:p}=W();if(c instanceof g||c instanceof p||Array.isArray(c))return e.node=Gr(e.node,c,n),void(e.state=void 0);let k=e.state;if(k&&e.node===k)return void(k.data=String(c));let x=H().createTextNode(String(c));e.node=_e([e.node,x]),e.state=x}},Hr=(e,r,t,o,a)=>Jt[r.kind](e,r,t,o,a),ue=/[A-Za-z_]/,Zt=/[A-Za-z0-9_-]/,Vr=/[\\s/>]/,Be=/^(?:area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,qr="unexpected interpolation in the attribute region \\u2014 an interpolated value must immediately follow `name=`",Dr="a slot label must be a static, non-empty quoted string",N=(e,r)=>{throw new Error(`[loom] Component element syntax error: ${e}${r?` near: \\`${r}\\``:""}`)},I=(e,r)=>e.slice(Math.max(0,r-24),r+24),re=(e,r)=>{let t=r;for(;t<e.length&&Zt.test(e[t]);)t++;return t},Gt=/^(?:script|style|textarea|title)$/,Qt=/[ \\t\\f]*[\\n\\r][ \\t\\n\\r\\f]*/g,eo=/[\\n\\r]/,ro=(e,r,t)=>e.replace(Qt,(o,a)=>{let n=a===0&&r==="boundary",c=a+o.length===e.length&&t==="boundary";return n||c?"":" "}),to=(e,r)=>{let t=e.indexOf("<",r);for(;t>-1;){let o=e[t+1];if(o!==void 0&&(o==="/"||o==="!"||ue.test(o)))return t;t=e.indexOf("<",t+1)}return-1},oo=e=>{if(!e.some(x=>eo.test(x)))return e;let r=e.length-1,t="boundary",o=!1,a=!1,n=null,c=0,g=null,p=null,k=e.map((x,f)=>{let z=x.length,E="",i=0,d=m=>{E+=x.slice(i,m),i=m};for(;i<z;){if(o){let v=x.indexOf("-->",i);o=v===-1,d(o?z:v+3);continue}if(a){if(g){let u=x.indexOf(g,i);u===-1?d(z):(g=null,d(u+1));continue}let v=x[i];if(v===\'"\'||v==="\'")g=v;else if(v===">"){let u=n&&x[i-1]!=="/"&&!Be.test(n)?n:null;u==="pre"&&c++,u&&Gt.test(u)&&(p=u),t=u?"boundary":"content",n=null,a=!1}d(i+1);continue}if(p){let v=x.toLowerCase().indexOf(`</${p}`,i);if(v===-1){d(z);continue}p=null,d(v)}let m=to(x,i),h=m===-1?z:m;if(h>i){let v=x.slice(i,h),u=m===-1?f===r:x[m+1]==="/",y=c?v:ro(v,t,u?"boundary":"content");y&&(t="content"),E+=y,i=h}if(m===-1)continue;if(x.startsWith("<!--",m)){t="content",o=!0,d(m+4);continue}let l=x[m+1]==="/",b=m+(l?2:1),w=re(x,b),s=x.slice(b,w).toLowerCase();l&&s==="pre"&&c&&c--,n=l||!s?null:s,a=!0,d(w)}return f<r&&!a&&!o&&!p&&(t="content"),E});return k.some((x,f)=>x!==e[f])?k:e},Kr=()=>({getters:[],statics:[""]}),rt=new WeakSet,ao=e=>rt.has(e),Y=(e,r)=>{e.statics[e.statics.length-1]+=r},ye=(e,r)=>{e.getters.push(r),e.statics.push("")},ze=(e,r)=>{let t=e.slotRegions||=new Map,o=t.get(r);return o||t.set(r,o={getters:[],statics:[""]}),o},Fr=(e,r)=>{(a=>{rt.add(a.statics)})(e);let t=e.statics,o=R((a,{values:n=[]})=>a(t,...n),{name:r});return{getters:e.getters,synth:o}},_r=e=>{let{props:r,region:t,slotRegions:o,tagIndex:a}=e,n=t&&(t.getters.length||t.statics.some(g=>g.trim()))?Fr(t,"children"):null,c=o?Array.from(o,([g,p])=>[g,Fr(p,`slot:${g}`)]):null;return g=>{let p=g[a];typeof p!="function"&&N(`the component tag value at interpolation #${a} is not callable`);let k=f=>f.synth({values:f.getters.map(z=>z(g))}),x={};if(r.forEach(([f,z])=>{f===null?Object.assign(x,z(g)):x[f]=z(g)}),n&&(x.children=k(n)),c){let f={};c.forEach(([z,E])=>{f[z]=k(E)}),x.slots=f}return p(x)}},no=(e,r)=>{let t={getters:[],statics:[""]},o=[],a=t,n=null,c=null,g=!1,p=!1,k=null,x=i=>{let d=k,m=o[o.length-1],h=!i&&!Be.test(d.name);if(k=null,d.buffer){let w=d.label?ze(m,d.label):m.region;l=w,b=d.buffer,Y(l,b.statics[0]),b.getters.forEach((s,v)=>{ye(l,s),Y(l,b.statics[v+1])}),a=m.region,h&&(m.tagStack.push(d.name),d.label&&(m.activeSlot=d.label,a=w))}else h&&m.tagStack.push(d.name);var l,b},f=(i,d,m,h)=>{let l=k,b=i.length,w=d,s=u=>(Y(a,i.slice(m,u)),u),v=()=>N(Dr,I(i,w));for(;w<b;){let u=i[w];if(l.quote){let y=i.indexOf(l.quote,w);if(y===-1)return s(b);l.quote=null,w=y+1;continue}if(l.inValue){if(!/[\\s>]/.test(u)){w++;continue}l.inValue=!1}if(u===">")return w++,s(w),x(i[w-2]==="/"),w;if(u!==\'"\'&&u!=="\'"){if(l.buffer&&ue.test(u)){let y=re(i,w+1),S=i.slice(w,y)==="slot",$=i[y];if($==="="){let T=i[y+1];if(T===\'"\'||T==="\'"){if(S){let M=i.indexOf(T,y+2),C=M>-1?i.slice(y+2,M):"";C||v(),l.label=C,w=M+1}else l.quote=T,w=y+2;continue}if(T===void 0)return S&&h!==r&&v(),s(b);S&&v(),l.inValue=!0,w=y+1;continue}!S||$===void 0&&h===r||v(),w=y;continue}w++}else l.quote=u,w++}return s(b)},z=(i,d)=>{let m=n,h=i.length,l=0,b=()=>N(Dr,I(i,l));if(p){let w=i[l];w===void 0||Vr.test(w)||N("the component tag and interpolated prop values must be followed by whitespace, `/>`, or `>`",I(i,0)),p=!1}for(;l<h;){let w=i[l];if(/\\s/.test(w))l++;else{if(w==="/"){if(i[l+1]===">")return n=null,ye(m.slotLabel?ze(o[o.length-1],m.slotLabel):a,_r(m)),l+2;N("unexpected `/` in the attribute region",I(i,l))}if(w===">")return m.region=Kr(),o.push(m),a=m.region,n=null,l+1;if(w==="$"){let s=re(i,l+1);N(`component props take no \\`$\\` sigil \\u2014 write \\`${i.slice(l+1,s)}\\`, not \\`${i.slice(l,s)}\\``,I(i,l))}if(i.startsWith("...",l))return l+3!==h&&N("`...` must immediately precede an interpolated value \\u2014 write `...${object}`",I(i,l)),d===r&&N("unterminated component element",I(i,l)),g=!0,h;if(ue.test(w)){let s=re(i,l+1),v=i.slice(l,s),u=i[s],y=v==="slot"&&o.length>0&&!o[o.length-1].tagStack.length;if(u==="="){let S=i[s+1];if(S===\'"\'||S==="\'"){let $=i.indexOf(S,s+2);$===-1&&N("a quoted attribute value must open and close within the same chunk (no interpolations inside quotes)",I(i,s));let T=i.slice(s+2,$);y?(T||b(),m.slotLabel=T):m.props.push([v,()=>T]),l=$+1;continue}if(s+1===h)return d===r&&N("unterminated component element",I(i,l)),y&&b(),c=v,h;N(`unquoted attribute value for \\`${v}\\` \\u2014 use quotes or an interpolation`,I(i,s))}if(u===void 0)return d===r&&N("unterminated component element",I(i,l)),N(qr,I(i,l));if(Vr.test(u)){y&&b(),m.props.push([v,()=>!0]),l=s;continue}N(`unexpected character \\`${u}\\` after attribute \\`${v}\\``,I(i,s))}N(`unexpected character \\`${w}\\` in the attribute region`,I(i,l))}}return d===r&&N("unterminated component element",I(i,h-1)),N(qr,I(i,h-1))},E=(i,d,m)=>{let h=i.length,l=d;if(k&&(l=f(i,l,l,m),k))return!1;for(;l<h;){let b=i.indexOf("<",l);if(b===-1)return Y(a,i.slice(l)),!1;Y(a,i.slice(l,b));let w=i[b+1];if(w===void 0)return m===r?(Y(a,"<"),!1):(n={props:[],region:null,tagIndex:m,tagStack:[]},p=!0,!0);if(w==="/"){let s=i[b+2];if(s===">"){let v=o.pop();v||N("unmatched `</>` \\u2014 no component element is open",I(i,b));let u=v,y=o.length?o[o.length-1]:null;a=y?y.activeSlot?ze(y,y.activeSlot):y.region:t,ye(u.slotLabel&&y?ze(y,u.slotLabel):a,_r(u)),l=b+3;continue}if(s==="/"&&N("`<//>` is not an accepted closing form \\u2014 close with `</>`",I(i,b)),s===void 0&&m!==r&&N("`</${\\u2026}>` is not an accepted closing form \\u2014 close with `</>`",I(i,b)),o.length){let v=o[o.length-1],u=i.indexOf(">",b+2);if(u>-1&&v.tagStack.length){let y=i.slice(b+2,u).trim().toLowerCase(),S=v.tagStack.lastIndexOf(y);S>-1&&(v.tagStack.length=S),Y(a,i.slice(b,u+1)),!v.tagStack.length&&v.activeSlot&&(v.activeSlot=null,a=v.region),l=u+1;continue}}Y(a,"</"),l=b+2;continue}if(o.length&&ue.test(w)){let s=re(i,b+2);if(k={buffer:!o[o.length-1].tagStack.length?Kr():null,name:i.slice(b+1,s).toLowerCase()},k.buffer&&(a=k.buffer),l=f(i,s,b,m),k)return!1;continue}Y(a,"<"),l=b+1}return!1};for(let i=0;i<e.length;i++){let d=e[i],m=0,h=!1;if(n){if(c){let l=i-1,b=c;n.props.push([b,w=>w[l]]),c=null,p=!0}else if(g){let l=i-1;n.props.push([null,b=>b[l]]),g=!1,p=!0}m=z(d,i)}if(n||(h=E(d,m,i)),i<r&&!h&&!n){let l=i;ye(a,b=>b[l])}}return o.length&&N("unclosed component element \\u2014 expected `</>`"),t},io=e=>{let{Node:r}=W(),t=0;for(let o of Array.from(e.childNodes))switch(!0){case o.nodeType===r.ELEMENT_NODE:t++;break;case(o.nodeType===r.TEXT_NODE&&!o.textContent?.trim()):break;default:return!0}return t!==1},lo=/^(?:caption|col|colgroup|tbody|td|tfoot|th|thead|tr)$/,so=/^(?:caption|col|colgroup|table|tbody|td|tfoot|th|thead|tr)$/,co=/^(?:colgroup|table|tbody|tfoot|thead|tr)$/,po=/<\\/?(?:caption|col|colgroup|table|tbody|td|tfoot|th|thead|tr)[\\s/>]/i,Ke=/^(?:td|th)$/,mo=/^(?:td|th|tr)$/,Br=/^(?:tbody|tfoot|thead)$/,Ur=new Map,Xr=new WeakSet;function uo(e,...r){let t=this,o=Ur.get(e);if(!o){let i=(d=>{let m=d.length-1,h=!1;for(let b=0;b<m;b++){let w=d[b];if(w.endsWith("<")||w.endsWith("</")){h=!0;break}}if(!h)return null;let l=no(d,m);return{chunks:l.statics,getters:l.getters}})(e);o={documentCache:new WeakMap,plan:i,statics:oo(i?i.chunks:e)},Ur.set(e,o)}let{documentCache:a,plan:n,statics:c}=o,g=H(),p=a.get(g);if(!p){let i=(m=>{let h=new Set;if(!m.some(C=>po.test(C)))return{hasTableMarkup:!1,rootIsTablePart:!1,tableContentTokens:h};let l=[],b=m.length-1,w=!1,s=null,v=!1,u=!1,y=null,S=null,$=()=>l[l.length-1],T=C=>{for(;C.test($()??"");)l.pop()},M=C=>{Ke.test(C)?T(Ke):C==="tr"?(T(Ke),$()==="tr"&&l.pop()):(Br.test(C)||C==="caption")&&(T(mo),Br.test($()??"")&&l.pop())};for(let C=0;C<m.length;C++){let A=m[C],K=A.length,j=0;for(;j<K;){if(v){let P=A.indexOf("-->",j);P===-1?j=K:(v=!1,j=P+3);continue}if(u){if(y){let V=A.indexOf(y,j);V===-1?j=K:(y=null,j=V+1);continue}let P=A[j];P===\'"\'||P==="\'"?y=P:P===">"&&(S&&A[j-1]!=="/"&&!Be.test(S)&&l.push(S),S=null,u=!1),j++;continue}let F=A.indexOf("<",j);if(F===-1){j=K;continue}if(A.startsWith("<!--",F)){v=!0,j=F+4;continue}let J=A[F+1];if(J==="/"){let P=re(A,F+2),V=A.slice(F+2,P).toLowerCase(),ge=l.lastIndexOf(V);ge>-1&&(l.length=ge);let ve=A.indexOf(">",P);ve===-1?(u=!0,j=K):j=ve+1;continue}if(J!==void 0&&ue.test(J)){let P=re(A,F+2),V=A.slice(F+1,P).toLowerCase();s===null&&(s=lo.test(V)),so.test(V)&&(w=!0),M(V),u=!0,S=V,j=P;continue}j=F+1}C<b&&!u&&!v&&co.test($()??"")&&h.add(C)}return{hasTableMarkup:w,rootIsTablePart:s??!1,tableContentTokens:h}})(c),d;if(i.hasTableMarkup){let m=g.createElement("template");m.innerHTML=c.map((h,l)=>l<c.length-1?h+(i.tableContentTokens.has(l)?`<!--${B.TOKEN}-->`:B.TOKEN):h).join(""),d=m.content}else d=g.createRange().createContextualFragment(c.join(B.TOKEN));p={fragment:d,isFragment:ao(e)||io(d),plan:Yt(d)},a.set(g,p)}let k=n?n.getters.map(i=>i(r)):r,{fragment:x,isFragment:f,plan:z}=p,E=(Array.isArray(t.root)?t.root[0]?.parentElement:t.root)??null;if(t.chunks===e&&Xr.has(t)&&(H().contains(E)||Re(E))){let i=X("updates");oe.preRender(t),i&&O.groupCollapsed(...L({event:"updating",scope:"updates",subject:t.key?_("component",String(t.key)):void 0}),Q(t)),t.slots.forEach((d,m)=>{let h=k[m];i&&O.info({newValue:h,oldValue:d.value}),((l,b)=>{switch(!0){case(l instanceof W().Node&&b instanceof W().Node):return!l.isSameNode(b);case(Z(l)&&Z(b)):return!0;case(q(l)&&q(b)):return Ne(l,b);default:return l!==b}})(d.value,h)&&(d.value=h,Hr(d,z.entries[m],h,t,m))}),i&&O.info("completed",Q(t)),i&&O.groupEnd()}else{let i=g.importNode(x,!0);t.chunks=e,f?(t.fragment=!0,t.root=Array.from(i.childNodes)):t.root=i.firstElementChild,oe.creation(t),oe.preRender(t),t.slots=((d,m)=>{let h=[];return d.steps.forEach((l,b)=>{h.push(((w,s)=>{let v=w;for(let u=0;u<s[0];u++)v=v.parentNode;for(let u=0;u<s[1];u++)v=v.nextSibling;for(let u=2;u<s.length;u++){v=v.firstChild;for(let y=0;y<s[u];y++)v=v.nextSibling}return v})(b?h[b-1]:m,l))}),d.entries.map(({kind:l,node:b})=>{let w=h[b];return{node:w,state:l==="text"?w:void 0,value:void 0}})})(z,i),t.slots.forEach((d,m)=>{d.value=k[m],Hr(d,z.entries[m],d.value,t,m)}),f&&(t.root=Array.from(i.childNodes)),Xr.add(t)}return oe.postRender(t),t}var Yr=new WeakMap,R=(e,{name:r}={})=>{let t=(o={})=>{function a(n={},c=!1){let g=n.ctxScopes?n.ctxScopes.get(e):null,p=g||(n.ctxScopes?{}:n),k=!n.root||g===void 0,x=Yr.get(p);if(!c&&!k&&!o.ref&&x&&p.fingerPrint===e&&je(p)&&((m,h)=>{let l=0;for(let b in h)if(b!=="ref"&&Object.hasOwn(h,b)){if(!(b in m)||!Object.is(m[b],h[b]))return!1;l+=1}for(let b in m)b!=="ref"&&Object.hasOwn(m,b)&&(l-=1);return l===0})(x,o))return p;if(k){let m=o.ref;p.arrayChildren&&=void 0,p.children&&=void 0,p.refs&&=void 0,p.fragment=!1,p.fingerPrint=e,kr(p),p.node=()=>p.root,p.render=uo.bind(p),p.owned&&=void 0,m&&(p.ref=m,p.ref.node=p.node,!c&&delete o.ref),n.ctxScopes&&(p.parent=n,n.ctxScopes.set(e,p))}p.key=o.key;let f={...o,children:Array.isArray(o.children)?o.children.flat():o.children};if(p.props=f,c)return p;let z=ee,E=z?me():0,i=(m=>{let h=0;return{own(l){let b=m.owned??(m.owned={sealed:!1,values:[]}),w=h++;if(w<b.values.length)return b.values[w];if(b.sealed)return Rr(m,`re-render call ${w+1} overran the ${b.values.length} cached on first render; its value cannot survive re-renders`),l();let s=l();return b.values.push(s),s},settle(){let l=m.owned;l&&(l.sealed&&h<l.values.length&&Rr(m,`re-render made ${h} of the ${l.values.length} calls cached on first render`),l.sealed=!0)}}})(p);p.registering&&=void 0;let d=e(p.render,{...f,...xr(p),createRef:Ht(p),ctxRefs:()=>(p.refs??Zr).values(),node:p.node,own:i.own});return i.settle(),p.registering&&=void 0,Yr.set(p,o),z&&z.rendered(p,me()-E),d}return a.contextFunctionKind="component",a.key=o.key,a};return Er(t,e,r),t};var Ue="loom-devtools";var bo=e=>typeof e=="object"&&e!==null&&e.source===Ue&&typeof e.type=="string",ot=e=>({...e,protocol:1,source:Ue}),at=e=>({listen(r,t){let o=({data:a,origin:n,source:c})=>{c&&n===e.origin&&bo(a)&&r(c)&&t(a,c)};return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},post(r,t){r.postMessage(t,e.origin)}});var go=500,$e=class extends Error{constructor(t){super(t.message);this.error=t}error},nt=(e,r)=>{let t=at(e),o=new Map,a=new Map,n=new Set,c=new Set,g,p=0,k,x=(d,m,h)=>t.post(r,ot({id:h,kind:"request",payload:m,session:g??"",type:d})),f=d=>{let m=g!==void 0;g=void 0,o.forEach(({reject:h})=>h(new Error("disconnected"))),o.clear(),c.forEach(h=>h(d)),m&&d?.code!=="protocol-mismatch"&&i()},z=d=>{if(d.kind==="response"&&d.id!==void 0){let m=o.get(d.id);o.delete(d.id),d.error?m?.reject(new $e(d.error)):m?.resolve(d.payload);return}d.kind!=="event"||d.session!==g||(d.type==="goodbye"?f():a.get(d.type)?.forEach(m=>m(d.payload)))};t.listen(d=>d===r,d=>{g!==void 0&&d.session!==g&&d.type!=="hello"?f():z(d)});let E=(d,m)=>new Promise((h,l)=>{let b=++p;o.set(b,{reject:l,resolve:h}),x(d,m,b)}),i=()=>{let d;clearTimeout(k);let m=()=>{let h=++p;d!==void 0&&o.delete(d),d=h,o.set(h,{reject:l=>{l instanceof $e&&(clearTimeout(k),c.forEach(b=>b(l.error)))},resolve:l=>{let b=l;g===void 0&&(clearTimeout(k),g=b.session,n.forEach(w=>w(b)))}}),x("hello",{protocol:1},h),k=setTimeout(m,go)};m()};return{connect:i,on(d,m){let h=a.get(d)??new Set;h.add(m),a.set(d,h)},onConnected(d){n.add(d)},onDisconnected(d){c.add(d)},request:E}};var be=e=>e.map(String).join("."),it=e=>{let r=D({placement:"unknown",status:"connecting"}),t=D("components"),o=D({nodes:new Map,rootIds:[]}),a=D(new Set),n=D(void 0),c=D(void 0),g=D(new Map),p=D(new Set),k=D([]),x=D(new Map),f=D({flash:!1,perf:!1,picking:!1}),z=D(""),E=()=>{let{flash:s,perf:v}=f.value();return["activities","renders","tree",...s?["flash"]:[],...v?["perf"]:[]]},i=s=>z.update(s instanceof Error?s.message:String(s)),d=async()=>{let{nodes:s,rootIds:v}=await e.request("tree.get");o.update({nodes:new Map(s.map(y=>[y.id,y])),rootIds:v});let u=n.value();u!==void 0&&!s.some(({id:y})=>y===u)?l(void 0):u!==void 0&&m()},m=async()=>{let s=n.value();if(s===void 0){c.update(void 0);return}let v=await e.request("node.inspect",{id:s});"kind"in v&&n.value()===s&&c.update(v)},h=async()=>{k.update((await e.request("activity.list")).activities)},l=s=>{n.update(s),g.update(new Map),p.update(new Set),c.update(void 0),e.request("select",{id:s??null}).catch(i),s!==void 0&&m().catch(i)};e.onConnected(async s=>{r.update({placement:s.placement,status:"connected"}),z.update("");try{await e.request("subscribe",{topics:E()}),await Promise.all([d(),h()]),s.selectedId!==void 0&&l(s.selectedId)}catch(v){i(v)}}),e.onDisconnected(s=>r.update({message:s?.message,placement:r.value().placement,status:s?.code==="protocol-mismatch"?"refused":"connecting"}));let b;return e.on("tree.changed",()=>{b??=Promise.resolve().then(d).catch(i).finally(()=>b=void 0)}),e.on("renders",({entries:s})=>{let v=new Map(x.value());s.forEach(({id:u})=>v.set(u,(v.get(u)??0)+1)),x.update(v)}),e.on("activity.changed",({id:s,pending:v,value:u})=>{let y=k.value();y.some($=>$.id===s)?k.update(y.map($=>$.id===s?{...$,pending:v,value:u}:$)):h().catch(i);let S=c.value();S?.activities.some($=>$.id===s)&&c.update({...S,activities:S.activities.map($=>$.id===s?{...$,pending:v,value:u}:$)})}),e.on("selected",({id:s})=>{t.update("components"),l(s)}),e.on("pick.ended",()=>f.update({...f.value(),picking:!1})),{activities:k,collapsed:a,connection:r,details:c,expansions:g,notice:z,openPaths:p,renderCounts:x,selectedId:n,tab:t,toggles:f,tree:o,actions:{close:()=>e.request("close").catch(i),editActivity:async(s,v)=>{try{await e.request("activity.update",{id:s,input:JSON.parse(v)}),z.update("")}catch(u){i(u instanceof SyntaxError?`Not JSON: ${u.message}`:u)}},expand:async s=>{let[v,...u]=s,y=typeof v=="string"&&v.startsWith("a")?await e.request("activity.inspect",{id:Number(v.slice(1)),path:u}):await e.request("node.inspect",{id:n.value(),path:s});if("value"in y){let S=new Map(g.value());S.set(be(s),y.value),g.update(S)}},highlight:s=>e.request("highlight",{id:s}).catch(i),log:s=>e.request("log",{id:s}).catch(i),popOut:()=>e.request("open",{placement:"popup"}).catch(i),dock:()=>e.request("open",{placement:"dock"}).catch(i),resetActivity:s=>e.request("activity.reset",{id:s}).catch(i),reveal:s=>e.request("reveal",{id:s}).catch(i),select:l,setTab:s=>t.update(s),setToggle:async(s,v)=>{f.update({...f.value(),[s]:v});try{s==="picking"?await e.request("pick",{on:v}):await e.request("subscribe",{topics:E()})}catch(u){i(u)}},togglePath:s=>{let v=new Set(p.value()),u=be(s);v.has(u)?v.delete(u):v.add(u),p.update(v)},toggleCollapsed:s=>{let v=new Set(a.value());v.has(s)?v.delete(s):v.add(s),a.update(v)}}}};var ie=(e,r)=>{let t=()=>r(...e.map(a=>a.value())),o=D(t());return e.forEach(a=>a.watch(()=>o.update(t()))),o};var Xe=R((e,{isOn:r,label:t,name:o,state:a,title:n})=>e`\n <button\n aria-pressed=${r?"true":"false"}\n class=${`hud-button ${r?"is-on":""}`}\n $click=${()=>a.actions.setToggle(o,!r)}\n title=${n}\n type="button"\n >\n ${t}\n </button>\n `,{name:"ToggleButton"}),lt=R((e,{label:r,selected:t,state:o,tab:a})=>e`\n <button\n aria-selected=${t?"true":"false"}\n class=${`hud-tab ${t?"is-selected":""}`}\n $click=${()=>o.actions.setTab(a)}\n role="tab"\n type="button"\n >\n ${r}\n </button>\n `,{name:"TabButton"}),st={connected:"connected",connecting:"waiting for the page\\u2026",refused:"version conflict"},ct=R((e,{own:r,state:t})=>{let o=r(()=>ie([t.connection,t.tab,t.toggles,t.notice],(a,n,c,g)=>({connection:a,notice:g,tab:n,toggles:c})));return e`\n <header class="hud-header">\n ${o.effect(({value:{connection:a,notice:n,tab:c,toggles:g}})=>[vo({connection:a,state:t,tab:c,toggles:g}),n?fo({key:"notice",text:n}):""])}\n </header>\n `},{name:"Header"}),vo=R((e,{connection:r,state:t,tab:o,toggles:a})=>e`\n <div class="hud-bar">\n <span class="hud-brand">loom</span>\n <span\n class=${`hud-status is-${r.status}`}\n title=${r.message??st[r.status]}\n >\n ${st[r.status]}\n </span>\n <nav class="hud-tabs" role="tablist">\n ${lt({label:"Components",selected:o==="components",state:t,tab:"components"})}\n ${lt({label:"Activities",selected:o==="activities",state:t,tab:"activities"})}\n </nav>\n <span class="hud-spacer"></span>\n ${Xe({label:"Pick",name:"picking",isOn:a.picking,state:t,title:"Pick a component in the page"})}\n ${Xe({label:"Flash renders",name:"flash",isOn:a.flash,state:t,title:"Outline each component as it renders"})}\n ${Xe({label:"Perf tracks",name:"perf",isOn:a.perf,state:t,title:"Record renders and commits on a loom track in the Performance panel"})}\n ${ho({placement:r.placement,state:t})}\n <button\n aria-label="Close devtools"\n class="hud-button"\n $click=${()=>t.actions.close()}\n type="button"\n >\n \u2715\n </button>\n </div>\n `,{name:"HeaderBar"}),ho=R((e,{placement:r,state:t})=>e`\n <button\n class="hud-button"\n $click=${()=>r==="popup"?t.actions.dock():t.actions.popOut()}\n type="button"\n >\n ${r==="popup"?"Dock":"Pop out"}\n </button>\n `,{name:"PlacementButton"}),fo=R((e,{text:r})=>e`\n <p class="hud-notice" role="status">${r}</p>\n `,{name:"Notice"});var dt=e=>JSON.stringify(e),mt=e=>{switch(e.t){case"str":return e.length?`${dt(e.v)}\\u2026 (${e.length} chars)`:dt(e.v);case"num":case"bool":return String(e.v);case"bigint":return`${e.v}n`;case"symbol":return`Symbol(${e.v})`;case"date":return`Date ${e.v}`;case"fn":return`\\u0192 ${e.name}()`;case"error":return`${e.name}: ${e.message}`;case"array":return`Array(${e.length})`;case"object":return`${e.ctor?`${e.ctor} `:""}{${e.size?"\\u2026":""}}`;case"map":return`Map(${e.size})`;case"set":return`Set(${e.size})`;case"node":return`<${e.tag}>`;case"activity":return e.name;case"component":return`<${e.name} />`;default:return e.t}},ko=e=>e.t==="array"&&e.length>0||(e.t==="object"||e.t==="map"||e.t==="set")&&e.size>0,pt=e=>{switch(e.t){case"array":return e.items?.map((r,t)=>[String(t),t,r]);case"object":return e.entries?.map(([r,t])=>[r,r,t]);case"map":return e.entries?.map(([r,t],o)=>[mt(r),o,t]);case"set":return e.entries?.map(([,r],t)=>[String(t),t,r]);default:return}},le=R((e,{context:r,label:t,path:o,value:a})=>{let n=be(o),c=r.expansions.get(n)??a,g=ko(c),p=g&&r.openPaths.has(n),k=p?pt(c):void 0,x=()=>{r.onToggle(o),!p&&!pt(c)&&r.onExpand(o)},f=c.t==="node"?c.id:void 0;return e`\n <li class="value-row">\n <div class="value-line">\n <button\n class=${`value-toggle ${g?"":"is-hidden"}`}\n $click=${x}\n type="button"\n >\n ${p?"\\u25BE":"\\u25B8"}\n </button>\n <span class="value-key">${t}</span>\n <span\n class=${`value-preview is-${c.t} ${f?"is-link":""}`}\n $click=${f?()=>r.onSelectNode(f):void 0}\n >\n ${mt(c)}\n </span>\n </div>\n ${p?xo({context:r,items:k??[],path:o}):""}\n </li>\n `},{name:"ValueRow"}),xo=R((e,{context:r,items:t,path:o})=>e`\n <ul class="value-list">\n ${t.map(([a,n,c])=>le({context:r,key:be([...o,n]),label:a,path:[...o,n],value:c}))}\n </ul>\n `,{name:"ValueChildren"});var G=Symbol("incomplete"),Ye=e=>{switch(e.t){case"null":return null;case"bool":return e.v;case"num":return typeof e.v=="number"?e.v:G;case"str":return e.length?G:e.v;case"array":{let r=e.items?.map(Ye);return r&&r.length===e.length&&!r.includes(G)?r:G}case"object":{let r=e.entries?.map(([t,o])=>[t,Ye(o)]);return r&&r.length===e.size&&!r.some(([,t])=>t===G)?Object.fromEntries(r):G}default:return G}},wo=e=>{let r=Ye(e);return r===G?"":JSON.stringify(r)},Je=R((e,{actions:r,record:t,valueContext:o})=>{let{editable:a,id:n,name:c,pending:g,subscriberIds:p,value:k}=t,x=f=>{f.preventDefault();let z=f.target.elements.namedItem("value");r.editActivity(n,z.value)};return e`\n <li class="activity-item">\n <div class="activity-head">\n <span class="activity-name">${c}</span>\n ${g?"\\u23F3 pending":""}\n <span class="hud-muted">\n ${p.length?`${p.length} user${p.length===1?"":"s"}`:"no rendered users"}\n </span>\n <span class="hud-spacer"></span>\n <button\n class="hud-button"\n $click=${()=>r.log(n)}\n type="button"\n >\n Log\n </button>\n <button\n class="hud-button"\n $click=${()=>r.resetActivity(n)}\n type="button"\n >\n Reset\n </button>\n </div>\n <ul class="value-list">\n ${le({context:o,label:"value",path:[`a${n}`],value:k})}\n </ul>\n ${a?yo({activityId:n,onSubmit:x,text:wo(k)}):""}\n </li>\n `},{name:"ActivityItem"}),yo=R((e,{activityId:r,onSubmit:t,text:o})=>e`\n <form class="activity-editor" $submit=${t}>\n <input\n aria-label=${`New value for activity ${r}`}\n class="hud-input"\n name="value"\n placeholder="JSON value"\n value=${o}\n />\n <button class="hud-button is-primary" type="submit">Set</button>\n </form>\n `,{name:"ActivityEditor"});var zo=R((e,{actions:r,row:{collapsed:t,count:o,depth:a,node:n,selected:c}})=>e`\n <li\n class=${`tree-row ${c?"is-selected":""}`}\n $click=${()=>r.select(n.id)}\n $mouseenter=${()=>r.highlight(n.id)}\n $mouseleave=${()=>r.highlight(null)}\n style=${`padding-left: ${a*14+4}px`}\n >\n <button\n class=${`tree-toggle ${n.childIds.length?"":"is-hidden"}`}\n $click=${g=>{g.stopPropagation(),r.toggleCollapsed(n.id)}}\n type="button"\n >\n ${t?"\\u25B8":"\\u25BE"}\n </button>\n <span class=${`tree-name is-${n.kind}`}>${n.name}</span>\n ${n.key!==void 0?ut({text:`key=${String(n.key)}`}):""}\n ${o?ut({text:`\\xD7${o}`,title:"renders"}):""}\n </li>\n `,{name:"TreeRow"}),ut=R((e,{text:r,title:t})=>e`\n <span class="tag hud-badge" title=${t}>${r}</span>\n `,{name:"KeyBadge"}),bt=R((e,{own:r,state:t})=>{let o=r(()=>ie([t.tree,t.collapsed,t.selectedId,t.renderCounts],(a,n,c,g)=>{let p=[],k=(x,f)=>{let z=a.nodes.get(x);z&&(p.push({collapsed:n.has(x),count:g.get(x)??0,depth:f,node:z,selected:x===c}),n.has(x)||z.childIds.forEach(E=>k(E,f+1)))};return a.rootIds.forEach(x=>k(x,0)),p}));return e`\n <section class="pane tree-pane" aria-label="Component tree">\n <ul class="tree-list" role="tree">\n ${o.effect(({value:a})=>a.length?a.map(n=>zo({actions:t.actions,key:n.node.id,row:n})):gt({text:"No mounted app yet."}))}\n </ul>\n </section>\n `},{name:"TreePane"}),gt=R((e,{text:r})=>e`\n <li class="hud-muted empty-note">${r}</li>\n `,{name:"EmptyNote"}),vt=(e,r,t)=>({expansions:r,onExpand:o=>e.actions.expand(o),onSelectNode:o=>e.actions.select(o),onToggle:o=>e.actions.togglePath(o),openPaths:t}),Eo=R((e,{details:r,nodeId:t,state:o,valueContext:a})=>{let{actions:n}=o,c=r.owned.t==="array"&&r.owned.length>0;return e`\n <div class="details">\n <div class="details-head">\n <span class=${`details-name is-${r.kind}`}>\n ${r.name}\n </span>\n <span class="hud-muted">${r.lifeCycle??""}</span>\n <span class="hud-spacer"></span>\n <button\n class="hud-button"\n $click=${()=>n.reveal(t)}\n type="button"\n >\n Scroll to\n </button>\n <button\n class="hud-button"\n $click=${()=>n.log(t)}\n type="button"\n >\n Log\n </button>\n </div>\n ${r.kind==="component"?Ze({children:le({context:a,label:"props",path:["props"],value:r.props}),title:"Props"}):""}\n ${r.activities.length?Ze({children:r.activities.map(g=>Je({actions:n,key:g.id,record:g,valueContext:a})),title:"Activities"}):""}\n ${c?Ze({children:le({context:a,label:"own()",path:["owned"],value:r.owned}),title:"Owned values"}):""}\n </div>\n `},{name:"Details"}),Ze=R((e,{children:r,title:t})=>e`\n <section class="details-section">\n <h3 class="details-title">${t}</h3>\n <ul class="value-list">\n ${r}\n </ul>\n </section>\n `,{name:"Section"}),ht=R((e,{own:r,state:t})=>{let o=r(()=>ie([t.details,t.selectedId,t.expansions,t.openPaths],(a,n,c,g)=>({details:a,selectedId:n,valueContext:vt(t,c,g)})));return e`\n <section\n class="pane inspector-pane"\n aria-label="Selected component"\n >\n ${o.effect(({value:{details:a,selectedId:n,valueContext:c}})=>a&&n!==void 0?Eo({details:a,nodeId:n,state:t,valueContext:c}):$o({text:n===void 0?"Select a component in the tree, or pick one in the page.":"Loading\\u2026"}))}\n </section>\n `},{name:"InspectorPane"}),$o=R((e,{text:r})=>e`\n <p class="hud-muted placeholder">${r}</p>\n `,{name:"Placeholder"}),ft=R((e,{own:r,state:t})=>{let o=r(()=>ie([t.activities,t.expansions,t.openPaths],(a,n,c)=>({records:a,valueContext:vt(t,n,c)})));return e`\n <section class="pane activities-pane" aria-label="Activities">\n <ul class="activity-list">\n ${o.effect(({value:{records:a,valueContext:n}})=>a.length?a.map(c=>Je({actions:t.actions,key:c.id,record:c,valueContext:n})):gt({text:"No activities found."}))}\n </ul>\n </section>\n `},{name:"ActivitiesPane"});var So=R((e,{state:r})=>e`\n <div class="hud-split">\n ${bt({state:r})} ${ht({state:r})}\n </div>\n `,{name:"ComponentsTab"}),kt=R((e,{state:r})=>e`\n <div class="hud">\n ${ct({state:r})}\n <main class="hud-main">\n ${r.tab.effect(({value:t})=>t==="components"?So({state:r}):ft({state:r}))}\n </main>\n </div>\n `,{name:"Hud"});var xt=window.parent!==window?window.parent:window.opener;if(xt){let e=nt(window,xt),r=it(e);Qr({app:kt({state:r}),root:document.getElementById("loom-devtools-hud")}),e.connect()}\n<\/script>\n</body>\n</html>';var Me="loom-devtools",De="loom-devtools-hud",je={background:"#19191c",border:"0",borderTop:"2px solid #6d28d9",bottom:"0",height:"40vh",left:"0",position:"fixed",width:"100%",zIndex:"2147483645"},re=e=>{let i=e.document,n,s=null,p=()=>{n?.remove(),n=void 0},d=()=>{n||(n=i.createElement("iframe"),n.title="loom devtools",n.srcdoc=z(),Object.assign(n.style,je),i.documentElement.append(n))},o=r=>{try{return!!r.document}catch{return!1}},c=()=>{let r=e.open("",Me,"popup,width=960,height=640");if(!r)return"the browser blocked the popup";if(!o(r))return"could not open the popup: a window from another origin holds its name";s=r,p(),r.document.getElementById(De)||(r.document.open(),r.document.write(z()),r.document.close()),r.focus()};return{close(){p(),s?.close(),s=null},isPeer(r){try{return r===n?.contentWindow||r===s||r.opener===e}catch{return!1}},open(r){if(r==="popup"){let l=c();if(!l)return"popup";console.info(`[loom] devtools: ${l} \u2014 opened the dock instead; use its pop-out button.`)}return d(),"dock"},placementOf(r){return r===n?.contentWindow?"dock":r===s||r.opener===e?"popup":"unknown"}}};var ie=()=>{let e=new WeakMap,i=new Map,n=0;return{idOf(s){let p=e.get(s);return p===void 0&&(p=++n,e.set(s,p),i.set(p,new WeakRef(s))),p},objectOf(s){let p=i.get(s)?.deref();return p||i.delete(s),p}}};import{activitiesOf as se,childContextsOf as ce,describeActivity as ae,displayNameOf as He,findOwnerContext as Fe,getAppRoots as de,isInspectableActivity as $e,kindOf as _,nodeNameOf as pe}from"@loom-js/core/devtools";var L=e=>{if(e===null||typeof e=="string"||typeof e=="boolean")return!0;if(typeof e=="number")return Number.isFinite(e)&&!Object.is(e,-0);if(Array.isArray(e))return e.every(L);if(typeof e=="object"){let i=Object.getPrototypeOf(e);return(i===Object.prototype||i===null)&&Object.values(e).every(L)}return!1},le=e=>{let i=new Set,n=o=>{if($e(o))return{id:e.idOf(o),name:ae(o).name,t:"activity"};if(typeof Node<"u"&&o instanceof Node){let r=Fe(o);return{id:r&&(Array.isArray(r.root)?r.root[0]===o:r.root===o)?e.idOf(r):void 0,t:"node",tag:o.nodeName.toLowerCase()}}let c=typeof o=="function"&&o.contextFunctionKind;return c==="component"?{name:He(o({},!0)),t:"component"}:c==="activity"?{name:"activity effect",t:"fn"}:void 0},s=o=>j(o,n),p=o=>{let c=r=>{o(r),ce(r).forEach(c)};de().filter(r=>_(r)).forEach(c)},d=(o,c=[])=>{let{name:r,pending:l,value:g}=ae(o);return{editable:L(g),id:e.idOf(o),name:r,pending:l,subscriberIds:c,value:s(g)}};return{activityRecord:d,describeSpecial:n,encode:s,noteCreated(o){i.add(new WeakRef(o))},listActivities(){let o=new Map;return p(c=>(_(c)==="component"?se(c):[]).forEach(r=>{let l=o.get(r)??[];l.push(e.idOf(c)),o.set(r,l)})),i.forEach(c=>{let r=c.deref();r?o.has(r)||o.set(r,[]):i.delete(c)}),Array.from(o,([c,r])=>d(c,r))},nodeDetails(o){let c=_(o);return{activities:se(o).map(r=>d(r)),kind:c,lifeCycle:o.lifeCycleState?.value??null,name:pe(o),owned:s(o.owned?.values??[]),props:s(c==="component"?o.props:void 0),refs:o.refs?.size??0}},tree(){let o=[],c=[],r=(l,g)=>{let v=e.idOf(l),b=ce(l),w={childIds:b.map(f=>e.idOf(f)),id:v,kind:_(l),name:pe(l),parentId:g};l.key!==void 0&&(w.key=l.key),o.push(w),b.forEach(f=>r(f,v))};return de().filter(l=>_(l)).forEach(l=>{c.push(e.idOf(l)),r(l)}),{nodes:o,rootIds:c}},walk:p}};import{findOwnerContext as We}from"@loom-js/core/devtools";var Ke=`
2
+ :host { all: initial; }
3
+ .box {
4
+ position: fixed;
5
+ pointer-events: none;
6
+ box-sizing: border-box;
7
+ z-index: 2147483646;
8
+ }
9
+ .hover { background: rgb(109 40 217 / 0.15); outline: 1px solid rgb(109 40 217 / 0.9); }
10
+ .selected { outline: 2px solid rgb(109 40 217); }
11
+ .flash { outline: 2px solid rgb(14 116 144); animation: fade 600ms ease-out forwards; }
12
+ .label {
13
+ position: fixed;
14
+ pointer-events: none;
15
+ z-index: 2147483647;
16
+ font: 600 11px/1.6 ui-monospace, monospace;
17
+ color: #fff;
18
+ background: rgb(109 40 217);
19
+ padding: 0 4px;
20
+ border-radius: 2px;
21
+ }
22
+ @keyframes fade { to { opacity: 0; } }
23
+ `,ue=e=>{let n=(Array.isArray(e.root)?e.root:e.root?[e.root]:[]).flatMap(c=>{if(c.nodeType===1)return[c.getBoundingClientRect()];let r=c.ownerDocument.createRange();return r.selectNode(c),[r.getBoundingClientRect()]}).filter(({height:c,width:r})=>r||c);if(!n.length)return;let s=Math.min(...n.map(c=>c.left)),p=Math.min(...n.map(c=>c.top)),d=Math.max(...n.map(c=>c.right)),o=Math.max(...n.map(c=>c.bottom));return new DOMRect(s,p,d-s,o-p)},me=(e,i)=>{let n=e.createElement("loom-devtools-layer"),s=n.attachShadow({mode:"closed"}),p=e.createElement("style"),d,o,c,r,l;p.textContent=Ke,s.append(p),e.documentElement.append(n);let g=(m,h)=>{Object.assign(m.style,{height:`${h.height}px`,left:`${h.left}px`,top:`${h.top}px`,width:`${h.width}px`})},v=(m,h,C)=>{let k=C&&ue(C);if(!k){m?.remove();return}let E=m??e.createElement("div");return E.className=`box ${h}`,g(E,k),E.isConnected||s.append(E),E},b=m=>{d=v(d,"hover",m);let h=m&&d&&ue(m);if(!m||!h){c?.remove(),c=void 0;return}c??=e.createElement("div"),c.className="label",c.textContent=i(m),Object.assign(c.style,{left:`${h.left}px`,top:`${Math.max(h.top-18,0)}px`}),c.isConnected||s.append(c)},w=()=>{o=v(o,"selected",r)},f=e.defaultView;return f.addEventListener("scroll",w,!0),f.addEventListener("resize",w),{destroy(){l?.(),f.removeEventListener("scroll",w,!0),f.removeEventListener("resize",w),n.remove()},flash(m){let h=v(void 0,"flash",m);h?.addEventListener("animationend",()=>h.remove(),{once:!0})},hover:b,select(m){r=m,w()},startPicking({hover:m,pick:h}){l?.();let C=y=>{let T=y.composedPath()[0];return T instanceof Node?We(T):void 0},k=y=>{y.preventDefault(),y.stopImmediatePropagation()},E=y=>{let T=C(y);b(T),m(T)},P=y=>{k(y),S(C(y))},R=y=>{y.key==="Escape"&&(k(y),S(void 0))},N=["pointerdown","mousedown","pointerup","mouseup"],S=y=>{l?.(),h(y)};f.addEventListener("pointermove",E,!0),f.addEventListener("click",P,!0),f.addEventListener("keydown",R,!0),N.forEach(y=>f.addEventListener(y,k,!0)),l=()=>{l=void 0,f.removeEventListener("pointermove",E,!0),f.removeEventListener("click",P,!0),f.removeEventListener("keydown",R,!0),N.forEach(y=>f.removeEventListener(y,k,!0)),b(void 0)}},stopPicking(){l?.()}}};var ze="loom",fe=(e,i,n,s,p,d,o)=>{try{e.measure(i,{detail:{devtools:{color:d,dataType:"track-entry",tooltipText:o,track:p,trackGroup:ze}},end:s,start:n}),e.clearMeasures(i)}catch{}},ye=(e=globalThis.performance)=>({render(i,n){let s=e.now();fe(e,i,s-n,s,"Renders","primary",`${i} rendered in ${n.toFixed(2)}ms`)},commit(i){let n=e.now();fe(e,`${i} commit`,n,n+.01,"Activities","secondary",`${i} committed`)}});var ge=["activities","flash","perf","renders","tree"],Je=100,O=class extends Error{constructor(n,s){super(s);this.code=n}code},Ue=()=>globalThis.crypto?.randomUUID?.()??`${Date.now()}-${Math.random()}`,Ge=(e,{acceptPeer:i}={})=>{let n=Ue(),s=ie(),p=le(s),d=me(e.document,be),o=re(e),c=G(e),r=ye(),l=oe(e),g=Q(e),v=new Set,b=new Set,w=new Map,f=new Set,m=[],h=new Set,C=!1,k,E=(t,a)=>v.forEach(u=>c.post(u,$({kind:"event",payload:a,session:n,type:t}))),P=t=>{let a=s.objectOf(t);if(!a||B(a)||!Ve(a))throw new O("unknown-id",`no instance has id ${t}`);return a},R=t=>{let a=s.objectOf(t);if(!B(a))throw new O("unknown-id",`no activity has id ${t}`);return a},N=(t,a)=>{let u=U(t,a);if(u===I)throw new O("unknown-id",`nothing at ${a.join(".")}`);return{value:p.encode(u)}},S=t=>{if(w.has(t))return;let a=!0;w.set(t,t.watch(()=>{if(a){a=!1;return}h.add(t),b.has("perf")&&r.commit(p.activityRecord(t).name),V()}))},y=()=>{w.forEach(t=>t()),w.clear()},T=()=>p.listActivities().forEach(({id:t})=>S(R(t))),ve=()=>{C=!1,f.size&&(E("tree.changed",{ids:Array.from(f,t=>s.idOf(t))}),f.clear(),b.has("activities")&&T()),m.length&&(E("renders",{entries:m.map(({ctx:t,ms:a})=>({causeId:t.activity?s.idOf(t.activity):void 0,id:s.idOf(t),ms:a}))}),b.has("flash")&&m.forEach(({ctx:t})=>d.flash(t)),m.length=0),h.forEach(t=>{let{id:a,pending:u,value:x}=p.activityRecord(t);E("activity.changed",{id:a,pending:u,value:x})}),h.clear()},V=()=>{if(!C){C=!0;let t=()=>C&&ve();e.requestAnimationFrame(t),e.setTimeout(t,Je)}},Y={activityCreated(t){p.noteCreated(t),b.has("activities")&&S(t)},rendered(t,a){b.has("tree")&&f.add(t),(b.has("renders")||b.has("flash"))&&m.push({ctx:t,ms:a}),b.has("perf")&&r.render(be(t),a),V()}},Ee=t=>{b.clear(),t.forEach(a=>ge.includes(a)&&b.add(a)),he(b.size?Y:null),b.has("activities")?T():y()},J=t=>{k=t&&s.idOf(t),d.select(t),k!==void 0&&E("selected",{id:k})},we={"activity.inspect":({id:t,path:a=[]})=>N(R(t).value(),a),"activity.list":()=>({activities:p.listActivities()}),"activity.reset":({id:t})=>(R(t).reset(),{}),"activity.update":({id:t,input:a})=>{let u=R(t);if(!L(a))throw new O("invalid-value","the input is not JSON");if(!L(u.value()))throw new O("not-editable","the value is not JSON-representable");return u.update(a),{}},close:()=>(o.close(),{}),highlight:({id:t})=>(d.hover(t===null?void 0:P(t)),{}),log:({id:t})=>{let a=s.objectOf(t),u=B(a)?a:Be(P(t));return e.$loom=u,e.console.log("[loom] $loom =",u),{}},"node.inspect":({id:t,path:a})=>{let u=P(t);if(!a?.length)return p.nodeDetails(u);let[x,...Ce]=a;return N(x==="owned"?u.owned?.values??[]:u.props,Ce)},open:({placement:t})=>(o.open(t),{}),pick:({on:t})=>(t?d.startPicking({hover:()=>{},pick:a=>{a&&J(a),E("pick.ended",void 0)}}):d.stopPicking(),{}),reveal:({id:t})=>{let{root:a}=P(t),u=Array.isArray(a)?a[0]:a;return(u?.nodeType===1?u:u?.parentElement)?.scrollIntoView({block:"center"}),{}},select:({id:t})=>{let a=t===null?void 0:P(t);return k=a?t:void 0,d.select(a),{}},subscribe:({topics:t})=>(Ee(t),{}),"tree.get":()=>p.tree()},ke=(t,a)=>{let u=x=>c.post(a,$({...x,id:t.id,kind:"response",session:n,type:t.type}));try{if(t.protocol!==1)throw new O("protocol-mismatch",`this page speaks devtools protocol ${1}, not ${t.protocol}`);if(t.type==="hello")return v.add(a),u({payload:{features:ge,placement:o.placementOf(a),selectedId:k,session:n}});if(!v.has(a))throw new O("not-connected","say hello first");let x=we[t.type];if(!x)throw new O("unknown-type",`unknown request ${t.type}`);u({payload:x(t.payload)})}catch(x){u({error:x instanceof O?{code:x.code,message:x.message}:{code:"unknown-type",message:String(x)}})}},xe=t=>o.isPeer(t)||!!i?.(t),Oe=c.listen(xe,(t,a)=>{t.kind==="request"&&ke(t,a)}),D=()=>E("goodbye",void 0);return e.addEventListener("pagehide",D),Ye({activityCreated:Y.activityCreated,rendered:()=>{}}),{deactivate(){D(),e.removeEventListener("pagehide",D),he(null),y(),Oe(),d.destroy(),o.close(),l(),g(),v.clear()},open(t){o.open(t)},select:J}},qe=()=>Ge(window);export{qe as activate};
24
+ //# sourceMappingURL=index.mjs.map