@schukai/monster 4.148.8 → 4.149.0

package/source/components/stylesheet/button.mjs

@@ -25,7 +25,67 @@ try {
 	ButtonStyleSheet.insertRule(
 		`
 @layer button {
-button{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);box-shadow:var(--monster-box-shadow-1);padding:.375rem .75rem;outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:center;gap:.4rem}.monster-button-primary{color:var(--monster-color-primary-4);background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4)}.monster-button-secondary{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);color:var(--monster-color-secondary-4);background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-box-shadow-1);padding:.375rem .75rem;outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:center;gap:.4rem}.monster-button-tertiary{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);color:var(--monster-color-tertiary-4);background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4)}.monster-button-outline-primary{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);color:var(--monster-bg-color-primary-4);background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-box-shadow-1);padding:.375rem .75rem;outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:center;gap:.4rem}.monster-button-outline-secondary{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);color:var(--monster-bg-color-secondary-4);background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);box-shadow:var(--monster-box-shadow-1);padding:.375rem .75rem;outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--monster-bg-color-tertiary-4);background-color:var(--monster-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4)}button:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}button:disabled{cursor:not-allowed}button:active{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2);z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{display:flex;justify-content:space-between;align-content:center;flex-wrap:nowrap;flex-direction:row;align-items:stretch}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}
+button{background-color:var(
+        --monster-button-background-color,var(--monster-bg-color-primary-1)
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+        --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
+    );padding:var(
+        --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-primary{color:var(--monster-button-color,var(--monster-color-primary-4));background-color:var(
+        --monster-button-background-color,var(--monster-bg-color-primary-4)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-primary-4)
+    )}.monster-button-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
+        --monster-button-background-color,var(--monster-bg-color-secondary-4)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-secondary-4)
+    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+        --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
+    );padding:var(
+        --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
+        --monster-button-background-color,var(--monster-bg-color-tertiary-4)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-tertiary-4)
+    )}.monster-button-destructive{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
+        --monster-button-background-color,var(--monster-bg-color-destructive-1)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-destructive-1)
+    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+        --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
+    );padding:var(
+        --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
+        --monster-button-background-color,var(--monster-color-primary-4)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-primary-4)
+    )}.monster-button-outline-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
+        --monster-button-background-color,var(--monster-color-secondary-4)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-secondary-4)
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+        --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
+    );padding:var(
+        --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
+        --monster-button-background-color,var(--monster-color-tertiary-4)
+    );border-color:var(
+        --monster-button-border-color,var(--monster-bg-color-tertiary-4)
+    )}button:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}button:disabled{cursor:not-allowed}button:active{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2);z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{display:flex;justify-content:space-between;align-content:center;flex-wrap:nowrap;flex-direction:row;align-items:stretch}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px);z-index:var(--monster-z-index-outline)}
 }`,
 		0,
 	);

package/source/components/stylesheet/common.mjs

@@ -25,7 +25,7 @@ try {
 	CommonStyleSheet.insertRule(
 		`
 @layer common {
-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{box-sizing:border-box;font-family:var(--monster-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif)}.visible{tvisibility:visible!important}.invisible{visibility:hidden!important}.hidden{display:none!important}.inline{display:inline!important}.block{display:block!important}.flex{display:flex!important}[data-monster-role=control]{outline:none}div[data-monster-role=popper]{box-sizing:border-box;display:none;border:var(--monster-border-width,1px) solid var(--monster-color-primary-1);padding:0;z-index:10;background-color:#fff}:host([disabled]){border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46.3%,.3));color:var(--monster-color-primary-disabled-1);background-color:var(--monster-bg-color-primary-disabled-1);cursor:not-allowed}:host([disabled]) *{border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46.3%,.3));color:var(--monster-color-primary-disabled-1);background-color:var(--monster-bg-color-primary-disabled-1);cursor:not-allowed}:disabled{border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46.3%,.3));color:var(--monster-color-primary-disabled-1);background-color:var(--monster-bg-color-primary-disabled-1);cursor:not-allowed;pointer-events:none;opacity:.55}input:focus-visible{outline:none}body:focus-visible{outline:none}:focus-visible{outline:none}
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{box-sizing:border-box;font-family:var(--monster-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif)}.visible{tvisibility:visible!important}.invisible{visibility:hidden!important}.hidden{display:none!important}.inline{display:inline!important}.block{display:block!important}.flex{display:flex!important}[data-monster-role=control]{outline:none}div[data-monster-role=popper]{box-sizing:border-box;display:none;border:var(--monster-border-width,1px) solid var(--monster-color-primary-1);padding:0;z-index:10;background-color:#fff}:host([disabled]){border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46.3%,.3));color:var(--monster-color-primary-disabled-1);background-color:var(--monster-bg-color-primary-disabled-1);cursor:not-allowed}:host([disabled]) *{border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46.3%,.3));color:var(--monster-color-primary-disabled-1);background-color:var(--monster-bg-color-primary-disabled-1);cursor:not-allowed}:disabled{border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46.3%,.3));color:var(--monster-color-primary-disabled-1);background-color:var(--monster-bg-color-primary-disabled-1);cursor:not-allowed;pointer-events:none;opacity:.55}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
 }`,
 		0,
 	);

package/source/components/stylesheet/form.mjs

@@ -25,7 +25,7 @@ try {
 	FormStyleSheet.insertRule(
 		`
 @layer form {
-input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input,select,textarea{padding:.4rem .6rem;height:-moz-fit-content;height:fit-content}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus,select:focus,textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:3px}
+input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
 }`,
 		0,
 	);

package/source/components/stylesheet/link.mjs

@@ -25,7 +25,7 @@ try {
 	LinkStyleSheet.insertRule(
 		`
 @layer link {
-a,a:active,a:focus,a:hover,a:link,a:visited{color:var(--monster-color-secondary-1);text-decoration:none;outline:none;transition:color .3s ease-in-out,text-decoration-color .3s ease-in-out}a:active,a:focus,a:hover{color:var(--monster-color-primary-2);text-decoration:underline;text-decoration-color:var(--monster-color-secondary-1 );text-decoration-thickness:1px;text-underline-offset:2px}a:focus{outline:1px dashed var(--monster-color-selection-1);outline-offset:2px}@media (prefers-color-scheme:dark){a,a:active,a:focus,a:hover,a:link,a:visited{color:var(--monster-color-amber-2)}a:focus{outline:1px dashed var(--monster-color-selection-4)}}
+a,a:active,a:focus-visible,a:hover,a:link,a:visited{color:var(--monster-color-secondary-1);text-decoration:none;outline:none;transition:color .3s ease-in-out,text-decoration-color .3s ease-in-out}a:active,a:focus-visible,a:hover{color:var(--monster-color-primary-2);text-decoration:underline;text-decoration-color:var(--monster-color-secondary-1 );text-decoration-thickness:1px;text-underline-offset:2px}a:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
 }`,
 		0,
 	);

package/source/components/stylesheet/normalize.mjs

@@ -25,7 +25,7 @@ try {
 	NormalizeStyleSheet.insertRule(
 		`
 @layer normalize {
-:where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}body:focus-visible{outline:none}:focus-visible{outline:none}
+:where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
 }`,
 		0,
 	);

package/source/components/stylesheet/property.mjs

@@ -25,7 +25,7 @@ try {
 	PropertyStyleSheet.insertRule(
 		`
 @layer property {
-:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}
+:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}
 }`,
 		0,
 	);

package/source/components/stylesheet/skeleton.mjs

@@ -25,7 +25,7 @@ try {
 	SkeletonStyleSheet.insertRule(
 		`
 @layer skeleton {
-.monster-skeleton-col-10{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:10%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-10,.monster-skeleton-col-20{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-20{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:20%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-30{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:30%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-30,.monster-skeleton-col-40{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-40{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:40%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-50{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:50%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-50,.monster-skeleton-col-60{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-60{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:60%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-70{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:70%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-70,.monster-skeleton-col-80{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-80{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:80%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-90{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:90%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-col-100,.monster-skeleton-col-90{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-100{--monster-skeleton-color:var(--monster-color-pink-2);--monster-skeleton-color-50:rgba(from var(--monster-color-pink-2) 255 255 255/0.5);--monster-skeleton-height:100%;--monster-skeleton-width:100%;--monster-skeleton:linear-gradient(99deg,var(--monster-skeleton-color) 0%,var(--monster-skeleton-color-50) 40%,transparent 70%)}.monster-skeleton-animated{animation:shimmer 4.25s linear infinite forwards;border-radius:4px}@keyframes shimmer{0%,to{filter:brightness(.81)}50%{filter:brightness(.45)}}
+.monster-skeleton-col-10{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:10%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-10,.monster-skeleton-col-20{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-20{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:20%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-30{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:30%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-30,.monster-skeleton-col-40{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-40{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:40%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-50{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:50%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-50,.monster-skeleton-col-60{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-60{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:60%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-70{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:70%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-70,.monster-skeleton-col-80{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-80{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:80%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-90{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:90%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-100,.monster-skeleton-col-90{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-100{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:100%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-animated{animation:shimmer 4.25s linear infinite forwards;border-radius:4px}@keyframes shimmer{0%,to{filter:brightness(.81)}50%{filter:brightness(.45)}}@media (prefers-reduced-motion:reduce){.monster-skeleton-animated{animation:none}}
 }`,
 		0,
 	);

package/source/components/stylesheet/theme-modern.mjs

@@ -0,0 +1,110 @@
+/**
+ * Copyright © Volker Schukai and all contributing authors, 2026. All rights reserved.
+ * Node module: @schukai/monster
+ *
+ * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
+ * The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
+ *
+ * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
+ * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
+ * For more information about purchasing a commercial license, please contact Volker Schukai.
+ */
+
+import { addAttributeToken } from "../../dom/attributes.mjs";
+import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs";
+
+export { ThemeModernStyleSheet };
+
+/**
+ * @private
+ * @type {CSSStyleSheet}
+ */
+const ThemeModernStyleSheet = new CSSStyleSheet();
+
+try {
+	ThemeModernStyleSheet.insertRule(
+		`
+@layer thememodern {
+:root[data-monster-theme-name=modern]{color-scheme:light dark;--monster-font-family:\"IBM Plex Sans\",system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;--monster-theme-surface-canvas:#efeee9;--monster-theme-surface:#fcfbf8;--monster-theme-surface-subtle:#f2f1ed;--monster-theme-surface-strong:#e4e2dc;--monster-theme-text:#24231f;--monster-theme-text-secondary:#4d4b45;--monster-theme-text-muted:#66635b;--monster-theme-border:#858178;--monster-theme-border-strong:#625e56;--monster-theme-accent:#28262c;--monster-theme-accent-hover:#121115;--monster-theme-accent-subtle:#ece7df;--monster-theme-secondary:#4d4b45;--monster-theme-secondary-subtle:#f2e4d5;--monster-theme-secondary-strong:#3b3935;--monster-theme-tertiary:#236b5b;--monster-theme-tertiary-subtle:#dcefe6;--monster-theme-on-accent:#fff;--monster-theme-focus-ring:#236b5b;--monster-theme-selection:#dcefe6;--monster-theme-success:#276b46;--monster-theme-success-subtle:#e4f1d8;--monster-theme-warning:#7a5700;--monster-theme-warning-subtle:#fff1bd;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#a12e45;--monster-theme-error-subtle:#fae2e8;--monster-theme-info:#5140a0;--monster-theme-info-subtle:#e9e3f8;--monster-theme-disabled:#66635b;--monster-theme-disabled-surface:#e4e2dc;--monster-color-primary-1:var(--monster-theme-text);--monster-color-primary-2:var(--monster-theme-text-secondary);--monster-color-primary-3:var(--monster-theme-text);--monster-color-primary-4:var(--monster-theme-on-accent);--monster-bg-color-primary-1:var(--monster-theme-surface);--monster-bg-color-primary-2:var(--monster-theme-surface-subtle);--monster-bg-color-primary-3:var(--monster-theme-surface-strong);--monster-bg-color-primary-4:var(--monster-theme-accent);--monster-color-secondary-1:var(--monster-theme-secondary);--monster-color-secondary-2:var(--monster-theme-secondary);--monster-color-secondary-3:var(--monster-theme-text);--monster-color-secondary-4:var(--monster-theme-on-accent);--monster-bg-color-secondary-1:var(--monster-theme-surface);--monster-bg-color-secondary-2:var(--monster-theme-secondary-subtle);--monster-bg-color-secondary-3:var(--monster-theme-secondary-subtle);--monster-bg-color-secondary-4:var(--monster-theme-secondary-strong);--monster-color-tertiary-1:var(--monster-theme-tertiary);--monster-color-tertiary-2:var(--monster-theme-tertiary);--monster-color-tertiary-3:var(--monster-theme-text);--monster-color-tertiary-4:var(--monster-theme-on-accent);--monster-bg-color-tertiary-1:var(--monster-theme-surface);--monster-bg-color-tertiary-2:var(--monster-theme-tertiary-subtle);--monster-bg-color-tertiary-3:var(--monster-theme-tertiary-subtle);--monster-bg-color-tertiary-4:var(--monster-theme-tertiary);--monster-color-destructive-1:var(--monster-theme-on-accent);--monster-color-destructive-2:var(--monster-theme-error);--monster-color-destructive-3:var(--monster-theme-text);--monster-color-destructive-4:var(--monster-theme-on-accent);--monster-bg-color-destructive-1:var(--monster-theme-error);--monster-bg-color-destructive-2:var(--monster-theme-surface);--monster-bg-color-destructive-3:var(--monster-theme-error-subtle);--monster-bg-color-destructive-4:var(--monster-theme-error);--monster-color-danger-1:var(--monster-theme-on-accent);--monster-color-danger-2:var(--monster-theme-error);--monster-color-danger-3:var(--monster-theme-text);--monster-color-danger-4:var(--monster-theme-on-accent);--monster-bg-color-danger-1:var(--monster-theme-error);--monster-bg-color-danger-2:var(--monster-theme-surface);--monster-bg-color-danger-3:var(--monster-theme-error-subtle);--monster-bg-color-danger-4:var(--monster-theme-error);--monster-color-error-1:var(--monster-theme-on-accent);--monster-color-error-2:var(--monster-theme-error);--monster-color-error-3:var(--monster-theme-text);--monster-color-error-4:var(--monster-theme-on-accent);--monster-bg-color-error-1:var(--monster-theme-error);--monster-bg-color-error-2:var(--monster-theme-surface);--monster-bg-color-error-3:var(--monster-theme-error-subtle);--monster-bg-color-error-4:var(--monster-theme-error);--monster-color-success-1:var(--monster-theme-on-accent);--monster-color-success-2:var(--monster-theme-success);--monster-color-success-3:var(--monster-theme-text);--monster-color-success-4:var(--monster-theme-on-accent);--monster-bg-color-success-1:var(--monster-theme-success);--monster-bg-color-success-2:var(--monster-theme-surface);--monster-bg-color-success-3:var(--monster-theme-success-subtle);--monster-bg-color-success-4:var(--monster-theme-success);--monster-color-warning-1:var(--monster-theme-on-warning);--monster-color-warning-2:var(--monster-theme-warning);--monster-color-warning-3:var(--monster-theme-text);--monster-color-warning-4:var(--monster-theme-on-warning);--monster-bg-color-warning-1:var(--monster-theme-warning-emphasis);--monster-bg-color-warning-2:var(--monster-theme-surface);--monster-bg-color-warning-3:var(--monster-theme-warning-subtle);--monster-bg-color-warning-4:var(--monster-theme-warning-emphasis);--monster-color-selection-1:var(--monster-theme-text);--monster-color-selection-2:var(--monster-theme-text);--monster-color-selection-3:var(--monster-theme-text);--monster-color-selection-4:var(--monster-theme-on-accent);--monster-bg-color-selection-1:var(--monster-theme-selection);--monster-bg-color-selection-2:var(--monster-theme-accent-subtle);--monster-bg-color-selection-3:var(--monster-theme-selection);--monster-bg-color-selection-4:var(--monster-theme-accent-hover);--monster-color-primary-disabled-1:var(--monster-theme-disabled);--monster-color-primary-disabled-2:var(--monster-theme-disabled);--monster-color-primary-disabled-3:var(--monster-theme-disabled);--monster-color-primary-disabled-4:var(--monster-theme-disabled);--monster-bg-color-primary-disabled-1:var(
+		--monster-theme-disabled-surface
+	);--monster-bg-color-primary-disabled-2:var(
+		--monster-theme-disabled-surface
+	);--monster-bg-color-primary-disabled-3:var(
+		--monster-theme-disabled-surface
+	);--monster-bg-color-primary-disabled-4:var(
+		--monster-theme-disabled-surface
+	);--monster-color-border-1:var(--monster-theme-border);--monster-color-border-2:var(--monster-theme-border);--monster-color-border-3:var(--monster-theme-border-strong);--monster-color-border-4:var(--monster-theme-border-strong);--monster-border-style:solid;--monster-border-width:1px;--monster-border-radius:0.25rem;--monster-outline-width:3px;--monster-box-shadow-1:none;--monster-box-shadow-2:0 2px 0 rgba(36,35,31,.18);--monster-text-shadow:none;--monster-focus-ring-width:3px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-theme-focus-ring);--monster-focus-ring-offset:2px;--monster-control-min-block-size:max(2.75rem,44px);--monster-control-padding-block:0.625rem;--monster-control-padding-inline:0.875rem;--monster-button-padding:0.5rem 0.875rem;--monster-tree-menu-font-size-level-1:1rem;--monster-tree-menu-font-size-level-2:0.9375rem;--monster-tree-menu-font-size-level-3:0.875rem;--monster-tree-menu-font-size-deep:0.875rem;--monster-tree-menu-button-min-block-size:2rem;--monster-tree-menu-button-padding:0.3125rem 0.5rem;--monster-tree-menu-button-align-items:center;--monster-input-group-color:var(--monster-theme-text);--monster-input-group-background-color:var(--monster-theme-surface);--monster-input-group-box-shadow:none;--monster-input-group-hover-color:var(--monster-theme-text);--monster-input-group-hover-background-color:var(
+		--monster-theme-surface-subtle
+	);--monster-input-group-hover-border-color:var(
+		--monster-theme-border-strong
+	);--monster-input-group-hover-box-shadow:none;--monster-input-group-field-background-color:transparent;--monster-input-group-field-hover-background-color:transparent;--monster-action-menu-padding:0.25rem;--monster-action-menu-background-color:var(--monster-theme-surface);--monster-action-menu-color:var(--monster-theme-text);--monster-action-menu-border-width:1px;--monster-action-menu-border-style:solid;--monster-action-menu-border-color:var(--monster-theme-border);--monster-action-menu-border-radius:0.25rem;--monster-action-menu-box-shadow:none;--monster-action-menu-gap:0.125rem;--monster-action-menu-min-inline-size:11rem;--monster-action-menu-item-min-block-size:max(2.75rem,44px);--monster-action-menu-item-padding:0.625rem 0.75rem;--monster-action-menu-item-color:var(--monster-theme-text);--monster-action-menu-item-background-color:transparent;--monster-action-menu-item-border-width:0;--monster-action-menu-item-border-style:solid;--monster-action-menu-item-border-color:transparent;--monster-action-menu-item-border-radius:0.125rem;--monster-action-menu-item-box-shadow:none;--monster-action-menu-item-justify-content:flex-start;--monster-action-menu-item-text-align:left;--monster-action-menu-item-hover-color:var(--monster-theme-text);--monster-action-menu-item-hover-background-color:var(
+		--monster-theme-surface-subtle
+	);--monster-action-menu-item-hover-border-color:transparent;--monster-action-menu-item-hover-box-shadow:none;--monster-action-menu-item-active-background-color:var(
+		--monster-theme-surface-strong
+	);--monster-action-menu-item-focus-outline-offset:-3px;--monster-button-bar-gap:0;--monster-button-bar-item-spacing:0;--monster-button-bar-popper-gap:var(--monster-action-menu-gap);--monster-button-bar-popper-item-spacing:0;--monster-action-button-popper-padding:var(--monster-action-menu-padding);--monster-action-button-popper-background-color:var(
+		--monster-action-menu-background-color
+	);--monster-action-button-popper-border-color:var(
+		--monster-action-menu-border-color
+	);--monster-action-button-popper-border-radius:var(
+		--monster-action-menu-border-radius
+	);--monster-action-button-popper-box-shadow:var(
+		--monster-action-menu-box-shadow
+	);--monster-action-button-menu-gap:var(--monster-action-menu-gap);--monster-action-button-menu-min-inline-size:var(
+		--monster-action-menu-min-inline-size
+	);--monster-action-button-item-inline-size:100%;--monster-action-button-item-min-inline-size:100%;--monster-action-button-item-justify-content:var(
+		--monster-action-menu-item-justify-content
+	);--monster-action-button-item-label-justify-content:flex-start;--monster-action-button-item-padding:var(
+		--monster-action-menu-item-padding
+	);--monster-action-button-item-color:var(--monster-action-menu-item-color);--monster-action-button-item-background-color:var(
+		--monster-action-menu-item-background-color
+	);--monster-action-button-item-border:var(
+			--monster-action-menu-item-border-width
+		) var(--monster-action-menu-item-border-style) var(--monster-action-menu-item-border-color);--monster-action-button-item-border-radius:var(
+		--monster-action-menu-item-border-radius
+	);--monster-action-button-item-box-shadow:var(
+		--monster-action-menu-item-box-shadow
+	);--monster-action-button-item-margin:0;--monster-action-button-item-text-align:var(
+		--monster-action-menu-item-text-align
+	);--monster-action-button-item-hover-color:var(
+		--monster-action-menu-item-hover-color
+	);--monster-action-button-item-hover-background-color:var(
+		--monster-action-menu-item-hover-background-color
+	);--monster-action-button-item-hover-box-shadow:var(
+		--monster-action-menu-item-hover-box-shadow
+	);--monster-action-button-item-focus-outline-offset:var(
+		--monster-action-menu-item-focus-outline-offset
+	);--monster-theme-control-bg-color:var(--monster-theme-surface);--monster-theme-control-color:var(--monster-theme-text);--monster-theme-control-hover-color:var(--monster-theme-text);--monster-theme-control-hover-bg-color:var(
+		--monster-theme-surface-subtle
+	);--monster-theme-control-border-width:1px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0.25rem;--monster-theme-control-border-color:var(--monster-theme-border);--monster-full-screen-control-size:var(--monster-control-min-block-size);--monster-full-screen-control-border-width:1px;--monster-full-screen-control-border-radius:0.25rem;--monster-full-screen-control-border-color:var(--monster-theme-border);--monster-full-screen-control-background-color:var(
+		--monster-theme-surface-subtle
+	);--monster-full-screen-control-color:var(--monster-theme-text);--monster-full-screen-control-box-shadow:none;--monster-full-screen-control-hover-background-color:var(
+		--monster-theme-surface-strong
+	);--monster-full-screen-control-hover-color:var(--monster-theme-text);--monster-full-screen-control-hover-border-color:var(
+		--monster-theme-border-strong
+	);--monster-full-screen-control-active-background-color:var(
+		--monster-theme-accent
+	);--monster-full-screen-control-active-color:var(--monster-theme-on-accent);--monster-full-screen-control-active-border-color:var(--monster-theme-accent);--monster-full-screen-icon-size:1.125rem;--monster-dragger-width:0.75rem;--monster-dragger-handle-width:0.375rem;--monster-dragger-handle-height:2.75rem;--monster-split-panel-dragger-background-color:var(
+		--monster-theme-surface-strong
+	);--monster-split-panel-dragger-hover-background-color:var(
+		--monster-theme-secondary-subtle
+	);--monster-split-panel-handle-background-color:var(
+		--monster-theme-border-strong
+	);--monster-split-panel-handle-hover-background-color:var(
+		--monster-theme-secondary
+	);--monster-split-panel-handle-active-background-color:var(
+		--monster-theme-accent
+	);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-tertiary);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-tertiary);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-tertiary);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
+		--monster-control-min-block-size
+	);--monster-tabs-overflow-switch-padding:0.625rem;--monster-tabs-overflow-switch-border-width:0;--monster-tabs-overflow-switch-border-color:transparent;--monster-tabs-overflow-switch-background-color:transparent;--monster-tabs-overflow-switch-hover-background-color:var(
+		--monster-theme-surface-subtle
+	);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-success);--monster-theme-off-color:var(--monster-theme-text-secondary);--monster-theme-off-bg-color:var(--monster-theme-surface-strong);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-space-0:0;--monster-space-1:0.25rem;--monster-space-2:0.5rem;--monster-space-3:0.75rem;--monster-space-4:1rem;--monster-space-5:1.5rem;--monster-space-6:2rem;--monster-space-7:3rem}@media (prefers-color-scheme:dark){:root[data-monster-theme-name=modern]{--monster-theme-surface-canvas:#161512;--monster-theme-surface:#1e1d1a;--monster-theme-surface-subtle:#282622;--monster-theme-surface-strong:#34312c;--monster-theme-text:#f4f0e8;--monster-theme-text-secondary:#d2ccc0;--monster-theme-text-muted:#aaa397;--monster-theme-border:#777065;--monster-theme-border-strong:#9c9385;--monster-theme-accent:#eee7dc;--monster-theme-accent-hover:#fff;--monster-theme-accent-subtle:#39352f;--monster-theme-secondary:#d2ccc0;--monster-theme-secondary-subtle:#302d29;--monster-theme-secondary-strong:#e5dfd5;--monster-theme-tertiary:#72cbb0;--monster-theme-tertiary-subtle:#183930;--monster-theme-on-accent:#201e1a;--monster-theme-focus-ring:#72cbb0;--monster-theme-selection:#24483e;--monster-theme-success:#72cf96;--monster-theme-success-subtle:#183a28;--monster-theme-warning:#f0c94f;--monster-theme-warning-subtle:#413615;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#f28ba0;--monster-theme-error-subtle:#481e29;--monster-theme-info:#b1a1ef;--monster-theme-info-subtle:#31294a;--monster-theme-disabled:#a49d91;--monster-theme-disabled-surface:#37342f;--monster-box-shadow-2:0 2px 0 rgba(0,0,0,.45);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}
+}`,
+		0,
+	);
+} catch (e) {
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
+}