diff --git a/docs/ui.css b/docs/ui.css
index 736b5fe0..7e14104a 100644
--- a/docs/ui.css
+++ b/docs/ui.css
@@ -1606,7 +1606,7 @@ input[type=color] {
 .has-error .input-radio-inner:has(:active):not(.disabled) { box-shadow: var(--ui-shadow-danger); border-color: var(--ui-color-danger); }
 
 
-.has-error .info-bar-error { background-color: transparent; }
+.has-error.input-radio .info-bar-error { background-color: transparent; }
 
 
 .input-radio-items {
diff --git a/docs/ui.css.map b/docs/ui.css.map
index f99ea0cc..b3ef5d01 100644
--- a/docs/ui.css.map
+++ b/docs/ui.css.map
@@ -1 +1 @@
-{"version":3,"sources":["root.css","theme-dark.css","theme-light.css","button/Button-outline.css","button/button-link.css","button/button-normal.css","button/button-text.css","button/button.css","button-group/ButtonGroup.css","dialog/Dialog.css","drawer/Drawer.css","info-bar/InfoBar.css","input/input.css","menu/Menu.css","message-box/MessageBox.css","panel/Panel.css","push-button/PushButton.css","splitter/Splitter.css","table/Table.css","text-fit/TextFit.css","tooltip/Tooltip.css","tree/Tree.css","input/autocomplete/Autocomplete.css","input/button-toggle/ButtonToggle.css","input/checkbox/Checkbox.css","input/input-date/InputDate.css","input/input-error/InputError.css","input/input-math/InputMath.css","input/input-password/InputPassword.css","input/input-text/InputText.css","input/label/Label.css","input/radio/Radio.css","input/select/Select.css","input/textarea/Textarea.css","input/toggle/Toggle.css","notification-center/NotificationArchive/NotificationArchive.css","notification-center/NotificationCenter/NotificationCenter.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChDA;AACA;AACA;AACA;AACA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ui.css","sourcesContent":[":root {\n\t--ui-border-radius: 0.3rem;\n\t--ui-border-radius-s: 0.5rem;\n\t--ui-border-radius-m: 0.7rem;\n\t--ui-border-radius-l: 1rem;\n\t--ui-border-radius-xl: 5rem;\n\n\t/* margins & padding values */\n\t--ui-margin: 0.3rem;\n\t--ui-margin-s: 0.1rem;\n\t--ui-margin-m: 0.5rem;\n\t--ui-margin-l: 1rem;\n\t--ui-margin-xl: 1.5rem;\n\t--ui-margin-xxl: 2rem;\n\n\t--ui-animation-speed: .3s;\n\n\t/* 2.0834rem; = 34px */\n\t/* 2.206rem; = 36px */\n\t--ui-button-height: 2.206rem;\n\n\t/* shadows */\n\t--ui-shadow-button: 0 1px 0 #000c;\n\t--ui-shadow-focus: 0 0 2px 1px var(--ui-color-accent);\n\t--ui-shadow-danger: 0 0 2px 1px var(--ui-color-danger);\n\t--ui-shadow-small: 0 0 0 0.5px #ffffff44, 0 3px 10px #00000066;\n\t--ui-shadow-large: 0 5px 20px #000a;\n\t--ui-shadow-fancy:\n\t\t0 0 0 0.5px #111111,\n\t\t0 1px 5px rgb(0 0 0 / 30%),\n\t\t0 4px 10px rgb(0 0 0 / 10%),\n\t\t0 10px 25px rgb(0 0 0 / 8%);\n}\n\n\nbody { box-sizing: border-box; }\nbody * { box-sizing: inherit; }\n\nsvg { width: 1.5rem; height: 1.5rem; }\n\n/* meatballs icon is misaligned */\n.icon-tabler-dots-vertical { margin-left: -1px; }\n",":root,\n.theme-dark {\n\tcolor-scheme: dark;\n\n\t--ui-color-accent: #bb7a00;\n\t--ui-color-accent-semi: #bb7a0066;\n\t--ui-color-accent-light-1: #d69214;\n\t--ui-color-accent-light-2: #ffb325;\n\t--ui-color-accent-dark-1: #79520b;\n\t--ui-color-accent-dark-2: #694d13;\n\n\t--ui-color-highlight: #1b5ca6;\n\t--ui-color-highlight-semi: #1b5ca666;\n\t--ui-color-highlight-light-1: #267bdc;\n\t--ui-color-highlight-light-2: #499eff;\n\t--ui-color-highlight-dark-1: #2262aa;\n\t--ui-color-highlight-dark-2: #1e4572;\n\n\t--ui-color-secondary: #666;\n\t--ui-color-secondary-semi: #6666;\n\n\n\t--ui-color-info: #30506a;\n\t--ui-color-info-semi: #30506a99;\n\t--ui-color-info-dark-1: #274157;\n\t--ui-color-info-dark-2: #1b2e3f;\n\n\t--ui-color-success: #376651;\n\t--ui-color-success-semi: #37665199;\n\t--ui-color-success-dark-1: #2f5443;\n\t--ui-color-success-dark-2: #274537;\n\n\t--ui-color-warning: #71580d;\n\t--ui-color-warning-semi: #71580d99;\n\t--ui-color-warning-dark-1: #57440b;\n\t--ui-color-warning-dark-2: #443504;\n\n\t--ui-color-danger: #943737;\n\t--ui-color-danger-semi: #94373799;\n\t--ui-color-danger-dark-1: #792f2f;\n\t--ui-color-danger-dark-2: #582121;\n\n\t--ui-color-border: #1b1b1b;\n\t--ui-color-border-semi: #1b1b1b66;\n\t--ui-color-border-light-1: #2b2b2b;\n\t--ui-color-border-light-2: #353535;\n\t--ui-color-border-dark-1: #131313;\n\t--ui-color-border-dark-2: #0c0c0c;\n\n\t--ui-color-background: #2f2f2f;\n\t--ui-color-background-semi: #22222266;\n\t--ui-color-background-light-1: #353535;\n\t--ui-color-background-light-2: #535353;\n\t--ui-color-background-dark-1: #232323;\n\t--ui-color-background-dark-2: #1a1a1a;\n\n\t--ui-color-background-input: #222;\n\n\t--ui-color-text: #dad9d9;\n\t--ui-color-text-semi: #dad9d966;\n\t--ui-color-text-light-1: #e3e3e3;\n\t--ui-color-text-light-2: #fefefe;\n\t--ui-color-text-dark-1: #aaa;\n\t--ui-color-text-dark-2: #888;\n\n\t--ui-popup-border: 1px solid var(--ui-color-background-light-2);\n\t--ui-popup-background: var(--ui-color-background);\n}\n",".theme-light {\n\tcolor-scheme: light;\n\n\t--ui-color-accent: #b37400;\n\t--ui-color-accent-semi: #b3740066;\n\t--ui-color-accent-light-1: #c37f00;\n\t--ui-color-accent-light-2: #cf8803;\n\t--ui-color-accent-dark-1: #79520b;\n\t--ui-color-accent-dark-2: #694d13;\n\n\n\t--ui-color-highlight: #86beff;\n\t--ui-color-highlight-semi: #86beff66;\n\t--ui-color-highlight-light-1: #9cc8fa;\n\t--ui-color-highlight-light-2: #bddcff;\n\t--ui-color-highlight-dark-1: #7aafec;\n\t--ui-color-highlight-dark-2: #6ba0de;\n\n\t--ui-color-secondary: #bbb;\n\t--ui-color-secondary-semi: #bbb6;\n\n\n\t--ui-color-info: #bbd3f0;\n\t--ui-color-info-semi: #bbd3f099;\n\t--ui-color-info-dark-1: #acc4e1;\n\t--ui-color-info-dark-2: #99b4d4;\n\n\t--ui-color-success: #7bd7ae;\n\t--ui-color-success-semi: #7bd7ae99;\n\t--ui-color-success-dark-1: #6acda0;\n\t--ui-color-success-dark-2: #5bc495;\n\n\t--ui-color-warning: #eec64e;\n\t--ui-color-warning-semi: #eec64e99;\n\t--ui-color-warning-dark-1: #d6b141;\n\t--ui-color-warning-dark-2: #b89221;\n\n\t--ui-color-danger: #e86c6c;\n\t--ui-color-danger-semi: #e86c6c99;\n\t--ui-color-danger-dark-1: #d75e5e;\n\t--ui-color-danger-dark-2: #da4242;\n\n\t--ui-color-border: #bbb;\n\t--ui-color-border-semi: #bbb6;\n\t--ui-color-border-light-1: #ccc;\n\t--ui-color-border-light-2: #ddd;\n\t--ui-color-border-dark-1: #aaa;\n\t--ui-color-border-dark-2: #999;\n\n\t--ui-color-background: #eee;\n\t--ui-color-background-semi: #eee6;\n\t--ui-color-background-light-1: #f0f0f0;\n\t--ui-color-background-light-2: #fff;\n\t--ui-color-background-dark-1: #ddd;\n\t--ui-color-background-dark-2: #ccc;\n\n\t--ui-color-background-input: #c2c2c2;\n\n\t--ui-color-text: #333;\n\t--ui-color-text-semi: #3336;\n\t--ui-color-text-light-1: #444;\n\t--ui-color-text-light-2: #666;\n\t--ui-color-text-dark-1: #222;\n\t--ui-color-text-dark-2: #111;\n\n\t--ui-popup-border: 1px solid var(--ui-color-background-dark-2);\n\t--ui-popup-background: var(--ui-color-background);\n}\n",".button-outline {\n\tbackground: transparent;\n\tborder: 2px solid var(--ui-color-secondary);\n\tmin-width: calc(var(--ui-button-size) * 4);\n\tmin-height: calc(var(--ui-button-size) * 2);\n}\n\n.button-outline:focus,\n.button-outline:hover { background-color: var(--ui-color-secondary-semi); }\n\n.button-outline.info { border-color: var(--ui-color-info); }\n.button-outline.info:focus,\n.button-outline.info:hover { background-color: var(--ui-color-info-semi); }\n\n.button-outline.success { border-color: var(--ui-color-success); }\n.button-outline.success:focus,\n.button-outline.success:hover { background-color: var(--ui-color-success-semi); }\n\n.button-outline.warning { border-color: var(--ui-color-warning); }\n.button-outline.warning:focus,\n.button-outline.warning:hover { background-color: var(--ui-color-warning-semi); }\n\n.button-outline.error,\n.button-outline.danger { border-color: var(--ui-color-danger); }\n\n.button-outline.error:focus,\n.button-outline.error:hover,\n.button-outline.danger:focus,\n.button-outline.danger:hover { background-color: var(--ui-color-danger-semi); }\n",".button-link {\n\tbackground: none;\n\tborder: none;\n\tcursor: pointer;\n\tmin-width: 0;\n}\n\n.button.button-link {\n\tmargin: calc(var(--ui-margin) * -1);\n\tpadding: var(--ui-margin);\n\tvertical-align: baseline;\n\ttext-decoration: underline;\n}\n\n.button.button-link:focus,\n.button.button-link:hover { text-decoration: underline; text-underline-offset: 0.2rem; }\n\n\n.button-link.info:focus,\n.button-link.info:hover { text-decoration-color: var(--ui-color-info); }\n\n.button-link.success:focus,\n.button-link.success:hover { text-decoration-color: var(--ui-color-success); }\n\n.button-link.warning:focus,\n.button-link.warning:hover { text-decoration-color: var(--ui-color-warning); }\n\n.button-link.error:focus,\n.button-link.error:hover,\n.button-link.danger:focus,\n.button-link.danger:hover { text-decoration-color: var(--ui-color-danger); }\n",".button-normal {\n\tbackground: var(--ui-color-secondary);\n\tborder: 1px solid transparent;\n\tbox-shadow: var(--ui-shadow-button);\n\tmin-width: calc(var(--ui-button-size) * 4);\n\tmin-height: calc(var(--ui-button-size) * 2);\n}\n\n.button-normal.info { background: var(--ui-color-info); }\n.button-normal.success { background: var(--ui-color-success); }\n.button-normal.warning { background: var(--ui-color-warning); }\n.button-normal.error,\n.button-normal.danger { background: var(--ui-color-danger); }\n",".button-text {\n\tbackground: transparent;\n\tborder: none;\n\tmin-width: calc(var(--ui-button-size) * 4);\n\tmin-height: calc(var(--ui-button-size) * 2);\n\tbox-shadow: none;\n}\n\n.button-text:focus,\n.button-text:hover { background-color: var(--ui-color-secondary); }\n\n.button-text.info:focus,\n.button-text.info:hover { background-color: var(--ui-color-info); }\n\n.button-text.success:focus,\n.button-text.success:hover { background-color: var(--ui-color-success); }\n\n.button-text.warning:focus,\n.button-text.warning:hover { background-color: var(--ui-color-warning); }\n\n.button-text.error:focus,\n.button-text.error:hover,\n.button-text.danger:focus,\n.button-text.danger:hover { background-color: var(--ui-color-danger); }\n",".button {\n\t--ui-button-size: 1rem;\n\n\tfont: inherit;\n\tline-height: 1.4;\n\tfont-weight: 400;\n\tfont-size: var(--ui-button-size);\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--ui-margin-m);\n\n\theight: auto;\n\tmin-height: 2.2rem;\n\tmargin: 0;\n\tpadding: 0 var(--ui-margin-l);\n\tcolor: var(--ui-color-text);\n\t-webkit-user-select: none;\n\tuser-select: none;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tvertical-align: middle;\n\tborder-radius: var(--ui-border-radius);\n\ttext-decoration: none;\n\t-ms-touch-action: manipulation;\n\ttouch-action: manipulation;\n}\n\n.button:hover { text-decoration: none; }\n.button:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: 1px solid transparent;\n}\n\n.button.touching,\n.button:active {\n\toutline: 1px solid transparent;\n\tbox-shadow: none;\n\ttransform: translateY(1px);\n\tfilter: brightness(0.85);\n}\n\n.button[disabled] {\n\tpointer-events: none;\n\topacity: 0.6;\n\tbox-shadow: none;\n}\n\n.button svg {\n\tmin-height: calc(var(--ui-button-size) * 1.25);\n\tmax-height: calc(var(--ui-button-size) * 1.25);\n\theight: calc(var(--ui-button-size) * 1.25);\n\tmin-width: var(--ui-button-size);\n\twidth: auto;\n\tpointer-events: none;\n}\n\n\n.button:not(.button-has-text) { min-width: 28px; padding: 0 var(--ui-margin-m); }\n.button:not(.button-has-text) svg { min-height: calc(var(--ui-button-size) * 1.4); }\n\n\n.button.round {\n\tmin-width: 28px;\n\tmin-height: 28px;\n\tpadding: var(--ui-margin);\n\tborder-radius: var(--ui-border-radius-xl);\n}\n.button.round:not(.button-has-text) { aspect-ratio: 1/1; }\n\n.button-has-text.round { padding-inline: var(--ui-margin-l); }\n",".button-group {\n\tpadding: 0 0 1px;\n\tdisplay: inline-flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: stretch;\n\tborder-radius: var(--ui-border-radius);\n\t--button-border-radius: calc(var(--ui-border-radius) - 1px)\n}\n\n.button-group .button {\n\tflex-shrink: 0;\n\tflex-grow: 10;\n\tborder-radius: 0;\n\tposition: relative;\n\toverflow: hidden;\n}\n\n.button-group .button-normal[disabled] { box-shadow: var(--ui-shadow-button); }\n\n.button-group .button:first-of-type {\n\tborder-top-left-radius: var(--button-border-radius);\n\tborder-bottom-left-radius: var(--button-border-radius);\n}\n\n.button-group .button:last-of-type {\n\tborder-top-right-radius: var(--button-border-radius);\n\tborder-bottom-right-radius: var(--button-border-radius);\n}\n\n.button-group .button-outline:not(:first-of-type) { margin-left: -2px; }\n.button-group .button-normal:not(:first-of-type) {\n\tborder-left: 1px solid var(--ui-color-background-semi);\n}\n\n\n.button-group.round { border-radius: var(--ui-border-radius-xl); }\n\n.button-group.round .button:first-of-type {\n\tborder-top-left-radius: var(--ui-border-radius-xl);\n\tborder-bottom-left-radius: var(--ui-border-radius-xl);\n}\n\n.button-group.round .button:last-of-type {\n\tborder-top-right-radius: var(--ui-border-radius-xl);\n\tborder-bottom-right-radius: var(--ui-border-radius-xl);\n}\n\n\n.button-group .button:not(.button-has-text):first-of-type { padding-left: 9px; }\n.button-group .button:not(.button-has-text):last-of-type { padding-right: 9px; }\n.button-group.round .button:not(.button-has-text):first-of-type { padding-right: 6px; padding-left: 11px; }\n.button-group.round .button:not(.button-has-text):last-of-type { padding-left: 6px; padding-right: 11px; }\n",".dialog-backdrop {\n\tposition: fixed;\n\tinset: 0;\n\tdisplay: none;\n\talign-items: center;\n\tjustify-content: center;\n\tz-index: 99;\n\tbackground-color: rgba(0 0 0 / 0);\n\ttransition: background-color var(--ui-animation-speed) ease-out;\n\ttransform: translateZ(1px);\n}\n\n.dialog-backdrop.opened { background-color: rgba(0 0 0 / .6); }\n\n.dialog {\n\topacity: 0;\n\ttransform: scale(0.8);\n\ttransition:\n\t\topacity var(--ui-animation-speed) ease-out,\n\t\ttransform var(--ui-animation-speed) ease-out;\n\tmax-height: 90vh;\n\tmin-width: 15rem;\n\tmax-width: 95vw;\n\tcolor: var(--ui-color-text);\n\tborder-radius: var(--ui-border-radius);\n\tborder: var(--ui-popup-border);\n\tbackground: var(--ui-popup-background);\n\tbox-shadow: var(--ui-shadow-large);\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: stretch;\n\toverflow: hidden;\n}\n\n.opened .dialog { opacity: 1; transform: scale(1); }\n\n.dialog-header {\n\ttext-align: center;\n\tfont-size: 1.4rem;\n\tfont-weight: 400;\n\tmargin: 0;\n\tpadding: 0.5rem 1rem;\n\tborder-top-left-radius: var(--ui-border-radius);\n\tborder-top-right-radius: var(--ui-border-radius);\n}\n\n.dialog-content {\n\tpadding: 1rem;\n\tmin-width: 200px;\n\tflex: 1;\n\toverflow-y: auto;\n\toverscroll-behavior-y: contain;\n\toutline: 1px solid transparent;\n}\n\n.dialog-content:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus) inset;\n\toutline: 1px solid transparent;\n}\n\n.dialog-footer {\n\tborder-bottom-left-radius: var(--ui-border-radius);\n\tborder-bottom-right-radius: var(--ui-border-radius);\n}\n\n.dialog-footer [slot=\"footer\"] {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-flow: row-reverse;\n\tpadding: 0.7rem 1rem;\n\tgap: 0.3rem;\n}\n\n.draw-borders .dialog-header { border-bottom: var(--ui-popup-border); padding: 0.4rem 0.5rem; }\n.draw-borders .dialog-footer { border-top: var(--ui-popup-border); }\n\n.dialog-header:empty,\n.dialog-footer:empty { display: none; }\n\n\n.mobile .dialog-backdrop .dialog {\n\theight: 100%;\n\twidth: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n",".drawer {\n\tposition: fixed;\n\tbackground-color: var(--ui-popup-background);\n\tborder-left: var(--ui-popup-border);\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\twidth: 24rem;\n\tmin-height: 20rem;\n\tbox-shadow: var(--ui-shadow-large);\n\tz-index: 11;\n\tcolor: var(--ui-color-text);\n\tpadding: 0;\n\toverflow-y: auto;\n\toverscroll-behavior-y: contain;\n\ttransform: translateZ(1px);\n}\n\n.drawer:focus { outline: 1px solid transparent; }\n\n.drawer-header {\n\tposition: sticky;\n\t/* stylelint-disable-next-line declaration-block-no-duplicate-properties */\n\tposition: -webkit-sticky;\n\tbackground-color: inherit;\n\ttop: 0;\n\twidth: 100%;\n\tmargin: 0 0 1rem;\n\tpadding: 0 1rem 0 1.4rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.drawer-header h2 { margin: 0; padding: 0.5rem 0; }\n\n.drawer-content { padding: 0 1.4rem; }\n",".info-bar {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n\tpadding: 0.4rem;\n\tmargin: 0 0 0.75rem;\n\tborder-radius: var(--ui-border-radius);\n\tborder-width: 1px;\n\tborder-style: solid;\n}\n\n.info-bar p { margin: 0; font-size: 0.9rem; line-height: 1.4rem; }\n.info-bar .icon { flex-shrink: 0; }\n\n\n\n.info-bar-error {\n\tbackground-color: var(--ui-color-danger-semi);\n\tborder-color: var(--ui-color-danger);\n}\n\n.info-bar-info {\n\tbackground-color: var(--ui-color-info-semi);\n\tborder-color: var(--ui-color-info);\n}\n\n.info-bar-success {\n\tbackground-color: var(--ui-color-success-semi);\n\tborder-color: var(--ui-color-success);\n}\n\n.info-bar-warning {\n\tbackground-color: var(--ui-color-warning-semi);\n\tborder-color: var(--ui-color-warning);\n}\n\n.info-bar-error .icon,\n.info-bar-info .icon { margin-top: -1px; }\n",".theme-dark input { color-scheme: dark; }\n.theme-light input { color-scheme: light; }\n\n\ntextarea::placeholder,\ninput::placeholder { color: var(--ui-color-text-dark-2); }\n\n.theme-light textarea::placeholder,\n.theme-light input::placeholder { color: var(--ui-color-text-light-2); }\n\n\n:where(input:not([type=radio],[type=checkbox])) {\n\tfont: inherit;\n\theight: calc(2.2rem - 2px);\n\tborder: 1px solid transparent;\n\tline-height: 1;\n\tcolor: var(--ui-color-text);\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: var(--ui-border-radius);\n\tpadding: 0 var(--ui-margin-m);\n\twidth: 25ch;\n}\n\n:where(input:focus) {\n\toutline: 0;\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n}\n\n:where(input:invalid) {\n\tborder-color: var(--ui-color-danger);\n\tbox-shadow: var(--ui-shadow-danger);\n}\n\n\ninput[type=color] {\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n\tcursor: pointer;\n}\n\n\n:where(input:disabled) { opacity: 0.75; cursor: default; }\n\n.input { width: 25ch; vertical-align: middle; }\n.input .input-inner {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: stretch;\n\tborder-radius: var(--ui-border-radius);\n\tbackground: var(--ui-color-background-input);\n\tborder: 1px solid  var(--ui-color-background-dark-2);\n}\n\n.input-inner:focus-within { border-color: var(--ui-color-accent); box-shadow: var(--ui-shadow-focus); }\n\n\n.input,\n.textarea textarea:disabled,\n.input select:disabled,\n.input input:disabled { opacity: 1; }\n\n.input .input-inner:has(:disabled),\n.textarea .textarea-inner:has(:disabled) { opacity: 0.75; color: var(--ui-color-text-semi); }\n\n.input input:not([type=radio]) { width: 100%; border: none; }\n.input input:not([type=radio]):focus { box-shadow: none; border: none; }\n.input input:not([type=radio]):invalid { border: none; box-shadow: none; }\n\n\n.input-row {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tposition: relative;\n}\n\n.input-row > .button,\n.input-row > .icon {\n\tposition: absolute;\n\theight: 100%;\n\tcolor: var(--ui-color-text-dark-2);\n\tz-index: 1;\n}\n\n.input-row > .icon { left: 7px; width: 1.5rem; pointer-events: none; }\n.input-row > .button { right: 2px; }\n\n.theme-light .input-row .icon { color: var(--ui-color-text-light-2); }\n",".menu {\n\tposition: fixed;\n\tpadding: 0.2rem 0.25rem;\n\tmargin: 0;\n\tdisplay: flex;\n\twidth: auto;\n\tflex-flow: column;\n\talign-items: stretch;\n\tlist-style: none;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tcursor: default;\n\tz-index: 999;\n\tmax-height: calc(100vh - 4px);\n\t-webkit-user-select: none;\n\tuser-select: none;\n\toverscroll-behavior-y: contain;\n\n\tcolor: var(--ui-color-text);\n\tborder: var(--ui-popup-border);\n\tborder-radius: calc(var(--ui-border-radius) + 2px);\n\tbackground: var(--ui-popup-background);\n\tbox-shadow: var(--ui-shadow-fancy);\n\ttransform: translateZ(1px);\n}\n\n.menu:focus { outline: none; }\n\n\n.menu-item {\n\tfont-family: inherit;\n\talign-items: center;\n\tborder-radius: var(--ui-border-radius);\n\tcolor: inherit;\n\tbackground: none;\n\tborder: none;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tfont-size: 0.86rem;\n\tletter-spacing: 0.1px;\n\tjustify-content: space-between;\n\tmargin: 0;\n\toverflow: hidden;\n\tpadding: 0.5rem 0.9rem;\n\tposition: relative;\n\ttext-align: left;\n\twhite-space: nowrap;\n\twidth: 100%;\n}\n\n.menu-item-shortcut { margin: -0.1rem 0 -0.1rem auto; letter-spacing: 0.1rem; opacity: 0.5; }\n.menu-item-shortcut:empty { visibility: hidden; }\n\n.menu-item.disabled { pointer-events: none; opacity: 0.6; }\n\n.menu-item:focus { background-color: var(--ui-color-highlight); outline: 1px solid transparent; }\n\n.menu-item:focus.success { background-color: var(--ui-color-success); }\n.menu-item:focus.warning { background-color: var(--ui-color-warning); }\n.menu-item:focus.danger { background-color: var(--ui-color-danger); }\n\n.menu-item:focus .menu-item-shortcut { opacity: 1; }\n\n.menu-item svg { width: 1.1rem; height: 1.1rem; margin: -0.1rem 0.5rem -0.1rem 0; }\n\n.menu-item-content {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin-right: 2rem;\n}\n\n.menu-separator {\n\theight: 0;\n\tpadding: 0;\n\tmargin: var(--ui-margin) 0.6rem;\n\tborder-bottom: var(--ui-popup-border);\n}\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.menu {\n\t\tbackground-color: var(--ui-color-background-semi);\n\t\t-webkit-backdrop-filter: blur(30px);\n\t\tbackdrop-filter: blur(30px);\n\t}\n}\n",".message-box .dialog-header,\n.message-box .dialog-footer { background: var(--ui-color-background-dark-1); }\n\n.message-box .dialog-header { border-bottom: 1px solid var(--ui-color-border); }\n.message-box .dialog-footer { border-top: 1px solid var(--ui-color-border); }\n\n\n.message-box .dialog-content {\n\tdisplay: flex;\n\tflex-flow: row;\n\tmargin: 0 auto;\n\tpadding: 1rem;\n\tgap: 1rem;\n}\n\n.message-box .dialog-content .message { max-width: 50vw; display: flex; align-items: center; }\n.message-box .dialog-content .message-content { margin: 0; line-height: 1.5; }\n\n\n.message-box .dialog-content .icon {\n\twidth: 3rem;\n\theight: 3rem;\n\tflex-shrink: 0;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: var(--primary-color);\n\tcolor: var(--primary-text-color);\n}\n\n.message-info .dialog-content .icon { color: var(--ui-color-info); }\n.message-warning .dialog-content .icon { color: var(--ui-color-warning); }\n.message-error .dialog-content .icon { color: var(--ui-color-danger); }\n",".panel {\n\toverflow: hidden;\n\twill-change: height;\n\tposition: relative;\n\tborder: 2px solid var(--ui-color-border);\n\tbackground: var(--ui-color-background-dark-2);\n\tmargin-bottom: 1rem;\n}\n\n\n.panel details { margin: 1px; }\n\n.panel-header {\n\tcolor: var(--ui-color-text);\n\ttext-align: left;\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tfont-weight: 300;\n\tfont-size: 1rem;\n\tpadding: 0 0.6rem 0 1rem;\n\theight: 2.6rem;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.collapsible .panel-header { cursor: pointer; }\n\n.panel-header::-webkit-details-marker { display: none; }\n\n.panel-content {\n\tborder-top: 1px solid var(--ui-color-border);\n\tbackground: var(--ui-color-background);\n\tpadding: 1rem;\n}\n\n\n.panel .chevron {\n\theight: 1.2rem;\n\ttransform: rotate(0deg);\n\ttransition: transform var(--ui-animation-speed) ease-out;\n}\n.panel .chevron svg { width: 1.2rem; height: 1.2rem; }\n.panel.expanded .chevron { transform: rotate(90deg); }\n\n\n\n.panel.round { border-radius: var(--ui-border-radius-s); }\n.panel.round .panel-content {\n\tborder-radius: calc(var(--ui-border-radius-s) - 2px);\n}\n\n\n.panel.disabled { opacity: 0.5; }\n\n\n.panel-header:focus { outline: 1px solid transparent; }\n.panel:has(.panel-header:focus) {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\tz-index: 2;\n}\n",".push-button[aria-pressed=\"true\"] {\n\tfilter: brightness(0.85);\n\ttransform: translateY(1px);\n\tbox-shadow: none;\n}\n\n.push-button[aria-pressed=\"true\"].button-outline { background-color: var(--ui-color-secondary-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.info { background-color: var(--ui-color-info-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.success { background-color: var(--ui-color-success-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.warning { background-color: var(--ui-color-warning-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.danger { background-color: var(--ui-color-danger-semi); }\n",".splitter {\n\tposition: absolute;\n\theight: 100%;\n\twidth: 16px;\n\tz-index: 90;\n\tcursor: ew-resize;\n}\n\n.splitter::after {\n\tcontent: \" \";\n\tdisplay: block;\n\twidth: 6px;\n\theight: 100%;\n\tmargin: 0 auto;\n}\n\n.splitter.vertical { width: 100%; height: 16px; cursor: ns-resize; }\n\n.splitter.vertical::after { width: 100%; height: 6px; margin: auto 0; }\n\n.splitter.is-dragging::after,\n.splitter:hover::after { background-color: var(--ui-color-background-light-2); }\n",".table-wrapper {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: auto;\n\toverscroll-behavior-y: contain;\n\tposition: relative;\n\tborder: 2px solid var(--ui-color-border);\n}\n\n.table-wrapper.selectable { cursor: default; -webkit-user-select: none; user-select: none; }\n.table-wrapper.round { border-radius: var(--ui-border-radius-s); }\n\n.table { border-spacing: 0; cursor: default; width: 100%; }\n\n.table thead,\n.table tfoot { position: sticky; z-index: 2; }\n.table thead { top: 0; }\n.table tfoot { bottom: 0; }\n\n.table thead th,\n.table tfoot td {\n\tpadding: var(--ui-margin-m);\n\tfont-weight: 400;\n\ttext-align: left;\n\tvertical-align: middle;\n\tbackground: var(--ui-color-background-dark-1);\n}\n\n.table tr:focus-within,\n.table tr:focus,\n.table tbody:focus,\n.table tbody:focus tr {\n\toutline: 1px solid transparent;\n\tbackground-color: var(--ui-color-highlight-dark-2);\n}\n\n.table tbody td {\n\tpadding: var(--ui-margin) var(--ui-margin-m) calc(var(--ui-margin) + 1px);\n\tborder-bottom: 1px solid var(--ui-color-border);\n\tvertical-align: middle;\n\tline-height: 1.5rem;\n}\n\n.table th:first-child,\n.table td:first-child { padding-left: var(--ui-margin-l); }\n\n.table th:last-child,\n.table td:last-child { padding-right: var(--ui-margin-l); }\n",".text-fit {\n\tdisplay: inline-block;\n\ttransform-origin: center;\n\twhite-space: nowrap;\n\t-webkit-font-smoothing: subpixel-antialiased;\n}\n",".tooltip-container {\n\tz-index: 9999;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateZ(1px);\n\t--tooltip-tip-size: 10px;\n\t--tooltip-color: #292929;\n\t--tooltip-border: 1px solid #ffffff28;\n\t--tooltip-shadow: 0 0 0 1px #000, 0 0 5px #0006;\n\t--tooltip-border-radius: 5px;\n}\n\n.tooltip-plate { position: absolute; padding-bottom: var(--tooltip-tip-size); }\n\n.tooltip {\n\tposition: relative;\n\tborder-radius: var(--tooltip-border-radius);\n\tbox-shadow: var(--tooltip-shadow);\n}\n\n.tooltip::before,\n.tooltip-content::before {\n\tcontent: '';\n\tposition: absolute;\n\tdisplay: block;\n\twidth: var(--tooltip-tip-size);\n\theight: var(--tooltip-tip-size);\n\tbottom: calc(var(--tooltip-tip-size) / -2);\n\ttransform: rotate(45deg) skew(8deg, 8deg);\n\tleft: 50%;\n\tmargin-left: calc(var(--tooltip-tip-size) / -2);\n}\n\n.tooltip::before {\n\tbox-shadow: var(--tooltip-shadow);\n\tbackground-color: var(--tooltip-color);\n\tborder: var(--tooltip-border);\n\tborder-width: 1.5px;\n\tborder-radius: 0 0 3px;\n\tmargin-left: calc(var(--tooltip-tip-size) / -2 - 1.5px);\n}\n\n.tooltip-content {\n\tpadding: 0.5rem 0.7rem;\n\ttext-align: center;\n\tposition: relative;\n\tborder-radius: inherit;\n\tz-index: 1;\n\tbackground-color: var(--tooltip-color);\n\tborder: var(--tooltip-border);\n}\n\n.tooltip-content * { position: relative; }\n.tooltip-content::before {\n\tbackground-color: inherit;\n\tborder-radius: 0 0 2px;\n\tz-index: -1;\n}\n\n\n/* TOOLTIP BELOW TARGET  */\n.tooltip-bottom { padding-bottom: 0; padding-top: var(--tooltip-tip-size); }\n\n.tooltip-bottom .tooltip::before,\n.tooltip-bottom .tooltip-content::before { bottom: auto; top: calc(var(--tooltip-tip-size) / -2); }\n\n.tooltip-bottom .tooltip::before { border-radius: 3px 0 0; }\n.tooltip-bottom .tooltip-content::before { border-radius: 2px 0 0; }\n\n\n\n/* THEME LIGHT  */\n.theme-light .tooltip {\n\t--tooltip-color: #fff;\n\t--tooltip-border: 1px solid #fff;\n\t--tooltip-shadow: 0 0 1px #0002, 0 0 5px #0006;\n}\n\n\n\n/* COLOR VARIATIONS */\n.info .tooltip { --tooltip-color: var(--ui-color-info); }\n.success .tooltip { --tooltip-color: var(--ui-color-success); }\n.danger .tooltip { --tooltip-color: var(--ui-color-danger); }\n.warning .tooltip { --tooltip-color: var(--ui-color-warning); }\n",".tree,\n.tree ul { padding: 0; margin: 0; list-style: none; }\n.tree li { display: block; width: 100%; padding: 0; }\n\n.tree {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: flex-start;\n\toverflow: hidden;\n\tposition: relative;\n\tmargin: 0;\n\tpadding: .3rem;\n\tborder-radius: var(--ui-border-radius);\n}\n.tree:focus {\n\toutline: 0;\n\tbox-shadow:\n\t\t0 0 0 1px var(--ui-color-accent),\n\t\tvar(--ui-shadow-focus);\n}\n\n.tree-node {\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tborder-radius: var(--ui-border-radius);\n\tpadding: 0 0.5rem;\n}\n\n.tree-node.selected { background-color: var(--ui-color-highlight-dark-2); }\n.tree-node:hover { background-color: var(--ui-color-highlight); }\n\n.tree-icon {\n\tdisplay: inline-block;\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tmask-size: 1.5rem;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--ui-color-text-dark-2);\n\tmask-repeat: no-repeat;\n\tmask-position: 0 center;\n}\n\n.tree-label { line-height: 2; }\n\n.tree-indent {\n\tdisplay: block;\n\twidth: 0.8rem;\n\tmargin-right: 1rem;\n\theight: 2rem;\n\tborder-right: 1px solid transparent;\n}\n.tree .tree-indent { border-right-color: var(--ui-color-border); }\n\n\n\n\n.tree-file-icon { mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWZpbGUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8cGF0aCBkPSJNMTQgM3Y0YTEgMSAwIDAgMCAxIDFoNCIgLz4KPHBhdGggZD0iTTE3IDIxaC0xMGEyIDIgMCAwIDEgLTIgLTJ2LTE0YTIgMiAwIDAgMSAyIC0yaDdsNSA1djExYTIgMiAwIDAgMSAtMiAyeiIgLz4KPC9zdmc+Cg==\"); }\n.tree-folder-icon { mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWZvbGRlci1wbHVzIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgo8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPHBhdGggZD0iTTUgNGg0bDMgM2g3YTIgMiAwIDAgMSAyIDJ2OGEyIDIgMCAwIDEgLTIgMmgtMTRhMiAyIDAgMCAxIC0yIC0ydi0xMWEyIDIgMCAwIDEgMiAtMiIgLz4KPGxpbmUgeDE9IjEyIiB5MT0iMTAiIHgyPSIxMiIgeTI9IjE2IiAvPgo8bGluZSB4MT0iOSIgeTE9IjEzIiB4Mj0iMTUiIHkyPSIxMyIgLz4KPC9zdmc+Cg==\"); }\n.expanded .tree-folder-icon { mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWZvbGRlci1taW51cyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CjxwYXRoIGQ9Ik01IDRoNGwzIDNoN2EyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxIC0yIDJoLTE0YTIgMiAwIDAgMSAtMiAtMnYtMTFhMiAyIDAgMCAxIDIgLTIiIC8+CjxsaW5lIHgxPSI5IiB5MT0iMTMiIHgyPSIxNSIgeTI9IjEzIiAvPgo8L3N2Zz4K\"); }\n",".autocomplete .input-inner { position: relative; }\n\n.autocomplete input { padding-right: 36px; }\n\n.autocomplete-list {\n\tposition: absolute;\n\tz-index: 100;\n\toverflow-y: auto;\n\toverscroll-behavior-y: contain;\n\tpadding: 0.2rem 0.2rem 0.3rem;\n\tmin-height: 0;\n\tmax-height: 26rem;\n\t-webkit-user-select: none;\n\tuser-select: none;\n\ttransform: translateZ(1px);\n\n\tcolor: var(--ui-color-text);\n\tborder: var(--ui-popup-border);\n\tborder-radius: var(--ui-border-radius);\n\tbackground: var(--ui-popup-background);\n\tbox-shadow: var(--ui-shadow-fancy);\n}\n\n.autocomplete-list:empty { padding: 0; box-shadow: none; border: none; }\n.autocomplete-list:not(:empty) { min-height: 2rem; }\n.autocomplete-list.hidden { display: none; }\n\n.autocomplete-list-header {\n\tpadding: 1rem 1rem 0.5rem;\n\tmargin: 0;\n\tcolor: var(--ui-color-text-semi);\n\tline-height: 1;\n\tfont-weight: 600;\n\tcursor: default;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow-x: hidden;\n}\n\n.autocomplete-list-header:last-child { display: none; }\n\n.autocomplete-list-empty {\n\tpadding: 0.6rem 1.2rem;\n\tcolor: var(--ui-color-text-semi);\n\tcursor: default;\n\twhite-space: nowrap;\n}\n\n.autocomplete-list-item {\n\tpadding: 0.5rem 1rem;\n\tcolor: var(--ui-color-text);\n\tcursor: pointer;\n\tline-height: 1;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow-x: hidden;\n\tborder-radius: var(--ui-border-radius);\n}\n\n.autocomplete-list-item.in-group {\n\tpadding-left: 2rem;\n}\n\n.autocomplete-list-item.selected {\n\tbackground-color: var(--ui-color-highlight-dark-2);\n\toutline: 1px solid transparent;\n}\n.autocomplete-list-item:hover {\n\tbackground-color: var(--ui-color-highlight);\n\toutline: 1px solid transparent;\n}\n\n.autocomplete-list-item b {\n\tcolor: var(--ui-color-accent);\n}\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.autocomplete-list {\n\t\tbackground-color: var(--ui-color-background-semi);\n\t\t-webkit-backdrop-filter: blur(30px);\n\t\tbackdrop-filter: blur(30px);\n\t}\n}\n",".button-toggle.input {\n\twidth: min-content;\n\tmin-width: 25ch;\n\tpadding: 0;\n\tflex-flow: column;\n\talign-items: flex-start;\n\tjustify-content: flex-start;\n}\n\n.button-toggle .input-inner { width: 100%; background-color: var(--ui-color-background-dark-2); }\n\n.button-toggle .input-row { gap: 1px; }\n\n.button-toggle .input-row .button {\n\tposition: static;\n\tcolor: var(--ui-color-text);\n\tbox-shadow: none;\n\tmin-height: calc(var(--ui-button-height) - 2px);\n\tbackground: var(--ui-color-background-input);\n\tborder: none;\n}\n\n.button-toggle .button input {\n\tposition: absolute;\n\ttop: -100px;\n\topacity: 0;\n\tpointer-events: none;\n}\n\n.button-toggle .button:has(:checked) { background-color: var(--ui-color-highlight); }\n\n.button-toggle.round:not(.has-error) .input-inner { border-radius: var(--ui-border-radius-xl); }\n",".checkbox {\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n}\n\n.checkbox-row {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n}\n\n.checkbox input {\n\tappearance: none;\n\twidth: 1.4rem;\n\theight: 1.4rem;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 0.2em;\n\tbackground: var(--ui-color-background-input);\n\tborder: 1px solid var(--ui-color-text-dark-1);\n\tcolor: var(--ui-color-text-dark-1);\n\tfont: inherit;   /* required for proper sizing */\n\tflex-shrink: 0;\n}\n\n.checkbox input:focus { border-color: var(--ui-color-accent); }\n\n.checkbox input::after {\n\tcontent: \"✕\";\n\tdisplay: block;\n\topacity: 0;\n\tfont-size: 1rem;\n\tline-height: 1;\n\talign-self: center;\n\tcolor: inherit;\n}\n\n\n.checkbox.indeterminate input::after {\n\tcontent: \" \";\n\topacity: 1;\n\tbackground: var(--ui-color-text-dark-1);\n\twidth: 70%;\n\theight: 70%;\n\tmargin: 0;\n\tborder-radius: inherit;\n\talign-self: center;\n}\n\n.checkbox input:checked::after { opacity: 1; }\n\n.checkbox.disabled { opacity: 0.5; }\n.checkbox.disabled input { opacity: 1; }\n\n\n.checkbox.has-error input { border-color: var(--ui-color-danger); }\n.checkbox.has-error input:focus { box-shadow: var(--ui-shadow-danger); }\n",".input-date .input-text-inner { position: relative; overflow: unset; }\n\n.input-date input { width: 100%; padding-right: 36px; }\n\n\n.datepicker { display: none; transform: translateZ(1px); }\n.datepicker.active { display: block; }\n\n.datepicker-dropdown {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 100;\n\tpadding-top: 0.2rem;\n}\n\n.datepicker-dropdown.datepicker-orient-top { padding-top: 0; padding-bottom: 4px; }\n\n.datepicker-picker {\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tborder-radius: 0.4em;\n\tbackground-color: var(--ui-color-background);\n\tborder: var(--ui-popup-border);\n\tbox-shadow: var(--ui-shadow-fancy);\n}\n\n\n.datepicker-picker span {\n\tdisplay: block;\n\tflex: 1;\n\tborder: 0;\n\tborder-radius: 6px;\n\tcursor: default;\n\ttext-align: center;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.datepicker-main { padding: 0.1rem; }\n\n\n.datepicker-grid,\n.datepicker-view .days-of-week,\n.datepicker-view,\n.datepicker-controls { display: flex; }\n\n.datepicker-grid { flex-wrap: wrap; width: 15.75rem; }\n\n.datepicker-cell,\n.datepicker-view .week { height: 2.25rem; line-height: 2.25rem; }\n\n.datepicker-view .days .datepicker-cell,\n.datepicker-view .dow { flex-basis: 14.2857142857%; }\n\n.datepicker-view.datepicker-grid .datepicker-cell {\n\tflex-basis: 25%;\n\theight: 4.5rem;\n\tline-height: 4.5rem;\n}\n\n\n.datepicker-title { padding: 0.375rem 0.75rem; text-align: center; }\n\n.datepicker-header .datepicker-controls,\n.datepicker-footer .datepicker-controls { padding: 0.2rem; }\n\n.datepicker-controls .button {\n\tpadding: 0;\n\twidth: 2.5rem;\n\tmin-width: 2.5rem;\n\ttext-align: center;\n}\n\n.datepicker-controls .button svg { margin: 0; height: 1.4rem; }\n.datepicker-controls .button.disabled { visibility: hidden; }\n\n.datepicker-controls .button.view-switch { flex: auto; width: auto; }\n\n\n.datepicker-footer .datepicker-controls .button { width: 100%; }\n\n.datepicker-view .dow { height: 1.5rem; line-height: 1.5rem; font-size: 0.875rem; }\n.datepicker-view .week { width: 2.25rem; font-size: 0.75rem; }\n\n.datepicker-cell.prev:not(.disabled),\n.datepicker-cell.next:not(.disabled) { color: var(--ui-color-background-light-2); }\n\n.datepicker-cell.selected.prev:not(.disabled),\n.datepicker-cell.selected.next:not(.disabled) { color: var(--ui-color-text-dark-1); }\n\n\n.datepicker-cell.selected {\n\tbackground-color: var(--ui-color-highlight);\n\tcolor: var(--ui-color-text);\n}\n\n.datepicker-cell.disabled { color: var(--ui-color-text-dark-1); }\n\n\n\n/* today */\n.datepicker-cell.today:not(.selected) {\n\tbackground-color: var(--ui-color-success);\n\tcolor: var(--ui-color-text);\n}\n\n\n/* hover/focus */\n.datepicker-cell.focused,\n.datepicker-cell.today.focused,\n.datepicker-cell.highlighted:not(.range,.disabled):hover,\n.datepicker-cell.highlighted:not(.range).focused,\n.datepicker-cell:not(.disabled):hover {\n\tbackground-color: var(--ui-color-info);\n\tcolor: var(--ui-color-text);\n\tcursor: pointer;\n}\n\n\n.datepicker-cell.range-start { border-radius: 4px 0 0 4px; }\n.datepicker-cell.range-end { border-radius: 0 4px 4px 0; }\n.datepicker-cell.range { border-radius: 0; background-color: #dbdbdb; }\n.datepicker-cell.range-end:not(.selected),\n.datepicker-cell.range-start:not(.selected) { background-color: #b5b5b5; color: #fff; }\n.datepicker-cell.range-end.focused:not(.selected),\n.datepicker-cell.range-start.focused:not(.selected) { background-color: #afafaf; }\n.datepicker-cell.range:not(.disabled,.focused,.today):hover { background-color: #d5d5d5; }\n.datepicker-cell.range.disabled { color: #c2c2c2; }\n.datepicker-cell.range.focused { background-color: #cfcfcf; }\n\n\n\n.theme-light .datepicker-cell.next:not(.disabled),\n.theme-light .datepicker-cell.prev:not(.disabled) { color: var(--ui-color-background-dark-2); }\n\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.datepicker-picker {\n\t\tbackground-color: var(--ui-color-background-semi);\n\t\t-webkit-backdrop-filter: blur(30px);\n\t\tbackdrop-filter: blur(30px);\n\t}\n}\n",".input .error-wrap,\n.input-radio .error-wrap,\n.checkbox .error-wrap {\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n}\n\n.checkbox .error-wrap,\n.input-radio .error-wrap { overflow: hidden; }\n\n\n.input .info-bar-error,\n.input-radio .info-bar-error,\n.textarea .info-bar-error {\n\tpadding-bottom: calc(0.4rem + 10px);\n\tmargin-bottom: -10px;\n\tborder: none;\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0;\n}\n\n.checkbox .info-bar { margin: 0; }\n\n.textarea .info-bar-error { grid-area: 1 / 1 / 2 / 2; }\n\n\n\n/* Highlight whole inner div in red, to avoid rendering leaks in corners (safari) */\n.has-error.input .input-inner,\n.has-error.textarea .textarea-inner { background-color: var(--ui-color-danger-semi); }\n\n.has-error.input .input-inner  { border-color: var(--ui-color-danger); }\n.has-error.input .input-inner:focus-within { box-shadow: var(--ui-shadow-danger); }\n\n.has-error.input .info-bar-error,\n.has-error.textarea .info-bar-error { background-color: transparent; }\n",".input-math {\n\tposition: relative;\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: space-between;\n}\n\n.input-math input { padding-left: 30px; text-align: right; }\n",".input-password {\n\tposition: relative;\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: space-between;\n}\n\n.input-password input {\n\tfont-family: verdana, sans-serif;\n\twidth: 100%;\n\tpadding-right: 36px;\n}\n\n\n.input-password.visible input { font-family: inherit; }\n.input-password.visible .input-password-button { color: var(--ui-color-danger); }\n\n\n\n/* PASSWORD STRENGTH */\n.password-strength {\n\twidth: calc(100% - 6px);\n\theight: 3px;\n\tmargin: -7px 3px 0;\n\tborder-radius: 10px;\n\tbackground-color: var(--ui-color-background-input);\n\tcursor: default;\n}\n\n.password-strength-progress {\n\theight: 100%;\n\tborder-radius: inherit;\n\ttransition: width var(--ui-animation-speed) ease-out;\n\tbackground-color: var(--ui-color-danger);\n}\n\n.password-strength-progress.warning { background-color: var(--ui-color-warning); }\n.password-strength-progress.info { background-color: var(--ui-color-info); }\n.password-strength-progress.success { background-color: var(--ui-color-success); }\n\n\n.password-strength-info {\n\tposition: absolute;\n\ttop: 0;\n\tdisplay: none;\n\tcursor: default;\n\twidth: calc(100% - 2px);\n\tflex-flow: column;\n\talign-items: stretch;\n\tgap: 1rem;\n\tfont-size: 0.8rem;\n\tmargin: 0.2rem 1px 0;\n\tpadding: 0.8rem;\n\tborder-radius: var(--ui-border-radius);\n\tbackground-color: var(--ui-color-background-input);\n\tborder: 1px solid var(--ui-color-danger);\n\tz-index: 9;\n}\n\n.input-password:focus-within .password-strength-info { display: flex; }\n\n.password-strength-info.warning { border-color: var(--ui-color-warning); }\n.password-strength-info.info { border-color: var(--ui-color-info); }\n.password-strength-info.success { border-color: var(--ui-color-success); }\n\n.password-strength-info h2 { font-size: 0.95rem; text-align: left; margin-bottom: 0; }\n.password-strength-info small { font-size: 0.85rem; margin: 0; line-height: 1.4; }\n.password-strength-info small:empty { display: none; }\n",".input-text .input-inner {\n\toverflow: hidden;\n}\n",".label {\n\theight: 2.2rem;\n\tline-height: 1.6;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n.label.disabled {\n\tpointer-events: none;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n",":where(input:is([type=radio])) {\n\tvertical-align: inherit;\n\ttransform: scale(1.6);\n\tfilter: brightness(1.4);\n\taccent-color: var(--ui-color-highlight);\n\tborder-radius: 50px;\n}\n\n.theme-light :where(input:is([type=radio])) { filter: brightness(0.9); }\n\n.input-radio { min-width: 26ch; width: min-content; max-width: 100%; }\n\n.input-radio-inner {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\tpadding: 0;\n\tborder: 1px solid  var(--ui-color-background-dark-2);\n\tborder-radius: calc(var(--ui-border-radius) + 0.26rem);\n\tbackground-color: var(--ui-color-background-input);\n\toverflow: hidden;\n}\n\n.has-error .input-radio-inner { border-color: var(--ui-color-danger); background-color: var(--ui-color-danger-semi); }\n\n.input-radio-inner:focus-within,\n.input-radio-inner:has(:active):not(.disabled) { border-color: var(--ui-color-accent); box-shadow: var(--ui-shadow-focus); }\n\n.has-error .input-radio-inner:focus-within,\n.has-error .input-radio-inner:has(:active):not(.disabled) { box-shadow: var(--ui-shadow-danger); border-color: var(--ui-color-danger); }\n\n\n.has-error .info-bar-error { background-color: transparent; }\n\n\n.input-radio-items {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\tpadding: 0;\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: inherit;\n}\n\n.input-radio-item {\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\twidth: calc(100% - 0.4rem);\n\tmargin: 0.2rem;\n\tpadding: 0.1rem 0.1rem 0.1rem 0.75rem;\n\tborder-radius: var(--ui-border-radius);\n}\n\n.input-radio-item:has(:disabled) { opacity: 0.75; color: var(--ui-color-text-semi); }\n\n.input-radio-item .label { padding: 0.5rem 1rem; }\n\n.input-radio-item:not(.disabled):focus-within,\n.input-radio-item:not(.disabled):hover { background-color: var(--ui-color-highlight-dark-2); }\n",".select { font: inherit; position: relative; }\n\n.select select {\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\n\tfont: inherit;\n\tbackground: none;\n\tpadding: 0 30px 0 var(--ui-margin-m);\n\twidth: 100%;\n\n\tborder: 1px solid transparent;\n\theight: calc(2.2rem - 2px);\n\tline-height: 1;\n\tcolor: var(--ui-color-text);\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: var(--ui-border-radius);\n}\n\n.select select:focus { outline: 0; }\n\n\n\n.select .input-row::after {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: 2rem;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\topacity: 0.6;\n\tpointer-events: none;\n\tbackground-repeat: no-repeat;\n\tbackground-position: right 0.7rem center;\n\tbackground-size: 0.6rem 0.8rem;\n\tbackground-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23888' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\");\n}\n\n.theme-light .select .input-row::after {\n\tbackground-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23111' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\");\n}\n",".textarea { position: relative; width: 25ch; vertical-align: top; }\n\n.textarea.autogrow .textarea-inner::after,\n.textarea textarea {\n\tfont: inherit;\n\tline-height: 1.3;\n\tborder: 1px solid transparent;\n\tmargin: 0;\n\twidth: 100%;\n\tpadding: var(--ui-margin-m);\n\tgrid-area: 2 / 1 / 2 / 2;\n}\n\n\n.textarea .textarea-inner {\n\twidth: 100%;\n\tdisplay: inline-grid;\n\talign-items: stretch;\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: var(--ui-border-radius);\n\tborder: 1px solid  var(--ui-color-background-dark-2);\n}\n\n.textarea textarea {\n\tresize: vertical;\n\tcolor: var(--ui-color-text);\n\tborder-radius: var(--ui-border-radius);\n\tborder: none;\n\tmin-height: 2.6rem;\n\tbackground-color: var(--ui-color-background-input);\n}\n\n\n.textarea .textarea-inner:focus-within {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: 0;\n}\n\n.textarea textarea:focus { outline: none; box-shadow: none; border: none; }\n.textarea textarea:invalid { border: none; box-shadow: none; }\n.textarea textarea:disabled { opacity: 0.5; }\n\n\n.textarea.autogrow .textarea-inner::after {\n\tcontent: attr(data-value) \" \";\n\tvisibility: hidden;\n\twhite-space: pre-wrap;\n\tmin-width: 1rem;\n\tresize: none;\n\tbackground: none;\n\tappearance: none;\n}\n\n.textarea.autogrow textarea { resize: none; }\n\n\n.textarea.has-error .textarea-inner  { border-color: var(--ui-color-danger); }\n.textarea.has-error .textarea-inner:focus-within { box-shadow: var(--ui-shadow-danger); }\n",".toggle {\n\t--toggle-width: 60px;\n\t--toggle-padding: 2px;\n\t--border-radius: var(--ui-border-radius-xl);\n\t--toggle-height: calc(var(--toggle-width) / 2.5);\n\t--knob-size: var(--toggle-height);\n\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: flex-start;\n\tposition: relative;\n\tvertical-align: middle;\n\t-webkit-user-select: none;\n\tuser-select: none;\n\n\tborder-radius: var(--border-radius);\n}\n\n.toggle-inner {\n\tborder: 1px solid var(--ui-color-text-dark-2);\n\tpadding: var(--toggle-padding);\n\tborder-radius: inherit;\n\tbackground-color: var(--ui-color-background-dark-2);\n}\n\n.toggle:has(:disabled) { pointer-events: none; opacity: 0.6; }\n\n.toggle:focus { outline: 1px solid transparent; }\n.toggle:focus .toggle-inner {\n\tbox-shadow: var(--ui-shadow-focus);\n\tborder-color: var(--ui-color-accent);\n}\n\n.toggle-input { display: none; }\n\n.toggle-label {\n\twidth: var(--toggle-width);\n\theight: var(--toggle-height);\n\tborder-radius: calc(var(--border-radius) - var(--toggle-padding));\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n}\n\n.toggle-scroller {\n\theight: 100%;\n\tborder-radius: inherit;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: margin-left .2s cubic-bezier(.85, .05, .18, 1.4);\n\tflex-shrink: 0;\n\twidth: calc(200% - var(--toggle-height));\n\tmargin-left: calc(var(--toggle-height) - var(--toggle-width) - var(--toggle-padding));\n}\n\n.toggle-option {\n\twidth: 50%;\n\theight: 100%;\n\tborder-radius: inherit;\n\tbackground-color: green;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: calc(var(--toggle-width) / 5);\n}\n.toggle-option:first-of-type {\n\tborder-top-right-radius: 0;\n\tborder-bottom-right-radius: 0;\n\tbackground-color: var(--ui-color-highlight);\n\tbackground-position: 41% 47%;\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E\");\n}\n.toggle-option:last-of-type {\n\tborder-top-left-radius: 0;\n\tborder-bottom-left-radius: 0;\n\tbackground-color: var(--ui-color-background-input);\n\tbackground-position: 62% 55%;\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E\");\n}\n\n.theme-light .toggle-option:first-of-type {\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E\");\n}\n\n.theme-light .toggle-option:last-of-type {\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E\");\n}\n\n.toggle-handle {\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n\ttransition: left .2s cubic-bezier(.85, .05, .18, 1.4);\n\tborder-radius: inherit;\n\tleft: calc(var(--toggle-height) / 2 + var(--toggle-padding));\n\n}\n\n.toggle-knob {\n\twidth: var(--knob-size);\n\theight: var(--knob-size);\n\tbackground: var(--ui-color-text-light-1);\n\tborder: 1px solid var(--ui-color-text-light-2);\n\ttransform: translate(-50%, -50%);\n\tborder-radius: inherit;\n}\n\n/* this is calculated in js\n.checked .toggle-scroller { margin-left: 0; }\n.checked .toggle-handle { left: calc(var(--toggle-width) + var(--toggle-padding) - var(--toggle-height) / 2); }\n*/\n",".notification-archive {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\tmargin-left: calc(var(--ui-notification-width) + var(--ui-notification-gap) + 1rem);\n\ttransition: margin-left var(--ui-animation-speed) ease-out;\n\tz-index: 5;\n}\n\n.notification-archive .notification { z-index: 1; }\n.notification-archive header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: var(--ui-notification-gap) var(--ui-notification-gap) 0;\n\tcolor: var(--ui-color-text);\n\tz-index: 1;\n\tbackground-color: var(--ui-color-background-dark-1);\n\tpadding: 0.75rem 0.5rem 0.75rem 1rem;\n\tborder-radius: var(--ui-border-radius-s);\n}\n\n.notification-archive button {\n\tcolor: inherit;\n\tfont-size: 1.1rem;\n\tfont-weight: 300;\n\tmin-width: 1.8rem;\n\tmin-height: 1.8rem;\n}\n\n\n.notification-archive h2 { color: inherit; font-size: 1.1rem; margin: 0; }\n.notification-archive h2 .button { padding-inline: var(--ui-margin-m); margin-left: -0.5rem; }\n.notification-archive h2 .button svg { transform: rotate(0deg); transition: transform var(--ui-animation-speed) ease-out; }\n\n.notification-archive.expanded h2 .button svg { transform: rotate(90deg); }\n\n.notification-archive.inert { pointer-events: none; }\n\n.notification-archive-buttons {\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 0.2rem;\n}\n\n.notification-archive-buttons .btn-close {\n\tfont-size: 1.4rem;\n\theight: 1.8rem;\n\twidth: 1.7rem;\n\tpadding-bottom: 0.15rem;\n}\n\n\n.notification.archived { filter: saturate(0.3); }\n.notification-timestamp { color: var(--ui-color-text-semi); font-size: 0.85rem; margin-inline: 0.5rem; }\n\n.show-archive .notification-archive {\n\tmargin-left: 0;\n\tmargin-bottom: 10rem;\n\theight: auto;\n\toverflow: visible;\n}\n",".notification-center {\n\t--ui-notification-border-radius: var(--ui-border-radius-s);\n\t--ui-notification-gap: 0.75rem;\n\t--ui-notification-width: 30rem;\n\n\tposition: fixed;\n\ttransform: translateZ(1px);\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: calc(var(--ui-notification-width) + var(--ui-notification-gap) * 2);\n\ttop: 0;\n\tright: 0;\n\tz-index: -1;\n\tmax-height: 100vh;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\toverscroll-behavior: contain;\n}\n\n.notification-center.archive-is-visible,\n.notification-center.has-active-notifications { z-index: 999; }\n\n\n.notification {\n\tfont-size: 1rem;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 2rem;\n\tborder: none;\n\tmargin: var(--ui-notification-gap) var(--ui-notification-gap) 0;\n\tbox-shadow: var(--ui-shadow-fancy);\n\tborder-radius: var(--ui-notification-border-radius);\n\tz-index: 9;\n}\n\n.notification:last-child { margin-bottom: calc(var(--ui-notification-gap) + 10px); }\n\n.notification button {\n\tbackground: none;\n\tcolor: var(--ui-color-text);\n\theight: 1.8rem;\n\tmin-width: 1.6rem;\n\tfont-size: inherit;\n\tpadding: 0 var(--ui-margin-m);\n\tmargin: 0 var(--ui-margin-m) 0 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: var(--ui-border-radius);\n\tborder: 1px solid transparent;\n}\n\n.notification button:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: none;\n}\n\n.notification button:hover { color: var(--ui-color-text-light-2); background: #2228; }\n.notification button:active { color: var(--ui-color-text-dark-2); background: #0008; }\n\n.notification .notification-close {\n\tfont-size: 1.4rem;\n\tfont-weight: 200;\n\tposition: relative;\n\tpadding-bottom: 0.15rem;\n}\n\n\n.notification-buttons,\n.notification-icon {\n\tmin-height: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n}\n.notification-icon { width: 2.2rem; }\n\n\n.notification-msg {\n\tcolor: var(--ui-color-text);\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tpadding: 0.8rem;\n\tline-height: 1.4;\n\tfont-weight: 400;\n}\n\n.notification-progressbar {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: inherit;\n\tz-index: -1;\n}\n\n.notification-progress {\n\theight: 100%;\n\tborder-radius: inherit;\n\tbackground-color: #ffffff15;\n\tborder: 1px solid #ffffff25;\n\tmargin: 0;\n\twidth: 0;\n\ttransition: width .2s;\n}\n\n\n.notification:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: none;\n}\n\n\n\n.notification-center-button svg { stroke: var(--ui-color-secondary); }\n.notification-center-button.has-notifications svg { stroke: var(--ui-color-text); }\n.notification-center-button.has-notifications svg>path:nth-child(2) { fill: var(--ui-color-text); }\n\n\n@media (1px <= width <= 700px) {\n\t.notification-center {\n\t\t--ui-notification-width: calc(100vw - var(--ui-notification-gap) * 2);\n\t}\n}\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.notification {\n\t\t-webkit-backdrop-filter: blur(15px);\n\t\tbackdrop-filter: blur(15px);\n\t}\n\n\t.notification-info    { background-color: var(--ui-color-info-semi); }\n\t.notification-success { background-color: var(--ui-color-success-semi); }\n\t.notification-warning { background-color: var(--ui-color-warning-semi); }\n\t.notification-error   { background-color: var(--ui-color-danger-semi); }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["root.css","theme-dark.css","theme-light.css","button/Button-outline.css","button/button-link.css","button/button-normal.css","button/button-text.css","button/button.css","button-group/ButtonGroup.css","dialog/Dialog.css","drawer/Drawer.css","info-bar/InfoBar.css","input/input.css","menu/Menu.css","message-box/MessageBox.css","panel/Panel.css","push-button/PushButton.css","splitter/Splitter.css","table/Table.css","text-fit/TextFit.css","tooltip/Tooltip.css","tree/Tree.css","input/autocomplete/Autocomplete.css","input/button-toggle/ButtonToggle.css","input/checkbox/Checkbox.css","input/input-date/InputDate.css","input/input-error/InputError.css","input/input-math/InputMath.css","input/input-password/InputPassword.css","input/input-text/InputText.css","input/label/Label.css","input/radio/Radio.css","input/select/Select.css","input/textarea/Textarea.css","input/toggle/Toggle.css","notification-center/NotificationArchive/NotificationArchive.css","notification-center/NotificationCenter/NotificationCenter.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChDA;AACA;AACA;AACA;AACA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ui.css","sourcesContent":[":root {\n\t--ui-border-radius: 0.3rem;\n\t--ui-border-radius-s: 0.5rem;\n\t--ui-border-radius-m: 0.7rem;\n\t--ui-border-radius-l: 1rem;\n\t--ui-border-radius-xl: 5rem;\n\n\t/* margins & padding values */\n\t--ui-margin: 0.3rem;\n\t--ui-margin-s: 0.1rem;\n\t--ui-margin-m: 0.5rem;\n\t--ui-margin-l: 1rem;\n\t--ui-margin-xl: 1.5rem;\n\t--ui-margin-xxl: 2rem;\n\n\t--ui-animation-speed: .3s;\n\n\t/* 2.0834rem; = 34px */\n\t/* 2.206rem; = 36px */\n\t--ui-button-height: 2.206rem;\n\n\t/* shadows */\n\t--ui-shadow-button: 0 1px 0 #000c;\n\t--ui-shadow-focus: 0 0 2px 1px var(--ui-color-accent);\n\t--ui-shadow-danger: 0 0 2px 1px var(--ui-color-danger);\n\t--ui-shadow-small: 0 0 0 0.5px #ffffff44, 0 3px 10px #00000066;\n\t--ui-shadow-large: 0 5px 20px #000a;\n\t--ui-shadow-fancy:\n\t\t0 0 0 0.5px #111111,\n\t\t0 1px 5px rgb(0 0 0 / 30%),\n\t\t0 4px 10px rgb(0 0 0 / 10%),\n\t\t0 10px 25px rgb(0 0 0 / 8%);\n}\n\n\nbody { box-sizing: border-box; }\nbody * { box-sizing: inherit; }\n\nsvg { width: 1.5rem; height: 1.5rem; }\n\n/* meatballs icon is misaligned */\n.icon-tabler-dots-vertical { margin-left: -1px; }\n",":root,\n.theme-dark {\n\tcolor-scheme: dark;\n\n\t--ui-color-accent: #bb7a00;\n\t--ui-color-accent-semi: #bb7a0066;\n\t--ui-color-accent-light-1: #d69214;\n\t--ui-color-accent-light-2: #ffb325;\n\t--ui-color-accent-dark-1: #79520b;\n\t--ui-color-accent-dark-2: #694d13;\n\n\t--ui-color-highlight: #1b5ca6;\n\t--ui-color-highlight-semi: #1b5ca666;\n\t--ui-color-highlight-light-1: #267bdc;\n\t--ui-color-highlight-light-2: #499eff;\n\t--ui-color-highlight-dark-1: #2262aa;\n\t--ui-color-highlight-dark-2: #1e4572;\n\n\t--ui-color-secondary: #666;\n\t--ui-color-secondary-semi: #6666;\n\n\n\t--ui-color-info: #30506a;\n\t--ui-color-info-semi: #30506a99;\n\t--ui-color-info-dark-1: #274157;\n\t--ui-color-info-dark-2: #1b2e3f;\n\n\t--ui-color-success: #376651;\n\t--ui-color-success-semi: #37665199;\n\t--ui-color-success-dark-1: #2f5443;\n\t--ui-color-success-dark-2: #274537;\n\n\t--ui-color-warning: #71580d;\n\t--ui-color-warning-semi: #71580d99;\n\t--ui-color-warning-dark-1: #57440b;\n\t--ui-color-warning-dark-2: #443504;\n\n\t--ui-color-danger: #943737;\n\t--ui-color-danger-semi: #94373799;\n\t--ui-color-danger-dark-1: #792f2f;\n\t--ui-color-danger-dark-2: #582121;\n\n\t--ui-color-border: #1b1b1b;\n\t--ui-color-border-semi: #1b1b1b66;\n\t--ui-color-border-light-1: #2b2b2b;\n\t--ui-color-border-light-2: #353535;\n\t--ui-color-border-dark-1: #131313;\n\t--ui-color-border-dark-2: #0c0c0c;\n\n\t--ui-color-background: #2f2f2f;\n\t--ui-color-background-semi: #22222266;\n\t--ui-color-background-light-1: #353535;\n\t--ui-color-background-light-2: #535353;\n\t--ui-color-background-dark-1: #232323;\n\t--ui-color-background-dark-2: #1a1a1a;\n\n\t--ui-color-background-input: #222;\n\n\t--ui-color-text: #dad9d9;\n\t--ui-color-text-semi: #dad9d966;\n\t--ui-color-text-light-1: #e3e3e3;\n\t--ui-color-text-light-2: #fefefe;\n\t--ui-color-text-dark-1: #aaa;\n\t--ui-color-text-dark-2: #888;\n\n\t--ui-popup-border: 1px solid var(--ui-color-background-light-2);\n\t--ui-popup-background: var(--ui-color-background);\n}\n",".theme-light {\n\tcolor-scheme: light;\n\n\t--ui-color-accent: #b37400;\n\t--ui-color-accent-semi: #b3740066;\n\t--ui-color-accent-light-1: #c37f00;\n\t--ui-color-accent-light-2: #cf8803;\n\t--ui-color-accent-dark-1: #79520b;\n\t--ui-color-accent-dark-2: #694d13;\n\n\n\t--ui-color-highlight: #86beff;\n\t--ui-color-highlight-semi: #86beff66;\n\t--ui-color-highlight-light-1: #9cc8fa;\n\t--ui-color-highlight-light-2: #bddcff;\n\t--ui-color-highlight-dark-1: #7aafec;\n\t--ui-color-highlight-dark-2: #6ba0de;\n\n\t--ui-color-secondary: #bbb;\n\t--ui-color-secondary-semi: #bbb6;\n\n\n\t--ui-color-info: #bbd3f0;\n\t--ui-color-info-semi: #bbd3f099;\n\t--ui-color-info-dark-1: #acc4e1;\n\t--ui-color-info-dark-2: #99b4d4;\n\n\t--ui-color-success: #7bd7ae;\n\t--ui-color-success-semi: #7bd7ae99;\n\t--ui-color-success-dark-1: #6acda0;\n\t--ui-color-success-dark-2: #5bc495;\n\n\t--ui-color-warning: #eec64e;\n\t--ui-color-warning-semi: #eec64e99;\n\t--ui-color-warning-dark-1: #d6b141;\n\t--ui-color-warning-dark-2: #b89221;\n\n\t--ui-color-danger: #e86c6c;\n\t--ui-color-danger-semi: #e86c6c99;\n\t--ui-color-danger-dark-1: #d75e5e;\n\t--ui-color-danger-dark-2: #da4242;\n\n\t--ui-color-border: #bbb;\n\t--ui-color-border-semi: #bbb6;\n\t--ui-color-border-light-1: #ccc;\n\t--ui-color-border-light-2: #ddd;\n\t--ui-color-border-dark-1: #aaa;\n\t--ui-color-border-dark-2: #999;\n\n\t--ui-color-background: #eee;\n\t--ui-color-background-semi: #eee6;\n\t--ui-color-background-light-1: #f0f0f0;\n\t--ui-color-background-light-2: #fff;\n\t--ui-color-background-dark-1: #ddd;\n\t--ui-color-background-dark-2: #ccc;\n\n\t--ui-color-background-input: #c2c2c2;\n\n\t--ui-color-text: #333;\n\t--ui-color-text-semi: #3336;\n\t--ui-color-text-light-1: #444;\n\t--ui-color-text-light-2: #666;\n\t--ui-color-text-dark-1: #222;\n\t--ui-color-text-dark-2: #111;\n\n\t--ui-popup-border: 1px solid var(--ui-color-background-dark-2);\n\t--ui-popup-background: var(--ui-color-background);\n}\n",".button-outline {\n\tbackground: transparent;\n\tborder: 2px solid var(--ui-color-secondary);\n\tmin-width: calc(var(--ui-button-size) * 4);\n\tmin-height: calc(var(--ui-button-size) * 2);\n}\n\n.button-outline:focus,\n.button-outline:hover { background-color: var(--ui-color-secondary-semi); }\n\n.button-outline.info { border-color: var(--ui-color-info); }\n.button-outline.info:focus,\n.button-outline.info:hover { background-color: var(--ui-color-info-semi); }\n\n.button-outline.success { border-color: var(--ui-color-success); }\n.button-outline.success:focus,\n.button-outline.success:hover { background-color: var(--ui-color-success-semi); }\n\n.button-outline.warning { border-color: var(--ui-color-warning); }\n.button-outline.warning:focus,\n.button-outline.warning:hover { background-color: var(--ui-color-warning-semi); }\n\n.button-outline.error,\n.button-outline.danger { border-color: var(--ui-color-danger); }\n\n.button-outline.error:focus,\n.button-outline.error:hover,\n.button-outline.danger:focus,\n.button-outline.danger:hover { background-color: var(--ui-color-danger-semi); }\n",".button-link {\n\tbackground: none;\n\tborder: none;\n\tcursor: pointer;\n\tmin-width: 0;\n}\n\n.button.button-link {\n\tmargin: calc(var(--ui-margin) * -1);\n\tpadding: var(--ui-margin);\n\tvertical-align: baseline;\n\ttext-decoration: underline;\n}\n\n.button.button-link:focus,\n.button.button-link:hover { text-decoration: underline; text-underline-offset: 0.2rem; }\n\n\n.button-link.info:focus,\n.button-link.info:hover { text-decoration-color: var(--ui-color-info); }\n\n.button-link.success:focus,\n.button-link.success:hover { text-decoration-color: var(--ui-color-success); }\n\n.button-link.warning:focus,\n.button-link.warning:hover { text-decoration-color: var(--ui-color-warning); }\n\n.button-link.error:focus,\n.button-link.error:hover,\n.button-link.danger:focus,\n.button-link.danger:hover { text-decoration-color: var(--ui-color-danger); }\n",".button-normal {\n\tbackground: var(--ui-color-secondary);\n\tborder: 1px solid transparent;\n\tbox-shadow: var(--ui-shadow-button);\n\tmin-width: calc(var(--ui-button-size) * 4);\n\tmin-height: calc(var(--ui-button-size) * 2);\n}\n\n.button-normal.info { background: var(--ui-color-info); }\n.button-normal.success { background: var(--ui-color-success); }\n.button-normal.warning { background: var(--ui-color-warning); }\n.button-normal.error,\n.button-normal.danger { background: var(--ui-color-danger); }\n",".button-text {\n\tbackground: transparent;\n\tborder: none;\n\tmin-width: calc(var(--ui-button-size) * 4);\n\tmin-height: calc(var(--ui-button-size) * 2);\n\tbox-shadow: none;\n}\n\n.button-text:focus,\n.button-text:hover { background-color: var(--ui-color-secondary); }\n\n.button-text.info:focus,\n.button-text.info:hover { background-color: var(--ui-color-info); }\n\n.button-text.success:focus,\n.button-text.success:hover { background-color: var(--ui-color-success); }\n\n.button-text.warning:focus,\n.button-text.warning:hover { background-color: var(--ui-color-warning); }\n\n.button-text.error:focus,\n.button-text.error:hover,\n.button-text.danger:focus,\n.button-text.danger:hover { background-color: var(--ui-color-danger); }\n",".button {\n\t--ui-button-size: 1rem;\n\n\tfont: inherit;\n\tline-height: 1.4;\n\tfont-weight: 400;\n\tfont-size: var(--ui-button-size);\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--ui-margin-m);\n\n\theight: auto;\n\tmin-height: 2.2rem;\n\tmargin: 0;\n\tpadding: 0 var(--ui-margin-l);\n\tcolor: var(--ui-color-text);\n\t-webkit-user-select: none;\n\tuser-select: none;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tvertical-align: middle;\n\tborder-radius: var(--ui-border-radius);\n\ttext-decoration: none;\n\t-ms-touch-action: manipulation;\n\ttouch-action: manipulation;\n}\n\n.button:hover { text-decoration: none; }\n.button:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: 1px solid transparent;\n}\n\n.button.touching,\n.button:active {\n\toutline: 1px solid transparent;\n\tbox-shadow: none;\n\ttransform: translateY(1px);\n\tfilter: brightness(0.85);\n}\n\n.button[disabled] {\n\tpointer-events: none;\n\topacity: 0.6;\n\tbox-shadow: none;\n}\n\n.button svg {\n\tmin-height: calc(var(--ui-button-size) * 1.25);\n\tmax-height: calc(var(--ui-button-size) * 1.25);\n\theight: calc(var(--ui-button-size) * 1.25);\n\tmin-width: var(--ui-button-size);\n\twidth: auto;\n\tpointer-events: none;\n}\n\n\n.button:not(.button-has-text) { min-width: 28px; padding: 0 var(--ui-margin-m); }\n.button:not(.button-has-text) svg { min-height: calc(var(--ui-button-size) * 1.4); }\n\n\n.button.round {\n\tmin-width: 28px;\n\tmin-height: 28px;\n\tpadding: var(--ui-margin);\n\tborder-radius: var(--ui-border-radius-xl);\n}\n.button.round:not(.button-has-text) { aspect-ratio: 1/1; }\n\n.button-has-text.round { padding-inline: var(--ui-margin-l); }\n",".button-group {\n\tpadding: 0 0 1px;\n\tdisplay: inline-flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: stretch;\n\tborder-radius: var(--ui-border-radius);\n\t--button-border-radius: calc(var(--ui-border-radius) - 1px)\n}\n\n.button-group .button {\n\tflex-shrink: 0;\n\tflex-grow: 10;\n\tborder-radius: 0;\n\tposition: relative;\n\toverflow: hidden;\n}\n\n.button-group .button-normal[disabled] { box-shadow: var(--ui-shadow-button); }\n\n.button-group .button:first-of-type {\n\tborder-top-left-radius: var(--button-border-radius);\n\tborder-bottom-left-radius: var(--button-border-radius);\n}\n\n.button-group .button:last-of-type {\n\tborder-top-right-radius: var(--button-border-radius);\n\tborder-bottom-right-radius: var(--button-border-radius);\n}\n\n.button-group .button-outline:not(:first-of-type) { margin-left: -2px; }\n.button-group .button-normal:not(:first-of-type) {\n\tborder-left: 1px solid var(--ui-color-background-semi);\n}\n\n\n.button-group.round { border-radius: var(--ui-border-radius-xl); }\n\n.button-group.round .button:first-of-type {\n\tborder-top-left-radius: var(--ui-border-radius-xl);\n\tborder-bottom-left-radius: var(--ui-border-radius-xl);\n}\n\n.button-group.round .button:last-of-type {\n\tborder-top-right-radius: var(--ui-border-radius-xl);\n\tborder-bottom-right-radius: var(--ui-border-radius-xl);\n}\n\n\n.button-group .button:not(.button-has-text):first-of-type { padding-left: 9px; }\n.button-group .button:not(.button-has-text):last-of-type { padding-right: 9px; }\n.button-group.round .button:not(.button-has-text):first-of-type { padding-right: 6px; padding-left: 11px; }\n.button-group.round .button:not(.button-has-text):last-of-type { padding-left: 6px; padding-right: 11px; }\n",".dialog-backdrop {\n\tposition: fixed;\n\tinset: 0;\n\tdisplay: none;\n\talign-items: center;\n\tjustify-content: center;\n\tz-index: 99;\n\tbackground-color: rgba(0 0 0 / 0);\n\ttransition: background-color var(--ui-animation-speed) ease-out;\n\ttransform: translateZ(1px);\n}\n\n.dialog-backdrop.opened { background-color: rgba(0 0 0 / .6); }\n\n.dialog {\n\topacity: 0;\n\ttransform: scale(0.8);\n\ttransition:\n\t\topacity var(--ui-animation-speed) ease-out,\n\t\ttransform var(--ui-animation-speed) ease-out;\n\tmax-height: 90vh;\n\tmin-width: 15rem;\n\tmax-width: 95vw;\n\tcolor: var(--ui-color-text);\n\tborder-radius: var(--ui-border-radius);\n\tborder: var(--ui-popup-border);\n\tbackground: var(--ui-popup-background);\n\tbox-shadow: var(--ui-shadow-large);\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: stretch;\n\toverflow: hidden;\n}\n\n.opened .dialog { opacity: 1; transform: scale(1); }\n\n.dialog-header {\n\ttext-align: center;\n\tfont-size: 1.4rem;\n\tfont-weight: 400;\n\tmargin: 0;\n\tpadding: 0.5rem 1rem;\n\tborder-top-left-radius: var(--ui-border-radius);\n\tborder-top-right-radius: var(--ui-border-radius);\n}\n\n.dialog-content {\n\tpadding: 1rem;\n\tmin-width: 200px;\n\tflex: 1;\n\toverflow-y: auto;\n\toverscroll-behavior-y: contain;\n\toutline: 1px solid transparent;\n}\n\n.dialog-content:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus) inset;\n\toutline: 1px solid transparent;\n}\n\n.dialog-footer {\n\tborder-bottom-left-radius: var(--ui-border-radius);\n\tborder-bottom-right-radius: var(--ui-border-radius);\n}\n\n.dialog-footer [slot=\"footer\"] {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-flow: row-reverse;\n\tpadding: 0.7rem 1rem;\n\tgap: 0.3rem;\n}\n\n.draw-borders .dialog-header { border-bottom: var(--ui-popup-border); padding: 0.4rem 0.5rem; }\n.draw-borders .dialog-footer { border-top: var(--ui-popup-border); }\n\n.dialog-header:empty,\n.dialog-footer:empty { display: none; }\n\n\n.mobile .dialog-backdrop .dialog {\n\theight: 100%;\n\twidth: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n",".drawer {\n\tposition: fixed;\n\tbackground-color: var(--ui-popup-background);\n\tborder-left: var(--ui-popup-border);\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\twidth: 24rem;\n\tmin-height: 20rem;\n\tbox-shadow: var(--ui-shadow-large);\n\tz-index: 11;\n\tcolor: var(--ui-color-text);\n\tpadding: 0;\n\toverflow-y: auto;\n\toverscroll-behavior-y: contain;\n\ttransform: translateZ(1px);\n}\n\n.drawer:focus { outline: 1px solid transparent; }\n\n.drawer-header {\n\tposition: sticky;\n\t/* stylelint-disable-next-line declaration-block-no-duplicate-properties */\n\tposition: -webkit-sticky;\n\tbackground-color: inherit;\n\ttop: 0;\n\twidth: 100%;\n\tmargin: 0 0 1rem;\n\tpadding: 0 1rem 0 1.4rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.drawer-header h2 { margin: 0; padding: 0.5rem 0; }\n\n.drawer-content { padding: 0 1.4rem; }\n",".info-bar {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n\tpadding: 0.4rem;\n\tmargin: 0 0 0.75rem;\n\tborder-radius: var(--ui-border-radius);\n\tborder-width: 1px;\n\tborder-style: solid;\n}\n\n.info-bar p { margin: 0; font-size: 0.9rem; line-height: 1.4rem; }\n.info-bar .icon { flex-shrink: 0; }\n\n\n\n.info-bar-error {\n\tbackground-color: var(--ui-color-danger-semi);\n\tborder-color: var(--ui-color-danger);\n}\n\n.info-bar-info {\n\tbackground-color: var(--ui-color-info-semi);\n\tborder-color: var(--ui-color-info);\n}\n\n.info-bar-success {\n\tbackground-color: var(--ui-color-success-semi);\n\tborder-color: var(--ui-color-success);\n}\n\n.info-bar-warning {\n\tbackground-color: var(--ui-color-warning-semi);\n\tborder-color: var(--ui-color-warning);\n}\n\n.info-bar-error .icon,\n.info-bar-info .icon { margin-top: -1px; }\n",".theme-dark input { color-scheme: dark; }\n.theme-light input { color-scheme: light; }\n\n\ntextarea::placeholder,\ninput::placeholder { color: var(--ui-color-text-dark-2); }\n\n.theme-light textarea::placeholder,\n.theme-light input::placeholder { color: var(--ui-color-text-light-2); }\n\n\n:where(input:not([type=radio],[type=checkbox])) {\n\tfont: inherit;\n\theight: calc(2.2rem - 2px);\n\tborder: 1px solid transparent;\n\tline-height: 1;\n\tcolor: var(--ui-color-text);\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: var(--ui-border-radius);\n\tpadding: 0 var(--ui-margin-m);\n\twidth: 25ch;\n}\n\n:where(input:focus) {\n\toutline: 0;\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n}\n\n:where(input:invalid) {\n\tborder-color: var(--ui-color-danger);\n\tbox-shadow: var(--ui-shadow-danger);\n}\n\n\ninput[type=color] {\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n\tcursor: pointer;\n}\n\n\n:where(input:disabled) { opacity: 0.75; cursor: default; }\n\n.input { width: 25ch; vertical-align: middle; }\n.input .input-inner {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: stretch;\n\tborder-radius: var(--ui-border-radius);\n\tbackground: var(--ui-color-background-input);\n\tborder: 1px solid  var(--ui-color-background-dark-2);\n}\n\n.input-inner:focus-within { border-color: var(--ui-color-accent); box-shadow: var(--ui-shadow-focus); }\n\n\n.input,\n.textarea textarea:disabled,\n.input select:disabled,\n.input input:disabled { opacity: 1; }\n\n.input .input-inner:has(:disabled),\n.textarea .textarea-inner:has(:disabled) { opacity: 0.75; color: var(--ui-color-text-semi); }\n\n.input input:not([type=radio]) { width: 100%; border: none; }\n.input input:not([type=radio]):focus { box-shadow: none; border: none; }\n.input input:not([type=radio]):invalid { border: none; box-shadow: none; }\n\n\n.input-row {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tposition: relative;\n}\n\n.input-row > .button,\n.input-row > .icon {\n\tposition: absolute;\n\theight: 100%;\n\tcolor: var(--ui-color-text-dark-2);\n\tz-index: 1;\n}\n\n.input-row > .icon { left: 7px; width: 1.5rem; pointer-events: none; }\n.input-row > .button { right: 2px; }\n\n.theme-light .input-row .icon { color: var(--ui-color-text-light-2); }\n",".menu {\n\tposition: fixed;\n\tpadding: 0.2rem 0.25rem;\n\tmargin: 0;\n\tdisplay: flex;\n\twidth: auto;\n\tflex-flow: column;\n\talign-items: stretch;\n\tlist-style: none;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tcursor: default;\n\tz-index: 999;\n\tmax-height: calc(100vh - 4px);\n\t-webkit-user-select: none;\n\tuser-select: none;\n\toverscroll-behavior-y: contain;\n\n\tcolor: var(--ui-color-text);\n\tborder: var(--ui-popup-border);\n\tborder-radius: calc(var(--ui-border-radius) + 2px);\n\tbackground: var(--ui-popup-background);\n\tbox-shadow: var(--ui-shadow-fancy);\n\ttransform: translateZ(1px);\n}\n\n.menu:focus { outline: none; }\n\n\n.menu-item {\n\tfont-family: inherit;\n\talign-items: center;\n\tborder-radius: var(--ui-border-radius);\n\tcolor: inherit;\n\tbackground: none;\n\tborder: none;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tfont-size: 0.86rem;\n\tletter-spacing: 0.1px;\n\tjustify-content: space-between;\n\tmargin: 0;\n\toverflow: hidden;\n\tpadding: 0.5rem 0.9rem;\n\tposition: relative;\n\ttext-align: left;\n\twhite-space: nowrap;\n\twidth: 100%;\n}\n\n.menu-item-shortcut { margin: -0.1rem 0 -0.1rem auto; letter-spacing: 0.1rem; opacity: 0.5; }\n.menu-item-shortcut:empty { visibility: hidden; }\n\n.menu-item.disabled { pointer-events: none; opacity: 0.6; }\n\n.menu-item:focus { background-color: var(--ui-color-highlight); outline: 1px solid transparent; }\n\n.menu-item:focus.success { background-color: var(--ui-color-success); }\n.menu-item:focus.warning { background-color: var(--ui-color-warning); }\n.menu-item:focus.danger { background-color: var(--ui-color-danger); }\n\n.menu-item:focus .menu-item-shortcut { opacity: 1; }\n\n.menu-item svg { width: 1.1rem; height: 1.1rem; margin: -0.1rem 0.5rem -0.1rem 0; }\n\n.menu-item-content {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin-right: 2rem;\n}\n\n.menu-separator {\n\theight: 0;\n\tpadding: 0;\n\tmargin: var(--ui-margin) 0.6rem;\n\tborder-bottom: var(--ui-popup-border);\n}\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.menu {\n\t\tbackground-color: var(--ui-color-background-semi);\n\t\t-webkit-backdrop-filter: blur(30px);\n\t\tbackdrop-filter: blur(30px);\n\t}\n}\n",".message-box .dialog-header,\n.message-box .dialog-footer { background: var(--ui-color-background-dark-1); }\n\n.message-box .dialog-header { border-bottom: 1px solid var(--ui-color-border); }\n.message-box .dialog-footer { border-top: 1px solid var(--ui-color-border); }\n\n\n.message-box .dialog-content {\n\tdisplay: flex;\n\tflex-flow: row;\n\tmargin: 0 auto;\n\tpadding: 1rem;\n\tgap: 1rem;\n}\n\n.message-box .dialog-content .message { max-width: 50vw; display: flex; align-items: center; }\n.message-box .dialog-content .message-content { margin: 0; line-height: 1.5; }\n\n\n.message-box .dialog-content .icon {\n\twidth: 3rem;\n\theight: 3rem;\n\tflex-shrink: 0;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: var(--primary-color);\n\tcolor: var(--primary-text-color);\n}\n\n.message-info .dialog-content .icon { color: var(--ui-color-info); }\n.message-warning .dialog-content .icon { color: var(--ui-color-warning); }\n.message-error .dialog-content .icon { color: var(--ui-color-danger); }\n",".panel {\n\toverflow: hidden;\n\twill-change: height;\n\tposition: relative;\n\tborder: 2px solid var(--ui-color-border);\n\tbackground: var(--ui-color-background-dark-2);\n\tmargin-bottom: 1rem;\n}\n\n\n.panel details { margin: 1px; }\n\n.panel-header {\n\tcolor: var(--ui-color-text);\n\ttext-align: left;\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tfont-weight: 300;\n\tfont-size: 1rem;\n\tpadding: 0 0.6rem 0 1rem;\n\theight: 2.6rem;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.collapsible .panel-header { cursor: pointer; }\n\n.panel-header::-webkit-details-marker { display: none; }\n\n.panel-content {\n\tborder-top: 1px solid var(--ui-color-border);\n\tbackground: var(--ui-color-background);\n\tpadding: 1rem;\n}\n\n\n.panel .chevron {\n\theight: 1.2rem;\n\ttransform: rotate(0deg);\n\ttransition: transform var(--ui-animation-speed) ease-out;\n}\n.panel .chevron svg { width: 1.2rem; height: 1.2rem; }\n.panel.expanded .chevron { transform: rotate(90deg); }\n\n\n\n.panel.round { border-radius: var(--ui-border-radius-s); }\n.panel.round .panel-content {\n\tborder-radius: calc(var(--ui-border-radius-s) - 2px);\n}\n\n\n.panel.disabled { opacity: 0.5; }\n\n\n.panel-header:focus { outline: 1px solid transparent; }\n.panel:has(.panel-header:focus) {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\tz-index: 2;\n}\n",".push-button[aria-pressed=\"true\"] {\n\tfilter: brightness(0.85);\n\ttransform: translateY(1px);\n\tbox-shadow: none;\n}\n\n.push-button[aria-pressed=\"true\"].button-outline { background-color: var(--ui-color-secondary-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.info { background-color: var(--ui-color-info-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.success { background-color: var(--ui-color-success-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.warning { background-color: var(--ui-color-warning-semi); }\n.push-button[aria-pressed=\"true\"].button-outline.danger { background-color: var(--ui-color-danger-semi); }\n",".splitter {\n\tposition: absolute;\n\theight: 100%;\n\twidth: 16px;\n\tz-index: 90;\n\tcursor: ew-resize;\n}\n\n.splitter::after {\n\tcontent: \" \";\n\tdisplay: block;\n\twidth: 6px;\n\theight: 100%;\n\tmargin: 0 auto;\n}\n\n.splitter.vertical { width: 100%; height: 16px; cursor: ns-resize; }\n\n.splitter.vertical::after { width: 100%; height: 6px; margin: auto 0; }\n\n.splitter.is-dragging::after,\n.splitter:hover::after { background-color: var(--ui-color-background-light-2); }\n",".table-wrapper {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: auto;\n\toverscroll-behavior-y: contain;\n\tposition: relative;\n\tborder: 2px solid var(--ui-color-border);\n}\n\n.table-wrapper.selectable { cursor: default; -webkit-user-select: none; user-select: none; }\n.table-wrapper.round { border-radius: var(--ui-border-radius-s); }\n\n.table { border-spacing: 0; cursor: default; width: 100%; }\n\n.table thead,\n.table tfoot { position: sticky; z-index: 2; }\n.table thead { top: 0; }\n.table tfoot { bottom: 0; }\n\n.table thead th,\n.table tfoot td {\n\tpadding: var(--ui-margin-m);\n\tfont-weight: 400;\n\ttext-align: left;\n\tvertical-align: middle;\n\tbackground: var(--ui-color-background-dark-1);\n}\n\n.table tr:focus-within,\n.table tr:focus,\n.table tbody:focus,\n.table tbody:focus tr {\n\toutline: 1px solid transparent;\n\tbackground-color: var(--ui-color-highlight-dark-2);\n}\n\n.table tbody td {\n\tpadding: var(--ui-margin) var(--ui-margin-m) calc(var(--ui-margin) + 1px);\n\tborder-bottom: 1px solid var(--ui-color-border);\n\tvertical-align: middle;\n\tline-height: 1.5rem;\n}\n\n.table th:first-child,\n.table td:first-child { padding-left: var(--ui-margin-l); }\n\n.table th:last-child,\n.table td:last-child { padding-right: var(--ui-margin-l); }\n",".text-fit {\n\tdisplay: inline-block;\n\ttransform-origin: center;\n\twhite-space: nowrap;\n\t-webkit-font-smoothing: subpixel-antialiased;\n}\n",".tooltip-container {\n\tz-index: 9999;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateZ(1px);\n\t--tooltip-tip-size: 10px;\n\t--tooltip-color: #292929;\n\t--tooltip-border: 1px solid #ffffff28;\n\t--tooltip-shadow: 0 0 0 1px #000, 0 0 5px #0006;\n\t--tooltip-border-radius: 5px;\n}\n\n.tooltip-plate { position: absolute; padding-bottom: var(--tooltip-tip-size); }\n\n.tooltip {\n\tposition: relative;\n\tborder-radius: var(--tooltip-border-radius);\n\tbox-shadow: var(--tooltip-shadow);\n}\n\n.tooltip::before,\n.tooltip-content::before {\n\tcontent: '';\n\tposition: absolute;\n\tdisplay: block;\n\twidth: var(--tooltip-tip-size);\n\theight: var(--tooltip-tip-size);\n\tbottom: calc(var(--tooltip-tip-size) / -2);\n\ttransform: rotate(45deg) skew(8deg, 8deg);\n\tleft: 50%;\n\tmargin-left: calc(var(--tooltip-tip-size) / -2);\n}\n\n.tooltip::before {\n\tbox-shadow: var(--tooltip-shadow);\n\tbackground-color: var(--tooltip-color);\n\tborder: var(--tooltip-border);\n\tborder-width: 1.5px;\n\tborder-radius: 0 0 3px;\n\tmargin-left: calc(var(--tooltip-tip-size) / -2 - 1.5px);\n}\n\n.tooltip-content {\n\tpadding: 0.5rem 0.7rem;\n\ttext-align: center;\n\tposition: relative;\n\tborder-radius: inherit;\n\tz-index: 1;\n\tbackground-color: var(--tooltip-color);\n\tborder: var(--tooltip-border);\n}\n\n.tooltip-content * { position: relative; }\n.tooltip-content::before {\n\tbackground-color: inherit;\n\tborder-radius: 0 0 2px;\n\tz-index: -1;\n}\n\n\n/* TOOLTIP BELOW TARGET  */\n.tooltip-bottom { padding-bottom: 0; padding-top: var(--tooltip-tip-size); }\n\n.tooltip-bottom .tooltip::before,\n.tooltip-bottom .tooltip-content::before { bottom: auto; top: calc(var(--tooltip-tip-size) / -2); }\n\n.tooltip-bottom .tooltip::before { border-radius: 3px 0 0; }\n.tooltip-bottom .tooltip-content::before { border-radius: 2px 0 0; }\n\n\n\n/* THEME LIGHT  */\n.theme-light .tooltip {\n\t--tooltip-color: #fff;\n\t--tooltip-border: 1px solid #fff;\n\t--tooltip-shadow: 0 0 1px #0002, 0 0 5px #0006;\n}\n\n\n\n/* COLOR VARIATIONS */\n.info .tooltip { --tooltip-color: var(--ui-color-info); }\n.success .tooltip { --tooltip-color: var(--ui-color-success); }\n.danger .tooltip { --tooltip-color: var(--ui-color-danger); }\n.warning .tooltip { --tooltip-color: var(--ui-color-warning); }\n",".tree,\n.tree ul { padding: 0; margin: 0; list-style: none; }\n.tree li { display: block; width: 100%; padding: 0; }\n\n.tree {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: flex-start;\n\toverflow: hidden;\n\tposition: relative;\n\tmargin: 0;\n\tpadding: .3rem;\n\tborder-radius: var(--ui-border-radius);\n}\n.tree:focus {\n\toutline: 0;\n\tbox-shadow:\n\t\t0 0 0 1px var(--ui-color-accent),\n\t\tvar(--ui-shadow-focus);\n}\n\n.tree-node {\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tborder-radius: var(--ui-border-radius);\n\tpadding: 0 0.5rem;\n}\n\n.tree-node.selected { background-color: var(--ui-color-highlight-dark-2); }\n.tree-node:hover { background-color: var(--ui-color-highlight); }\n\n.tree-icon {\n\tdisplay: inline-block;\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tmask-size: 1.5rem;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--ui-color-text-dark-2);\n\tmask-repeat: no-repeat;\n\tmask-position: 0 center;\n}\n\n.tree-label { line-height: 2; }\n\n.tree-indent {\n\tdisplay: block;\n\twidth: 0.8rem;\n\tmargin-right: 1rem;\n\theight: 2rem;\n\tborder-right: 1px solid transparent;\n}\n.tree .tree-indent { border-right-color: var(--ui-color-border); }\n\n\n\n\n.tree-file-icon { mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWZpbGUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8cGF0aCBkPSJNMTQgM3Y0YTEgMSAwIDAgMCAxIDFoNCIgLz4KPHBhdGggZD0iTTE3IDIxaC0xMGEyIDIgMCAwIDEgLTIgLTJ2LTE0YTIgMiAwIDAgMSAyIC0yaDdsNSA1djExYTIgMiAwIDAgMSAtMiAyeiIgLz4KPC9zdmc+Cg==\"); }\n.tree-folder-icon { mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWZvbGRlci1wbHVzIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgo8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPHBhdGggZD0iTTUgNGg0bDMgM2g3YTIgMiAwIDAgMSAyIDJ2OGEyIDIgMCAwIDEgLTIgMmgtMTRhMiAyIDAgMCAxIC0yIC0ydi0xMWEyIDIgMCAwIDEgMiAtMiIgLz4KPGxpbmUgeDE9IjEyIiB5MT0iMTAiIHgyPSIxMiIgeTI9IjE2IiAvPgo8bGluZSB4MT0iOSIgeTE9IjEzIiB4Mj0iMTUiIHkyPSIxMyIgLz4KPC9zdmc+Cg==\"); }\n.expanded .tree-folder-icon { mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWZvbGRlci1taW51cyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CjxwYXRoIGQ9Ik01IDRoNGwzIDNoN2EyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxIC0yIDJoLTE0YTIgMiAwIDAgMSAtMiAtMnYtMTFhMiAyIDAgMCAxIDIgLTIiIC8+CjxsaW5lIHgxPSI5IiB5MT0iMTMiIHgyPSIxNSIgeTI9IjEzIiAvPgo8L3N2Zz4K\"); }\n",".autocomplete .input-inner { position: relative; }\n\n.autocomplete input { padding-right: 36px; }\n\n.autocomplete-list {\n\tposition: absolute;\n\tz-index: 100;\n\toverflow-y: auto;\n\toverscroll-behavior-y: contain;\n\tpadding: 0.2rem 0.2rem 0.3rem;\n\tmin-height: 0;\n\tmax-height: 26rem;\n\t-webkit-user-select: none;\n\tuser-select: none;\n\ttransform: translateZ(1px);\n\n\tcolor: var(--ui-color-text);\n\tborder: var(--ui-popup-border);\n\tborder-radius: var(--ui-border-radius);\n\tbackground: var(--ui-popup-background);\n\tbox-shadow: var(--ui-shadow-fancy);\n}\n\n.autocomplete-list:empty { padding: 0; box-shadow: none; border: none; }\n.autocomplete-list:not(:empty) { min-height: 2rem; }\n.autocomplete-list.hidden { display: none; }\n\n.autocomplete-list-header {\n\tpadding: 1rem 1rem 0.5rem;\n\tmargin: 0;\n\tcolor: var(--ui-color-text-semi);\n\tline-height: 1;\n\tfont-weight: 600;\n\tcursor: default;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow-x: hidden;\n}\n\n.autocomplete-list-header:last-child { display: none; }\n\n.autocomplete-list-empty {\n\tpadding: 0.6rem 1.2rem;\n\tcolor: var(--ui-color-text-semi);\n\tcursor: default;\n\twhite-space: nowrap;\n}\n\n.autocomplete-list-item {\n\tpadding: 0.5rem 1rem;\n\tcolor: var(--ui-color-text);\n\tcursor: pointer;\n\tline-height: 1;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow-x: hidden;\n\tborder-radius: var(--ui-border-radius);\n}\n\n.autocomplete-list-item.in-group {\n\tpadding-left: 2rem;\n}\n\n.autocomplete-list-item.selected {\n\tbackground-color: var(--ui-color-highlight-dark-2);\n\toutline: 1px solid transparent;\n}\n.autocomplete-list-item:hover {\n\tbackground-color: var(--ui-color-highlight);\n\toutline: 1px solid transparent;\n}\n\n.autocomplete-list-item b {\n\tcolor: var(--ui-color-accent);\n}\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.autocomplete-list {\n\t\tbackground-color: var(--ui-color-background-semi);\n\t\t-webkit-backdrop-filter: blur(30px);\n\t\tbackdrop-filter: blur(30px);\n\t}\n}\n",".button-toggle.input {\n\twidth: min-content;\n\tmin-width: 25ch;\n\tpadding: 0;\n\tflex-flow: column;\n\talign-items: flex-start;\n\tjustify-content: flex-start;\n}\n\n.button-toggle .input-inner { width: 100%; background-color: var(--ui-color-background-dark-2); }\n\n.button-toggle .input-row { gap: 1px; }\n\n.button-toggle .input-row .button {\n\tposition: static;\n\tcolor: var(--ui-color-text);\n\tbox-shadow: none;\n\tmin-height: calc(var(--ui-button-height) - 2px);\n\tbackground: var(--ui-color-background-input);\n\tborder: none;\n}\n\n.button-toggle .button input {\n\tposition: absolute;\n\ttop: -100px;\n\topacity: 0;\n\tpointer-events: none;\n}\n\n.button-toggle .button:has(:checked) { background-color: var(--ui-color-highlight); }\n\n.button-toggle.round:not(.has-error) .input-inner { border-radius: var(--ui-border-radius-xl); }\n",".checkbox {\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n}\n\n.checkbox-row {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 0.5rem;\n}\n\n.checkbox input {\n\tappearance: none;\n\twidth: 1.4rem;\n\theight: 1.4rem;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 0.2em;\n\tbackground: var(--ui-color-background-input);\n\tborder: 1px solid var(--ui-color-text-dark-1);\n\tcolor: var(--ui-color-text-dark-1);\n\tfont: inherit;   /* required for proper sizing */\n\tflex-shrink: 0;\n}\n\n.checkbox input:focus { border-color: var(--ui-color-accent); }\n\n.checkbox input::after {\n\tcontent: \"✕\";\n\tdisplay: block;\n\topacity: 0;\n\tfont-size: 1rem;\n\tline-height: 1;\n\talign-self: center;\n\tcolor: inherit;\n}\n\n\n.checkbox.indeterminate input::after {\n\tcontent: \" \";\n\topacity: 1;\n\tbackground: var(--ui-color-text-dark-1);\n\twidth: 70%;\n\theight: 70%;\n\tmargin: 0;\n\tborder-radius: inherit;\n\talign-self: center;\n}\n\n.checkbox input:checked::after { opacity: 1; }\n\n.checkbox.disabled { opacity: 0.5; }\n.checkbox.disabled input { opacity: 1; }\n\n\n.checkbox.has-error input { border-color: var(--ui-color-danger); }\n.checkbox.has-error input:focus { box-shadow: var(--ui-shadow-danger); }\n",".input-date .input-text-inner { position: relative; overflow: unset; }\n\n.input-date input { width: 100%; padding-right: 36px; }\n\n\n.datepicker { display: none; transform: translateZ(1px); }\n.datepicker.active { display: block; }\n\n.datepicker-dropdown {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 100;\n\tpadding-top: 0.2rem;\n}\n\n.datepicker-dropdown.datepicker-orient-top { padding-top: 0; padding-bottom: 4px; }\n\n.datepicker-picker {\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tborder-radius: 0.4em;\n\tbackground-color: var(--ui-color-background);\n\tborder: var(--ui-popup-border);\n\tbox-shadow: var(--ui-shadow-fancy);\n}\n\n\n.datepicker-picker span {\n\tdisplay: block;\n\tflex: 1;\n\tborder: 0;\n\tborder-radius: 6px;\n\tcursor: default;\n\ttext-align: center;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.datepicker-main { padding: 0.1rem; }\n\n\n.datepicker-grid,\n.datepicker-view .days-of-week,\n.datepicker-view,\n.datepicker-controls { display: flex; }\n\n.datepicker-grid { flex-wrap: wrap; width: 15.75rem; }\n\n.datepicker-cell,\n.datepicker-view .week { height: 2.25rem; line-height: 2.25rem; }\n\n.datepicker-view .days .datepicker-cell,\n.datepicker-view .dow { flex-basis: 14.2857142857%; }\n\n.datepicker-view.datepicker-grid .datepicker-cell {\n\tflex-basis: 25%;\n\theight: 4.5rem;\n\tline-height: 4.5rem;\n}\n\n\n.datepicker-title { padding: 0.375rem 0.75rem; text-align: center; }\n\n.datepicker-header .datepicker-controls,\n.datepicker-footer .datepicker-controls { padding: 0.2rem; }\n\n.datepicker-controls .button {\n\tpadding: 0;\n\twidth: 2.5rem;\n\tmin-width: 2.5rem;\n\ttext-align: center;\n}\n\n.datepicker-controls .button svg { margin: 0; height: 1.4rem; }\n.datepicker-controls .button.disabled { visibility: hidden; }\n\n.datepicker-controls .button.view-switch { flex: auto; width: auto; }\n\n\n.datepicker-footer .datepicker-controls .button { width: 100%; }\n\n.datepicker-view .dow { height: 1.5rem; line-height: 1.5rem; font-size: 0.875rem; }\n.datepicker-view .week { width: 2.25rem; font-size: 0.75rem; }\n\n.datepicker-cell.prev:not(.disabled),\n.datepicker-cell.next:not(.disabled) { color: var(--ui-color-background-light-2); }\n\n.datepicker-cell.selected.prev:not(.disabled),\n.datepicker-cell.selected.next:not(.disabled) { color: var(--ui-color-text-dark-1); }\n\n\n.datepicker-cell.selected {\n\tbackground-color: var(--ui-color-highlight);\n\tcolor: var(--ui-color-text);\n}\n\n.datepicker-cell.disabled { color: var(--ui-color-text-dark-1); }\n\n\n\n/* today */\n.datepicker-cell.today:not(.selected) {\n\tbackground-color: var(--ui-color-success);\n\tcolor: var(--ui-color-text);\n}\n\n\n/* hover/focus */\n.datepicker-cell.focused,\n.datepicker-cell.today.focused,\n.datepicker-cell.highlighted:not(.range,.disabled):hover,\n.datepicker-cell.highlighted:not(.range).focused,\n.datepicker-cell:not(.disabled):hover {\n\tbackground-color: var(--ui-color-info);\n\tcolor: var(--ui-color-text);\n\tcursor: pointer;\n}\n\n\n.datepicker-cell.range-start { border-radius: 4px 0 0 4px; }\n.datepicker-cell.range-end { border-radius: 0 4px 4px 0; }\n.datepicker-cell.range { border-radius: 0; background-color: #dbdbdb; }\n.datepicker-cell.range-end:not(.selected),\n.datepicker-cell.range-start:not(.selected) { background-color: #b5b5b5; color: #fff; }\n.datepicker-cell.range-end.focused:not(.selected),\n.datepicker-cell.range-start.focused:not(.selected) { background-color: #afafaf; }\n.datepicker-cell.range:not(.disabled,.focused,.today):hover { background-color: #d5d5d5; }\n.datepicker-cell.range.disabled { color: #c2c2c2; }\n.datepicker-cell.range.focused { background-color: #cfcfcf; }\n\n\n\n.theme-light .datepicker-cell.next:not(.disabled),\n.theme-light .datepicker-cell.prev:not(.disabled) { color: var(--ui-color-background-dark-2); }\n\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.datepicker-picker {\n\t\tbackground-color: var(--ui-color-background-semi);\n\t\t-webkit-backdrop-filter: blur(30px);\n\t\tbackdrop-filter: blur(30px);\n\t}\n}\n",".input .error-wrap,\n.input-radio .error-wrap,\n.checkbox .error-wrap {\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n}\n\n.checkbox .error-wrap,\n.input-radio .error-wrap { overflow: hidden; }\n\n\n.input .info-bar-error,\n.input-radio .info-bar-error,\n.textarea .info-bar-error {\n\tpadding-bottom: calc(0.4rem + 10px);\n\tmargin-bottom: -10px;\n\tborder: none;\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0;\n}\n\n.checkbox .info-bar { margin: 0; }\n\n.textarea .info-bar-error { grid-area: 1 / 1 / 2 / 2; }\n\n\n\n/* Highlight whole inner div in red, to avoid rendering leaks in corners (safari) */\n.has-error.input .input-inner,\n.has-error.textarea .textarea-inner { background-color: var(--ui-color-danger-semi); }\n\n.has-error.input .input-inner  { border-color: var(--ui-color-danger); }\n.has-error.input .input-inner:focus-within { box-shadow: var(--ui-shadow-danger); }\n\n.has-error.input .info-bar-error,\n.has-error.textarea .info-bar-error { background-color: transparent; }\n",".input-math {\n\tposition: relative;\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: space-between;\n}\n\n.input-math input { padding-left: 30px; text-align: right; }\n",".input-password {\n\tposition: relative;\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: space-between;\n}\n\n.input-password input {\n\tfont-family: verdana, sans-serif;\n\twidth: 100%;\n\tpadding-right: 36px;\n}\n\n\n.input-password.visible input { font-family: inherit; }\n.input-password.visible .input-password-button { color: var(--ui-color-danger); }\n\n\n\n/* PASSWORD STRENGTH */\n.password-strength {\n\twidth: calc(100% - 6px);\n\theight: 3px;\n\tmargin: -7px 3px 0;\n\tborder-radius: 10px;\n\tbackground-color: var(--ui-color-background-input);\n\tcursor: default;\n}\n\n.password-strength-progress {\n\theight: 100%;\n\tborder-radius: inherit;\n\ttransition: width var(--ui-animation-speed) ease-out;\n\tbackground-color: var(--ui-color-danger);\n}\n\n.password-strength-progress.warning { background-color: var(--ui-color-warning); }\n.password-strength-progress.info { background-color: var(--ui-color-info); }\n.password-strength-progress.success { background-color: var(--ui-color-success); }\n\n\n.password-strength-info {\n\tposition: absolute;\n\ttop: 0;\n\tdisplay: none;\n\tcursor: default;\n\twidth: calc(100% - 2px);\n\tflex-flow: column;\n\talign-items: stretch;\n\tgap: 1rem;\n\tfont-size: 0.8rem;\n\tmargin: 0.2rem 1px 0;\n\tpadding: 0.8rem;\n\tborder-radius: var(--ui-border-radius);\n\tbackground-color: var(--ui-color-background-input);\n\tborder: 1px solid var(--ui-color-danger);\n\tz-index: 9;\n}\n\n.input-password:focus-within .password-strength-info { display: flex; }\n\n.password-strength-info.warning { border-color: var(--ui-color-warning); }\n.password-strength-info.info { border-color: var(--ui-color-info); }\n.password-strength-info.success { border-color: var(--ui-color-success); }\n\n.password-strength-info h2 { font-size: 0.95rem; text-align: left; margin-bottom: 0; }\n.password-strength-info small { font-size: 0.85rem; margin: 0; line-height: 1.4; }\n.password-strength-info small:empty { display: none; }\n",".input-text .input-inner {\n\toverflow: hidden;\n}\n",".label {\n\theight: 2.2rem;\n\tline-height: 1.6;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n.label.disabled {\n\tpointer-events: none;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n",":where(input:is([type=radio])) {\n\tvertical-align: inherit;\n\ttransform: scale(1.6);\n\tfilter: brightness(1.4);\n\taccent-color: var(--ui-color-highlight);\n\tborder-radius: 50px;\n}\n\n.theme-light :where(input:is([type=radio])) { filter: brightness(0.9); }\n\n.input-radio { min-width: 26ch; width: min-content; max-width: 100%; }\n\n.input-radio-inner {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\tpadding: 0;\n\tborder: 1px solid  var(--ui-color-background-dark-2);\n\tborder-radius: calc(var(--ui-border-radius) + 0.26rem);\n\tbackground-color: var(--ui-color-background-input);\n\toverflow: hidden;\n}\n\n.has-error .input-radio-inner { border-color: var(--ui-color-danger); background-color: var(--ui-color-danger-semi); }\n\n.input-radio-inner:focus-within,\n.input-radio-inner:has(:active):not(.disabled) { border-color: var(--ui-color-accent); box-shadow: var(--ui-shadow-focus); }\n\n.has-error .input-radio-inner:focus-within,\n.has-error .input-radio-inner:has(:active):not(.disabled) { box-shadow: var(--ui-shadow-danger); border-color: var(--ui-color-danger); }\n\n\n.has-error.input-radio .info-bar-error { background-color: transparent; }\n\n\n.input-radio-items {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\tpadding: 0;\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: inherit;\n}\n\n.input-radio-item {\n\tdisplay: flex;\n\tflex-flow: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\twidth: calc(100% - 0.4rem);\n\tmargin: 0.2rem;\n\tpadding: 0.1rem 0.1rem 0.1rem 0.75rem;\n\tborder-radius: var(--ui-border-radius);\n}\n\n.input-radio-item:has(:disabled) { opacity: 0.75; color: var(--ui-color-text-semi); }\n\n.input-radio-item .label { padding: 0.5rem 1rem; }\n\n.input-radio-item:not(.disabled):focus-within,\n.input-radio-item:not(.disabled):hover { background-color: var(--ui-color-highlight-dark-2); }\n",".select { font: inherit; position: relative; }\n\n.select select {\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\n\tfont: inherit;\n\tbackground: none;\n\tpadding: 0 30px 0 var(--ui-margin-m);\n\twidth: 100%;\n\n\tborder: 1px solid transparent;\n\theight: calc(2.2rem - 2px);\n\tline-height: 1;\n\tcolor: var(--ui-color-text);\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: var(--ui-border-radius);\n}\n\n.select select:focus { outline: 0; }\n\n\n\n.select .input-row::after {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: 2rem;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\topacity: 0.6;\n\tpointer-events: none;\n\tbackground-repeat: no-repeat;\n\tbackground-position: right 0.7rem center;\n\tbackground-size: 0.6rem 0.8rem;\n\tbackground-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23888' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\");\n}\n\n.theme-light .select .input-row::after {\n\tbackground-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23111' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\");\n}\n",".textarea { position: relative; width: 25ch; vertical-align: top; }\n\n.textarea.autogrow .textarea-inner::after,\n.textarea textarea {\n\tfont: inherit;\n\tline-height: 1.3;\n\tborder: 1px solid transparent;\n\tmargin: 0;\n\twidth: 100%;\n\tpadding: var(--ui-margin-m);\n\tgrid-area: 2 / 1 / 2 / 2;\n}\n\n\n.textarea .textarea-inner {\n\twidth: 100%;\n\tdisplay: inline-grid;\n\talign-items: stretch;\n\tbackground-color: var(--ui-color-background-input);\n\tborder-radius: var(--ui-border-radius);\n\tborder: 1px solid  var(--ui-color-background-dark-2);\n}\n\n.textarea textarea {\n\tresize: vertical;\n\tcolor: var(--ui-color-text);\n\tborder-radius: var(--ui-border-radius);\n\tborder: none;\n\tmin-height: 2.6rem;\n\tbackground-color: var(--ui-color-background-input);\n}\n\n\n.textarea .textarea-inner:focus-within {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: 0;\n}\n\n.textarea textarea:focus { outline: none; box-shadow: none; border: none; }\n.textarea textarea:invalid { border: none; box-shadow: none; }\n.textarea textarea:disabled { opacity: 0.5; }\n\n\n.textarea.autogrow .textarea-inner::after {\n\tcontent: attr(data-value) \" \";\n\tvisibility: hidden;\n\twhite-space: pre-wrap;\n\tmin-width: 1rem;\n\tresize: none;\n\tbackground: none;\n\tappearance: none;\n}\n\n.textarea.autogrow textarea { resize: none; }\n\n\n.textarea.has-error .textarea-inner  { border-color: var(--ui-color-danger); }\n.textarea.has-error .textarea-inner:focus-within { box-shadow: var(--ui-shadow-danger); }\n",".toggle {\n\t--toggle-width: 60px;\n\t--toggle-padding: 2px;\n\t--border-radius: var(--ui-border-radius-xl);\n\t--toggle-height: calc(var(--toggle-width) / 2.5);\n\t--knob-size: var(--toggle-height);\n\n\tdisplay: inline-flex;\n\tflex-flow: column;\n\talign-items: flex-start;\n\tposition: relative;\n\tvertical-align: middle;\n\t-webkit-user-select: none;\n\tuser-select: none;\n\n\tborder-radius: var(--border-radius);\n}\n\n.toggle-inner {\n\tborder: 1px solid var(--ui-color-text-dark-2);\n\tpadding: var(--toggle-padding);\n\tborder-radius: inherit;\n\tbackground-color: var(--ui-color-background-dark-2);\n}\n\n.toggle:has(:disabled) { pointer-events: none; opacity: 0.6; }\n\n.toggle:focus { outline: 1px solid transparent; }\n.toggle:focus .toggle-inner {\n\tbox-shadow: var(--ui-shadow-focus);\n\tborder-color: var(--ui-color-accent);\n}\n\n.toggle-input { display: none; }\n\n.toggle-label {\n\twidth: var(--toggle-width);\n\theight: var(--toggle-height);\n\tborder-radius: calc(var(--border-radius) - var(--toggle-padding));\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n}\n\n.toggle-scroller {\n\theight: 100%;\n\tborder-radius: inherit;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: margin-left .2s cubic-bezier(.85, .05, .18, 1.4);\n\tflex-shrink: 0;\n\twidth: calc(200% - var(--toggle-height));\n\tmargin-left: calc(var(--toggle-height) - var(--toggle-width) - var(--toggle-padding));\n}\n\n.toggle-option {\n\twidth: 50%;\n\theight: 100%;\n\tborder-radius: inherit;\n\tbackground-color: green;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: calc(var(--toggle-width) / 5);\n}\n.toggle-option:first-of-type {\n\tborder-top-right-radius: 0;\n\tborder-bottom-right-radius: 0;\n\tbackground-color: var(--ui-color-highlight);\n\tbackground-position: 41% 47%;\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E\");\n}\n.toggle-option:last-of-type {\n\tborder-top-left-radius: 0;\n\tborder-bottom-left-radius: 0;\n\tbackground-color: var(--ui-color-background-input);\n\tbackground-position: 62% 55%;\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E\");\n}\n\n.theme-light .toggle-option:first-of-type {\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E\");\n}\n\n.theme-light .toggle-option:last-of-type {\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E\");\n}\n\n.toggle-handle {\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n\ttransition: left .2s cubic-bezier(.85, .05, .18, 1.4);\n\tborder-radius: inherit;\n\tleft: calc(var(--toggle-height) / 2 + var(--toggle-padding));\n\n}\n\n.toggle-knob {\n\twidth: var(--knob-size);\n\theight: var(--knob-size);\n\tbackground: var(--ui-color-text-light-1);\n\tborder: 1px solid var(--ui-color-text-light-2);\n\ttransform: translate(-50%, -50%);\n\tborder-radius: inherit;\n}\n\n/* this is calculated in js\n.checked .toggle-scroller { margin-left: 0; }\n.checked .toggle-handle { left: calc(var(--toggle-width) + var(--toggle-padding) - var(--toggle-height) / 2); }\n*/\n",".notification-archive {\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\tmargin-left: calc(var(--ui-notification-width) + var(--ui-notification-gap) + 1rem);\n\ttransition: margin-left var(--ui-animation-speed) ease-out;\n\tz-index: 5;\n}\n\n.notification-archive .notification { z-index: 1; }\n.notification-archive header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: var(--ui-notification-gap) var(--ui-notification-gap) 0;\n\tcolor: var(--ui-color-text);\n\tz-index: 1;\n\tbackground-color: var(--ui-color-background-dark-1);\n\tpadding: 0.75rem 0.5rem 0.75rem 1rem;\n\tborder-radius: var(--ui-border-radius-s);\n}\n\n.notification-archive button {\n\tcolor: inherit;\n\tfont-size: 1.1rem;\n\tfont-weight: 300;\n\tmin-width: 1.8rem;\n\tmin-height: 1.8rem;\n}\n\n\n.notification-archive h2 { color: inherit; font-size: 1.1rem; margin: 0; }\n.notification-archive h2 .button { padding-inline: var(--ui-margin-m); margin-left: -0.5rem; }\n.notification-archive h2 .button svg { transform: rotate(0deg); transition: transform var(--ui-animation-speed) ease-out; }\n\n.notification-archive.expanded h2 .button svg { transform: rotate(90deg); }\n\n.notification-archive.inert { pointer-events: none; }\n\n.notification-archive-buttons {\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 0.2rem;\n}\n\n.notification-archive-buttons .btn-close {\n\tfont-size: 1.4rem;\n\theight: 1.8rem;\n\twidth: 1.7rem;\n\tpadding-bottom: 0.15rem;\n}\n\n\n.notification.archived { filter: saturate(0.3); }\n.notification-timestamp { color: var(--ui-color-text-semi); font-size: 0.85rem; margin-inline: 0.5rem; }\n\n.show-archive .notification-archive {\n\tmargin-left: 0;\n\tmargin-bottom: 10rem;\n\theight: auto;\n\toverflow: visible;\n}\n",".notification-center {\n\t--ui-notification-border-radius: var(--ui-border-radius-s);\n\t--ui-notification-gap: 0.75rem;\n\t--ui-notification-width: 30rem;\n\n\tposition: fixed;\n\ttransform: translateZ(1px);\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: stretch;\n\tjustify-content: flex-start;\n\twidth: calc(var(--ui-notification-width) + var(--ui-notification-gap) * 2);\n\ttop: 0;\n\tright: 0;\n\tz-index: -1;\n\tmax-height: 100vh;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\toverscroll-behavior: contain;\n}\n\n.notification-center.archive-is-visible,\n.notification-center.has-active-notifications { z-index: 999; }\n\n\n.notification {\n\tfont-size: 1rem;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 2rem;\n\tborder: none;\n\tmargin: var(--ui-notification-gap) var(--ui-notification-gap) 0;\n\tbox-shadow: var(--ui-shadow-fancy);\n\tborder-radius: var(--ui-notification-border-radius);\n\tz-index: 9;\n}\n\n.notification:last-child { margin-bottom: calc(var(--ui-notification-gap) + 10px); }\n\n.notification button {\n\tbackground: none;\n\tcolor: var(--ui-color-text);\n\theight: 1.8rem;\n\tmin-width: 1.6rem;\n\tfont-size: inherit;\n\tpadding: 0 var(--ui-margin-m);\n\tmargin: 0 var(--ui-margin-m) 0 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: var(--ui-border-radius);\n\tborder: 1px solid transparent;\n}\n\n.notification button:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: none;\n}\n\n.notification button:hover { color: var(--ui-color-text-light-2); background: #2228; }\n.notification button:active { color: var(--ui-color-text-dark-2); background: #0008; }\n\n.notification .notification-close {\n\tfont-size: 1.4rem;\n\tfont-weight: 200;\n\tposition: relative;\n\tpadding-bottom: 0.15rem;\n}\n\n\n.notification-buttons,\n.notification-icon {\n\tmin-height: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n}\n.notification-icon { width: 2.2rem; }\n\n\n.notification-msg {\n\tcolor: var(--ui-color-text);\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tpadding: 0.8rem;\n\tline-height: 1.4;\n\tfont-weight: 400;\n}\n\n.notification-progressbar {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: inherit;\n\tz-index: -1;\n}\n\n.notification-progress {\n\theight: 100%;\n\tborder-radius: inherit;\n\tbackground-color: #ffffff15;\n\tborder: 1px solid #ffffff25;\n\tmargin: 0;\n\twidth: 0;\n\ttransition: width .2s;\n}\n\n\n.notification:focus {\n\tborder-color: var(--ui-color-accent);\n\tbox-shadow: var(--ui-shadow-focus);\n\toutline: none;\n}\n\n\n\n.notification-center-button svg { stroke: var(--ui-color-secondary); }\n.notification-center-button.has-notifications svg { stroke: var(--ui-color-text); }\n.notification-center-button.has-notifications svg>path:nth-child(2) { fill: var(--ui-color-text); }\n\n\n@media (1px <= width <= 700px) {\n\t.notification-center {\n\t\t--ui-notification-width: calc(100vw - var(--ui-notification-gap) * 2);\n\t}\n}\n\n\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n\t.notification {\n\t\t-webkit-backdrop-filter: blur(15px);\n\t\tbackdrop-filter: blur(15px);\n\t}\n\n\t.notification-info    { background-color: var(--ui-color-info-semi); }\n\t.notification-success { background-color: var(--ui-color-success-semi); }\n\t.notification-warning { background-color: var(--ui-color-warning-semi); }\n\t.notification-error   { background-color: var(--ui-color-danger-semi); }\n}\n"]}
\ No newline at end of file
diff --git a/src/input/radio/Radio.css b/src/input/radio/Radio.css
index 1ba17d6f..988b73ec 100644
--- a/src/input/radio/Radio.css
+++ b/src/input/radio/Radio.css
@@ -32,7 +32,7 @@
 .has-error .input-radio-inner:has(:active):not(.disabled) { box-shadow: var(--ui-shadow-danger); border-color: var(--ui-color-danger); }
 
 
-.has-error .info-bar-error { background-color: transparent; }
+.has-error.input-radio .info-bar-error { background-color: transparent; }
 
 
 .input-radio-items {