@schukai/monster 4.149.0 → 4.150.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/source/components/accessibility/stylesheet/locale-picker.mjs +4 -4
- package/source/components/content/stylesheet/viewer.mjs +4 -4
- package/source/components/data/stylesheet/kpi-tile.mjs +4 -4
- package/source/components/data/stylesheet/metric-graph.mjs +4 -4
- package/source/components/data/stylesheet/metric.mjs +4 -4
- package/source/components/datatable/pagination.mjs +120 -21
- package/source/components/datatable/style/column-bar.pcss +4 -1
- package/source/components/datatable/style/datatable.pcss +12 -3
- package/source/components/datatable/style/embedded-pagination.pcss +47 -26
- package/source/components/datatable/style/filter-controls-defaults.pcss +4 -1
- package/source/components/datatable/stylesheet/change-button.mjs +4 -4
- package/source/components/datatable/stylesheet/column-bar.mjs +7 -5
- package/source/components/datatable/stylesheet/dataset.mjs +4 -4
- package/source/components/datatable/stylesheet/datatable.mjs +15 -7
- package/source/components/datatable/stylesheet/embedded-pagination.mjs +15 -1
- package/source/components/datatable/stylesheet/filter-controls-defaults.mjs +5 -1
- package/source/components/datatable/stylesheet/filter-select.mjs +4 -4
- package/source/components/datatable/stylesheet/filter.mjs +4 -4
- package/source/components/datatable/stylesheet/pagination.mjs +5 -5
- package/source/components/datatable/stylesheet/save-button.mjs +4 -4
- package/source/components/datatable/stylesheet/status.mjs +4 -4
- package/source/components/form/style/checklist.pcss +4 -1
- package/source/components/form/style/choice-cards.pcss +16 -4
- package/source/components/form/style/digits.pcss +4 -1
- package/source/components/form/style/field-layout.pcss +4 -1
- package/source/components/form/style/mixin/field-set-layout.pcss +8 -2
- package/source/components/form/style/select.pcss +12 -3
- package/source/components/form/style/toggle-switch.pcss +8 -0
- package/source/components/form/style/variant-select.pcss +8 -2
- package/source/components/form/stylesheet/button-bar.mjs +4 -4
- package/source/components/form/stylesheet/button.mjs +27 -21
- package/source/components/form/stylesheet/checklist.mjs +3 -1
- package/source/components/form/stylesheet/choice-cards.mjs +9 -1
- package/source/components/form/stylesheet/control-bar.mjs +4 -4
- package/source/components/form/stylesheet/digits.mjs +5 -1
- package/source/components/form/stylesheet/field-layout.mjs +5 -1
- package/source/components/form/stylesheet/field-set.mjs +5 -1
- package/source/components/form/stylesheet/form.mjs +3 -1
- package/source/components/form/stylesheet/input-group.mjs +3 -1
- package/source/components/form/stylesheet/login.mjs +3 -1
- package/source/components/form/stylesheet/popper-button.mjs +7 -5
- package/source/components/form/stylesheet/register-wizard.mjs +3 -1
- package/source/components/form/stylesheet/repeat-field-set-items.mjs +3 -1
- package/source/components/form/stylesheet/select.mjs +7 -1
- package/source/components/form/stylesheet/toggle-switch.mjs +5 -1
- package/source/components/form/stylesheet/variant-select.mjs +5 -1
- package/source/components/host/stylesheet/call-button.mjs +4 -4
- package/source/components/host/stylesheet/host.mjs +3 -1
- package/source/components/host/stylesheet/toggle-button.mjs +4 -4
- package/source/components/layout/style/tabs.pcss +16 -4
- package/source/components/layout/style/vertical-tabs.pcss +4 -1
- package/source/components/layout/stylesheet/collapse.mjs +4 -4
- package/source/components/layout/stylesheet/details.mjs +4 -4
- package/source/components/layout/stylesheet/overlay.mjs +3 -1
- package/source/components/layout/stylesheet/tabs.mjs +12 -4
- package/source/components/layout/stylesheet/vertical-tabs.mjs +3 -1
- package/source/components/state/stylesheet/state.mjs +1 -1
- package/source/components/style/button.css +4 -4
- package/source/components/style/form.css +3 -1
- package/source/components/style/form.pcss +18 -5
- package/source/components/style/mixin/button.pcss +2 -1
- package/source/components/style/theme-modern.css +2 -2
- package/source/components/style/theme-modern.pcss +4 -4
- package/source/components/stylesheet/button.mjs +4 -4
- package/source/components/stylesheet/form.mjs +3 -1
- package/source/components/stylesheet/theme-modern.mjs +2 -2
- package/source/components/time/stylesheet/day.mjs +4 -4
- package/source/components/time/stylesheet/month-calendar.mjs +4 -4
- package/source/components/time/timeline/stylesheet/appointment.mjs +4 -4
- package/source/components/time/timeline/stylesheet/segment.mjs +4 -4
- package/source/components/tree-menu/style/tree-menu.pcss +12 -1
- package/source/components/tree-menu/stylesheet/tree-menu.mjs +7 -1
- package/test/cases/components/datatable/mobile-layout.mjs +58 -7
- package/test/cases/components/datatable/pagination.mjs +79 -0
- package/test/cases/components/style/button-sizing.mjs +31 -0
- package/test/cases/components/style/form-controls.mjs +13 -0
- package/test/cases/components/style/theme-accent.mjs +137 -0
- package/test/cases/components/style/theme-modern.mjs +10 -1
|
@@ -373,13 +373,13 @@
|
|
|
373
373
|
--monster-tabs-button-hover-box-shadow: none;
|
|
374
374
|
--monster-tabs-button-hover-color: var(--monster-theme-text);
|
|
375
375
|
--monster-tabs-button-active-background-color: transparent;
|
|
376
|
-
--monster-tabs-button-active-border-color: var(--monster-theme-
|
|
376
|
+
--monster-tabs-button-active-border-color: var(--monster-theme-accent);
|
|
377
377
|
--monster-tabs-button-active-box-shadow: none;
|
|
378
|
-
--monster-tabs-button-active-color: var(--monster-theme-
|
|
378
|
+
--monster-tabs-button-active-color: var(--monster-theme-accent);
|
|
379
379
|
--monster-tabs-button-active-font-weight: 500;
|
|
380
380
|
--monster-tabs-indicator-inline-size: 0;
|
|
381
381
|
--monster-tabs-indicator-block-size: 0;
|
|
382
|
-
--monster-tabs-indicator-background-color: var(--monster-theme-
|
|
382
|
+
--monster-tabs-indicator-background-color: var(--monster-theme-accent);
|
|
383
383
|
--monster-tabs-indicator-hover-opacity: 0;
|
|
384
384
|
--monster-tabs-indicator-active-opacity: 0;
|
|
385
385
|
--monster-tabs-overflow-switch-inline-size: var(
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
|
|
432
432
|
/** Toggle and decorative compatibility tokens */
|
|
433
433
|
--monster-theme-on-color: var(--monster-theme-on-accent);
|
|
434
|
-
--monster-theme-on-bg-color: var(--monster-theme-
|
|
434
|
+
--monster-theme-on-bg-color: var(--monster-theme-accent);
|
|
435
435
|
--monster-theme-off-color: var(--monster-theme-text-secondary);
|
|
436
436
|
--monster-theme-off-bg-color: var(--monster-theme-surface-strong);
|
|
437
437
|
--monster-color-gradient-1: #833ab4;
|
|
@@ -27,7 +27,7 @@ try {
|
|
|
27
27
|
@layer button {
|
|
28
28
|
button{background-color:var(
|
|
29
29
|
--monster-button-background-color,var(--monster-bg-color-primary-1)
|
|
30
|
-
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
30
|
+
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
31
31
|
--monster-button-border-radius,var(--monster-border-radius)
|
|
32
32
|
);border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
33
33
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
@@ -43,7 +43,7 @@ button{background-color:var(
|
|
|
43
43
|
--monster-button-background-color,var(--monster-bg-color-secondary-4)
|
|
44
44
|
);border-color:var(
|
|
45
45
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
46
|
-
)}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
46
|
+
)}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
47
47
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
48
48
|
);padding:var(
|
|
49
49
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -59,7 +59,7 @@ button{background-color:var(
|
|
|
59
59
|
--monster-button-background-color,var(--monster-bg-color-destructive-1)
|
|
60
60
|
);border-color:var(
|
|
61
61
|
--monster-button-border-color,var(--monster-bg-color-destructive-1)
|
|
62
|
-
)}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
62
|
+
)}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
63
63
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
64
64
|
);padding:var(
|
|
65
65
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -75,7 +75,7 @@ button{background-color:var(
|
|
|
75
75
|
--monster-button-background-color,var(--monster-color-secondary-4)
|
|
76
76
|
);border-color:var(
|
|
77
77
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
78
|
-
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
78
|
+
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
79
79
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
80
80
|
);padding:var(
|
|
81
81
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -25,7 +25,9 @@ try {
|
|
|
25
25
|
FormStyleSheet.insertRule(
|
|
26
26
|
`
|
|
27
27
|
@layer form {
|
|
28
|
-
input,meter,progress,select,textarea{accent-color:var(
|
|
28
|
+
input,meter,progress,select,textarea{accent-color:var(
|
|
29
|
+
--monster-theme-accent,var(--monster-color-secondary-2)
|
|
30
|
+
);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
|
|
29
31
|
}`,
|
|
30
32
|
0,
|
|
31
33
|
);
|
|
@@ -93,11 +93,11 @@ try {
|
|
|
93
93
|
--monster-theme-secondary
|
|
94
94
|
);--monster-split-panel-handle-active-background-color:var(
|
|
95
95
|
--monster-theme-accent
|
|
96
|
-
);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-
|
|
96
|
+
);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-accent);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-accent);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-accent);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
|
|
97
97
|
--monster-control-min-block-size
|
|
98
98
|
);--monster-tabs-overflow-switch-padding:0.625rem;--monster-tabs-overflow-switch-border-width:0;--monster-tabs-overflow-switch-border-color:transparent;--monster-tabs-overflow-switch-background-color:transparent;--monster-tabs-overflow-switch-hover-background-color:var(
|
|
99
99
|
--monster-theme-surface-subtle
|
|
100
|
-
);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-
|
|
100
|
+
);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-accent);--monster-theme-off-color:var(--monster-theme-text-secondary);--monster-theme-off-bg-color:var(--monster-theme-surface-strong);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-space-0:0;--monster-space-1:0.25rem;--monster-space-2:0.5rem;--monster-space-3:0.75rem;--monster-space-4:1rem;--monster-space-5:1.5rem;--monster-space-6:2rem;--monster-space-7:3rem}@media (prefers-color-scheme:dark){:root[data-monster-theme-name=modern]{--monster-theme-surface-canvas:#161512;--monster-theme-surface:#1e1d1a;--monster-theme-surface-subtle:#282622;--monster-theme-surface-strong:#34312c;--monster-theme-text:#f4f0e8;--monster-theme-text-secondary:#d2ccc0;--monster-theme-text-muted:#aaa397;--monster-theme-border:#777065;--monster-theme-border-strong:#9c9385;--monster-theme-accent:#eee7dc;--monster-theme-accent-hover:#fff;--monster-theme-accent-subtle:#39352f;--monster-theme-secondary:#d2ccc0;--monster-theme-secondary-subtle:#302d29;--monster-theme-secondary-strong:#e5dfd5;--monster-theme-tertiary:#72cbb0;--monster-theme-tertiary-subtle:#183930;--monster-theme-on-accent:#201e1a;--monster-theme-focus-ring:#72cbb0;--monster-theme-selection:#24483e;--monster-theme-success:#72cf96;--monster-theme-success-subtle:#183a28;--monster-theme-warning:#f0c94f;--monster-theme-warning-subtle:#413615;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#f28ba0;--monster-theme-error-subtle:#481e29;--monster-theme-info:#b1a1ef;--monster-theme-info-subtle:#31294a;--monster-theme-disabled:#a49d91;--monster-theme-disabled-surface:#37342f;--monster-box-shadow-2:0 2px 0 rgba(0,0,0,.45);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}
|
|
101
101
|
}`,
|
|
102
102
|
0,
|
|
103
103
|
);
|
|
@@ -27,7 +27,7 @@ try {
|
|
|
27
27
|
@layer day {
|
|
28
28
|
[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button{background-color:var(
|
|
29
29
|
--monster-button-background-color,var(--monster-bg-color-primary-1)
|
|
30
|
-
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
30
|
+
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
31
31
|
--monster-button-border-radius,var(--monster-border-radius)
|
|
32
32
|
);border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
33
33
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
@@ -43,7 +43,7 @@ try {
|
|
|
43
43
|
--monster-button-background-color,var(--monster-bg-color-secondary-4)
|
|
44
44
|
);border-color:var(
|
|
45
45
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
46
|
-
)}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
46
|
+
)}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
47
47
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
48
48
|
);padding:var(
|
|
49
49
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -59,7 +59,7 @@ try {
|
|
|
59
59
|
--monster-button-background-color,var(--monster-bg-color-destructive-1)
|
|
60
60
|
);border-color:var(
|
|
61
61
|
--monster-button-border-color,var(--monster-bg-color-destructive-1)
|
|
62
|
-
)}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
62
|
+
)}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
63
63
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
64
64
|
);padding:var(
|
|
65
65
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -75,7 +75,7 @@ try {
|
|
|
75
75
|
--monster-button-background-color,var(--monster-color-secondary-4)
|
|
76
76
|
);border-color:var(
|
|
77
77
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
78
|
-
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
78
|
+
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
79
79
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
80
80
|
);padding:var(
|
|
81
81
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -27,7 +27,7 @@ try {
|
|
|
27
27
|
@layer monthcalendar {
|
|
28
28
|
[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}button{background-color:var(
|
|
29
29
|
--monster-button-background-color,var(--monster-bg-color-primary-1)
|
|
30
|
-
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
30
|
+
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
31
31
|
--monster-button-border-radius,var(--monster-border-radius)
|
|
32
32
|
);border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
33
33
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
@@ -43,7 +43,7 @@ try {
|
|
|
43
43
|
--monster-button-background-color,var(--monster-bg-color-secondary-4)
|
|
44
44
|
);border-color:var(
|
|
45
45
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
46
|
-
)}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
46
|
+
)}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
47
47
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
48
48
|
);padding:var(
|
|
49
49
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -59,7 +59,7 @@ try {
|
|
|
59
59
|
--monster-button-background-color,var(--monster-bg-color-destructive-1)
|
|
60
60
|
);border-color:var(
|
|
61
61
|
--monster-button-border-color,var(--monster-bg-color-destructive-1)
|
|
62
|
-
)}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
62
|
+
)}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
63
63
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
64
64
|
);padding:var(
|
|
65
65
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -75,7 +75,7 @@ try {
|
|
|
75
75
|
--monster-button-background-color,var(--monster-color-secondary-4)
|
|
76
76
|
);border-color:var(
|
|
77
77
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
78
|
-
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
78
|
+
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
79
79
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
80
80
|
);padding:var(
|
|
81
81
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -27,7 +27,7 @@ try {
|
|
|
27
27
|
@layer appointment {
|
|
28
28
|
:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}[data-monster-role=control]{width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button{background-color:var(
|
|
29
29
|
--monster-button-background-color,var(--monster-bg-color-primary-1)
|
|
30
|
-
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
30
|
+
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
31
31
|
--monster-button-border-radius,var(--monster-border-radius)
|
|
32
32
|
);border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
33
33
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
@@ -43,7 +43,7 @@ try {
|
|
|
43
43
|
--monster-button-background-color,var(--monster-bg-color-secondary-4)
|
|
44
44
|
);border-color:var(
|
|
45
45
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
46
|
-
)}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
46
|
+
)}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
47
47
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
48
48
|
);padding:var(
|
|
49
49
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -59,7 +59,7 @@ try {
|
|
|
59
59
|
--monster-button-background-color,var(--monster-bg-color-destructive-1)
|
|
60
60
|
);border-color:var(
|
|
61
61
|
--monster-button-border-color,var(--monster-bg-color-destructive-1)
|
|
62
|
-
)}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
62
|
+
)}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
63
63
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
64
64
|
);padding:var(
|
|
65
65
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -75,7 +75,7 @@ try {
|
|
|
75
75
|
--monster-button-background-color,var(--monster-color-secondary-4)
|
|
76
76
|
);border-color:var(
|
|
77
77
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
78
|
-
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
78
|
+
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
79
79
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
80
80
|
);padding:var(
|
|
81
81
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -27,7 +27,7 @@ try {
|
|
|
27
27
|
@layer segment {
|
|
28
28
|
:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}[data-monster-role=control]{width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button{background-color:var(
|
|
29
29
|
--monster-button-background-color,var(--monster-bg-color-primary-1)
|
|
30
|
-
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
30
|
+
);color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
|
|
31
31
|
--monster-button-border-radius,var(--monster-border-radius)
|
|
32
32
|
);border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
33
33
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
@@ -43,7 +43,7 @@ try {
|
|
|
43
43
|
--monster-button-background-color,var(--monster-bg-color-secondary-4)
|
|
44
44
|
);border-color:var(
|
|
45
45
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
46
|
-
)}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
46
|
+
)}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
47
47
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
48
48
|
);padding:var(
|
|
49
49
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -59,7 +59,7 @@ try {
|
|
|
59
59
|
--monster-button-background-color,var(--monster-bg-color-destructive-1)
|
|
60
60
|
);border-color:var(
|
|
61
61
|
--monster-button-border-color,var(--monster-bg-color-destructive-1)
|
|
62
|
-
)}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
62
|
+
)}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
63
63
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
64
64
|
);padding:var(
|
|
65
65
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -75,7 +75,7 @@ try {
|
|
|
75
75
|
--monster-button-background-color,var(--monster-color-secondary-4)
|
|
76
76
|
);border-color:var(
|
|
77
77
|
--monster-button-border-color,var(--monster-bg-color-secondary-4)
|
|
78
|
-
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
78
|
+
)}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
|
|
79
79
|
--monster-button-min-block-size,var(--monster-control-min-block-size,auto)
|
|
80
80
|
);padding:var(
|
|
81
81
|
--monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
|
|
@@ -13,7 +13,18 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
[data-monster-role=entry].selected:not([data-monster-state=open]) {
|
|
16
|
-
background-color: var(
|
|
16
|
+
background-color: var(
|
|
17
|
+
--monster-theme-accent-subtle,
|
|
18
|
+
var(--monster-bg-color-secondary-2)
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
[data-monster-role=entry].selected:not([data-monster-state=open])
|
|
23
|
+
[data-monster-role="button"] {
|
|
24
|
+
color: var(
|
|
25
|
+
--monster-theme-accent,
|
|
26
|
+
var(--monster-color-secondary-1)
|
|
27
|
+
);
|
|
17
28
|
}
|
|
18
29
|
|
|
19
30
|
[data-monster-role=entry]:hover {
|