@morze/ui 0.2.11 → 0.3.1
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/README.md +188 -22
- package/dist/form/index.cjs +128 -0
- package/dist/form/index.cjs.map +1 -0
- package/dist/form/index.d.cts +58 -0
- package/dist/form/index.d.ts +58 -0
- package/dist/form/index.js +99 -0
- package/dist/form/index.js.map +1 -0
- package/dist/index.cjs +1652 -168
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +346 -8
- package/dist/index.d.ts +346 -8
- package/dist/index.js +1583 -169
- package/dist/index.js.map +1 -1
- package/dist/label-Bf37KoRc.d.cts +6 -0
- package/dist/label-Bf37KoRc.d.ts +6 -0
- package/dist/locales/en.cjs +10 -1
- package/dist/locales/en.cjs.map +1 -1
- package/dist/locales/en.d.cts +4 -2
- package/dist/locales/en.d.ts +4 -2
- package/dist/locales/en.js +10 -2
- package/dist/locales/en.js.map +1 -1
- package/dist/locales/ru.cjs +10 -1
- package/dist/locales/ru.cjs.map +1 -1
- package/dist/locales/ru.d.cts +4 -2
- package/dist/locales/ru.d.ts +4 -2
- package/dist/locales/ru.js +10 -2
- package/dist/locales/ru.js.map +1 -1
- package/dist/morze-ui-tokens.css +1 -1
- package/dist/morze-ui.css +1 -1
- package/dist/types-B3pfG-Kz.d.cts +164 -0
- package/dist/types-B3pfG-Kz.d.ts +164 -0
- package/package.json +15 -3
- package/dist/types-B8jz2FF9.d.cts +0 -75
- package/dist/types-B8jz2FF9.d.ts +0 -75
package/dist/morze-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[data-mz-theme=dark],.mz-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mz-tint:rgb(var(--mz-primary-rgb));--mz-tint-strength:3.5%;--mz-bg:color-mix(in srgb, #0a0a12, var(--mz-tint) var(--mz-tint-strength));--mz-bg-rgb:15, 15, 26;--mz-bg-2:color-mix(in srgb, #0e0e18, var(--mz-tint) var(--mz-tint-strength));--mz-surface:color-mix(in srgb, #12121c, var(--mz-tint) var(--mz-tint-strength));--mz-surface-rgb:22, 22, 35;--mz-surface-2:color-mix(in srgb, #171723, var(--mz-tint) var(--mz-tint-strength));--mz-elevated:color-mix(in srgb, #1c1c2b, var(--mz-tint) var(--mz-tint-strength));--mz-elevated-rgb:31, 31, 48;--mz-ink:color-mix(in srgb, #fff 80%, var(--mz-tint));--mz-shade:#03030a;--mz-border:color-mix(in srgb, var(--mz-ink) 13%, transparent);--mz-border-strong:color-mix(in srgb, var(--mz-ink) 24%, transparent);--mz-text:color-mix(in srgb, #f2f2f2 92%, var(--mz-tint));--mz-text-rgb:235, 235, 242;--mz-text-dim:color-mix(in srgb, #a6a6a6 86%, var(--mz-tint));--mz-text-muted:color-mix(in srgb, gray 88%, var(--mz-tint));--mz-primary-rgb:168, 124, 248;--mz-accent-rgb:52, 211, 153;--mz-danger-rgb:255, 100, 130;--mz-warning-rgb:251, 191, 36;--mz-info-rgb:56, 189, 248;--mz-success-rgb:52, 211, 153;--mz-primary:rgb(var(--mz-primary-rgb));--mz-primary-fg:#fff;--mz-primary-soft:rgba(var(--mz-primary-rgb), .14);--mz-primary-glow:rgba(var(--mz-primary-rgb), .45);--mz-convex-hairline:color-mix(in srgb, var(--mz-ink) 20%, transparent);--mz-convex-top:color-mix(in srgb, var(--mz-ink) 38%, transparent);--mz-convex-bottom:color-mix(in srgb, var(--mz-shade) 22%, transparent);--mz-convex-text-shadow:none;--mz-face:linear-gradient(180deg, color-mix(in srgb, var(--mz-ink) 8%, transparent) 0%, color-mix(in srgb, var(--mz-ink) 2%, transparent) 100%);--mz-face-hover:linear-gradient(180deg, color-mix(in srgb, var(--mz-ink) 12%, transparent) 0%, color-mix(in srgb, var(--mz-ink) 4%, transparent) 100%);--mz-face-fill:color-mix(in srgb, var(--mz-ink) 2.5%, transparent);--mz-face-fill-hover:color-mix(in srgb, var(--mz-ink) 7%, transparent);--mz-face-sheen:linear-gradient(180deg, color-mix(in srgb, var(--mz-ink) 6%, transparent) 0%, transparent 100%);--mz-face-top:color-mix(in srgb, var(--mz-ink) 11%, transparent);--mz-face-bottom:color-mix(in srgb, var(--mz-shade) 38%, transparent);--mz-cap:color-mix(in srgb, #d9d9e4, var(--mz-tint) var(--mz-tint-strength));--mz-cap-edge:var(--mz-convex-hairline);--mz-well:linear-gradient(180deg, color-mix(in srgb, var(--mz-ink) 4%, transparent) 0%, color-mix(in srgb, var(--mz-ink) 7%, transparent) 100%);--mz-well-inset:inset 0 1px 2px color-mix(in srgb, var(--mz-shade) 30%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--mz-ink) 6%, transparent);--mz-glass:color-mix(in srgb, var(--mz-elevated) 85%, transparent);--mz-glass-chrome:color-mix(in srgb, var(--mz-surface-2) 80%, transparent);--mz-glass-well:color-mix(in srgb, var(--mz-surface-2) 80%, transparent);--mz-glass-filter:blur(20px) saturate(1.4);--mz-glass-sheen:linear-gradient(180deg, color-mix(in srgb, var(--mz-ink) 7%, transparent) 0%, transparent 55%);--mz-glass-edge:color-mix(in srgb, var(--mz-ink) 7%, transparent);--mz-halo:rgba(var(--mz-primary-rgb), .1);--mz-overlay:#080811bd;--mz-shadow-1:0 1px 2px color-mix(in srgb, var(--mz-shade) 45%, transparent);--mz-shadow-2:0 8px 24px -12px color-mix(in srgb, var(--mz-shade) 75%, transparent);--mz-shadow-3:0 24px 64px -24px color-mix(in srgb, var(--mz-shade) 90%, transparent)}[data-mz-theme=light],.mz-theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mz-tint:rgb(var(--mz-primary-rgb));--mz-tint-strength:5%;--mz-bg:color-mix(in srgb, #f2f2f5, var(--mz-tint) var(--mz-tint-strength));--mz-bg-rgb:237, 237, 245;--mz-bg-2:#fff;--mz-surface:#fff;--mz-surface-rgb:255, 255, 255;--mz-surface-2:color-mix(in srgb, #f6f6f9, var(--mz-tint) 4%);--mz-elevated:#fff;--mz-elevated-rgb:255, 255, 255;--mz-ink:color-mix(in srgb, #15152b 82%, var(--mz-tint));--mz-shade:var(--mz-ink);--mz-border:color-mix(in srgb, var(--mz-ink) 15%, transparent);--mz-border-strong:color-mix(in srgb, var(--mz-ink) 32%, transparent);--mz-text:color-mix(in srgb, #141414 92%, var(--mz-tint));--mz-text-rgb:30, 30, 38;--mz-text-dim:color-mix(in srgb, #545454 88%, var(--mz-tint));--mz-text-muted:color-mix(in srgb, #7c7c7c 90%, var(--mz-tint));--mz-primary-rgb:124, 74, 232;--mz-accent-rgb:16, 175, 122;--mz-danger-rgb:226, 60, 92;--mz-warning-rgb:202, 138, 4;--mz-info-rgb:14, 145, 214;--mz-success-rgb:16, 175, 122;--mz-convex-hairline:#fff6;--mz-convex-top:#ffffff73;--mz-convex-bottom:color-mix(in srgb, var(--mz-shade) 18%, transparent);--mz-convex-text-shadow:none;--mz-face:linear-gradient(180deg, #fff 0%, color-mix(in srgb, #f4f4f8, var(--mz-tint) var(--mz-tint-strength)) 100%);--mz-face-hover:linear-gradient(180deg, #fff 0%, color-mix(in srgb, #ececf2, var(--mz-tint) var(--mz-tint-strength)) 100%);--mz-face-fill:color-mix(in srgb, #f4f4f8, var(--mz-tint) var(--mz-tint-strength));--mz-face-fill-hover:color-mix(in srgb, #ececf2, var(--mz-tint) var(--mz-tint-strength));--mz-face-sheen:linear-gradient(180deg, #fff 0%, #fff0 100%);--mz-face-top:#ffffffe6;--mz-face-bottom:color-mix(in srgb, var(--mz-shade) 13%, transparent);--mz-cap:color-mix(in srgb, #d4d4e0, var(--mz-tint) var(--mz-tint-strength));--mz-cap-edge:color-mix(in srgb, var(--mz-ink) 36%, transparent);--mz-well:linear-gradient(180deg, color-mix(in srgb, var(--mz-ink) 5.5%, transparent) 0%, color-mix(in srgb, var(--mz-ink) 2.5%, transparent) 100%);--mz-well-inset:inset 0 1px 2px color-mix(in srgb, var(--mz-shade) 14%, transparent), inset 0 -1px 0 #fffc;--mz-glass:color-mix(in srgb, var(--mz-elevated) 78%, transparent);--mz-glass-chrome:color-mix(in srgb, var(--mz-surface-2) 70%, transparent);--mz-glass-well:color-mix(in srgb, color-mix(in srgb, #e9e9f1, var(--mz-tint) var(--mz-tint-strength)) 76%, transparent);--mz-glass-filter:blur(20px) saturate(1.15);--mz-glass-sheen:linear-gradient(180deg, #ffffffa6 0%, #fff0 55%);--mz-glass-edge:#ffffff8c;--mz-halo:rgba(var(--mz-primary-rgb), .06);--mz-overlay:color-mix(in srgb, var(--mz-shade) 38%, transparent);--mz-shadow-1:0 1px 2px color-mix(in srgb, var(--mz-shade) 10%, transparent);--mz-shadow-2:0 8px 24px -12px color-mix(in srgb, var(--mz-shade) 26%, transparent);--mz-shadow-3:0 24px 64px -24px color-mix(in srgb, var(--mz-shade) 40%, transparent)}:root{--mz-font-sans:"Golos Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mz-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--mz-font-display:inherit;--mz-line:1.45;--mz-label-font:inherit;--mz-label-transform:none;--mz-label-tracking:0;--mz-label-weight:500;--mz-radius:8px;--mz-radius-sm:6px;--mz-radius-lg:12px;--mz-radius-xl:14px;--mz-radius-pill:999px;--mz-radius-control:var(--mz-radius);--mz-ease:cubic-bezier(.2, .7, .2, 1);--mz-duration:.28s;--mz-hover-scale:1.02;--mz-press-scale:.98;--mz-hover-mix:88%;--mz-press-mix:80%;--mz-fill-sheen:linear-gradient(135deg, #ffffff12 0%, #00000024 100%);--mz-ring-width:2px;--mz-ring-offset:2px}@media (prefers-reduced-transparency:reduce){:root,[data-mz-theme],.mz-theme-dark,.mz-theme-light{--mz-glass:var(--mz-elevated);--mz-glass-chrome:var(--mz-surface-2);--mz-glass-well:var(--mz-surface-2);--mz-glass-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root,[data-mz-theme],.mz-theme-dark,.mz-theme-light{--mz-glass:var(--mz-elevated);--mz-glass-chrome:var(--mz-surface-2);--mz-glass-well:var(--mz-surface-2)}}[class^=mz-],[class*=\ mz-]{box-sizing:border-box;font-family:inherit}:where([class^=mz-],[class*=\ mz-]):is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote,pre){margin:0}:where([class^=mz-],[class*=\ mz-]){line-height:var(--mz-line)}[class^=mz-]:before,[class^=mz-]:after,[class*=\ mz-]:before,[class*=\ mz-]:after{box-sizing:border-box}.mz-root{background-color:var(--mz-bg);background-image:radial-gradient(1100px 520px at 50% -140px, var(--mz-halo), transparent 62%);color:var(--mz-text);font-family:var(--mz-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-attachment:fixed}:where(.mz-btn,.mz-badge,.mz-toggle,.mz-toggle-group,.mz-checkbox,.mz-radio,.mz-switch,.mz-slider,.mz-tabs-list,.mz-progress,.mz-alert,.mz-input,.mz-textarea,.mz-select-trigger,.mz-item,.mz-tooltip-content,.mz-accordion-trigger__icon,.mz-sidebar__menu-button,.mz-avatar){--mz-tone-rgb:var(--mz-primary-rgb);--mz-fill:rgb(var(--mz-tone-rgb));--mz-fill-hover:color-mix(in srgb, rgb(var(--mz-tone-rgb)) var(--mz-hover-mix), #000);--mz-fill-press:color-mix(in srgb, rgb(var(--mz-tone-rgb)) var(--mz-press-mix), #000)}.mz-focusable:focus-visible{outline:var(--mz-ring-width) solid rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .9);outline-offset:var(--mz-ring-offset)}[class^=mz-]:disabled,[class*=\ mz-]:disabled,[class^=mz-][data-disabled],[class*=\ mz-][data-disabled]{pointer-events:none;opacity:.5}.mz-panel{background-color:var(--mz-glass);background-image:var(--mz-glass-sheen);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-3), inset 0 1px 0 var(--mz-face-top);color:var(--mz-text)}@keyframes mz-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mz-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mz-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:none}}@keyframes mz-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.96)}}@keyframes mz-spin{to{transform:rotate(360deg)}}@keyframes mz-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){[class^=mz-],[class*=\ mz-],[class^=mz-]:before,[class^=mz-]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[class^=mz-]:hover,[class*=\ mz-]:hover{transform:none!important}}.mz-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mz-btn{isolation:isolate;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--mz-radius-control);font-family:var(--mz-label-font);font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);transition:transform var(--mz-duration) var(--mz-ease), background var(--mz-duration) ease, box-shadow var(--mz-duration) ease, border-color var(--mz-duration) ease, color var(--mz-duration) ease;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.6em;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mz-btn>*{z-index:2;position:relative}.mz-btn>svg{pointer-events:none;flex-shrink:0;width:1.15em;height:1.15em}.mz-btn:disabled,.mz-btn[data-disabled],.mz-btn[aria-disabled=true]{pointer-events:none;opacity:.5}.mz-btn--xs{border-radius:var(--mz-radius-sm);gap:.4em;height:28px;padding:0 12px;font-size:12px}.mz-btn--sm{height:34px;padding:0 16px;font-size:13px}.mz-btn--md{height:40px;padding:0 20px;font-size:14px}.mz-btn--lg{height:48px;padding:0 24px;font-size:15px}.mz-btn--icon-xs{border-radius:var(--mz-radius-sm);width:28px;height:28px;padding:0}.mz-btn--icon-sm{width:34px;height:34px;padding:0}.mz-btn--icon{width:40px;height:40px;padding:0}.mz-btn--icon-lg{width:48px;height:48px;padding:0}.mz-btn--primary{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -4px rgba(var(--mz-tone-rgb), .4), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-btn--primary:hover{transform:scale(var(--mz-hover-scale));background-color:var(--mz-fill-hover);box-shadow:0 4px 12px -4px rgba(var(--mz-tone-rgb), .5), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-btn--primary:active{transform:scale(var(--mz-press-scale));background-color:var(--mz-fill-press)}.mz-btn--secondary{background-color:var(--mz-face-fill);background-image:var(--mz-face-sheen);color:var(--mz-text);border-color:var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 2px 6px -2px var(--mz-face-bottom)}.mz-btn--secondary:hover{transform:scale(var(--mz-hover-scale));background-color:var(--mz-face-fill-hover)}.mz-btn--secondary:active{transform:scale(var(--mz-press-scale))}.mz-btn--outline{background:color-mix(in srgb, var(--mz-surface) 65%, transparent);color:var(--mz-text);border-color:rgba(var(--mz-text-rgb), .16);-webkit-backdrop-filter:blur(8px)}.mz-btn--outline:before{content:"";background:rgba(var(--mz-text-rgb), .05);opacity:0;transition:opacity var(--mz-duration) ease;z-index:1;position:absolute;inset:0}.mz-btn--outline:hover{transform:scale(var(--mz-hover-scale));color:rgb(var(--mz-tone-rgb));border-color:rgb(var(--mz-tone-rgb))}.mz-btn--outline:hover:before{opacity:1}.mz-btn--outline:active{transform:scale(var(--mz-press-scale))}.mz-btn--ghost{color:var(--mz-text-dim);background:0 0;border-color:#0000}.mz-btn--ghost:hover{background:rgba(var(--mz-text-rgb), .06);color:var(--mz-text);border-color:var(--mz-border);box-shadow:inset 0 1px 0 var(--mz-face-top)}.mz-btn--ghost:active{background:rgba(var(--mz-text-rgb), .1)}.mz-btn--destructive{--mz-tone-rgb:var(--mz-danger-rgb);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -4px rgba(var(--mz-tone-rgb), .4), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-btn--destructive:hover{transform:scale(var(--mz-hover-scale));background-color:var(--mz-fill-hover);box-shadow:0 4px 12px -4px rgba(var(--mz-tone-rgb), .5), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-btn--destructive:active{transform:scale(var(--mz-press-scale));background-color:var(--mz-fill-press)}.mz-btn--link{height:auto;color:rgb(var(--mz-tone-rgb));text-transform:none;letter-spacing:normal;text-underline-offset:4px;transition:color var(--mz-duration) ease, text-decoration-color var(--mz-duration) ease;background:0 0;border:none;padding:0;font-family:inherit;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;overflow:visible}.mz-btn--link:hover{text-decoration-color:currentColor}.mz-btn[data-loading=true]{pointer-events:none;color:#0000;text-shadow:none}.mz-btn[data-loading=true]>:not(.mz-btn__spinner){opacity:0}.mz-btn__spinner{z-index:3;visibility:visible;place-items:center;display:grid;position:absolute;inset:0}.mz-btn__spinner svg{width:1.2em;height:1.2em;animation:.8s linear infinite mz-spin}.mz-btn--primary .mz-btn__spinner,.mz-btn--destructive .mz-btn__spinner{color:#fff}.mz-btn--secondary .mz-btn__spinner,.mz-btn--outline .mz-btn__spinner,.mz-btn--ghost .mz-btn__spinner{color:var(--mz-text)}.mz-checkbox{cursor:pointer;background:var(--mz-face);border:1px solid var(--mz-border-strong);width:18px;height:18px;box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom);color:#fff;transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);border-radius:5px;flex-shrink:0;place-content:center;padding:0;display:inline-grid;position:relative}.mz-checkbox:hover{border-color:rgba(var(--mz-tone-rgb), .5)}.mz-checkbox:active{transform:scale(.94)}.mz-checkbox[data-state=checked],.mz-checkbox[data-state=indeterminate]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -5px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-checkbox__indicator{color:currentColor;place-content:center;display:grid}.mz-checkbox__indicator svg{width:12px;height:12px;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--mz-shade) 35%, transparent))}.mz-checkbox__dash,.mz-checkbox[data-state=indeterminate] .mz-checkbox__check{display:none}.mz-checkbox[data-state=indeterminate] .mz-checkbox__dash{display:block}.mz-checkbox[data-state=checked] .mz-checkbox__indicator{animation:mz-pop-in .18s var(--mz-ease)}.mz-checkbox--sm{border-radius:4px;width:15px;height:15px}.mz-checkbox--sm .mz-checkbox__indicator svg{width:10px;height:10px}.mz-checkbox--lg{border-radius:6px;width:22px;height:22px}.mz-checkbox--lg .mz-checkbox__indicator svg{width:16px;height:16px}.mz-radio-group{gap:12px;display:grid}.mz-radio-group[data-orientation=horizontal]{grid-auto-columns:max-content;grid-auto-flow:column;gap:20px}.mz-radio{cursor:pointer;border-radius:var(--mz-radius-pill);background:var(--mz-face);border:1px solid var(--mz-border-strong);width:18px;height:18px;box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom);transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);flex-shrink:0;place-content:center;padding:0;display:inline-grid;position:relative}.mz-radio:hover{border-color:rgba(var(--mz-tone-rgb), .5)}.mz-radio:active{transform:scale(.94)}.mz-radio[data-state=checked]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -5px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-radio__indicator{place-content:center;display:grid}.mz-radio__indicator:after{content:"";border-radius:var(--mz-radius-pill);width:6px;height:6px;box-shadow:0 1px 2px color-mix(in srgb, var(--mz-shade) 35%, transparent), 0 0 8px #fff9;animation:mz-pop-in .18s var(--mz-ease);background:#fff}.mz-switch{--mz-switch-h:24px;--mz-switch-w:44px;width:var(--mz-switch-w);height:var(--mz-switch-h);cursor:pointer;border-radius:var(--mz-radius-sm);background:var(--mz-well);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-well-inset);transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);flex-shrink:0;align-items:center;padding:2px;display:inline-flex;position:relative}.mz-switch--sm{--mz-switch-h:20px;--mz-switch-w:36px;border-radius:5px}.mz-switch--lg{--mz-switch-h:30px;--mz-switch-w:54px;border-radius:8px}.mz-switch[data-state=checked]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:0 4px 12px -6px rgba(var(--mz-tone-rgb), .75), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-switch__thumb{width:calc(var(--mz-switch-h) - 8px);height:calc(var(--mz-switch-h) - 8px);background:linear-gradient(180deg, #fff 0%, var(--mz-cap) 100%);box-shadow:0 2px 6px color-mix(in srgb, var(--mz-shade) 45%, transparent), inset 0 1px 0 #ffffffe6, inset 0 -1px 0 color-mix(in srgb, var(--mz-shade) 14%, transparent);transition:transform var(--mz-duration) var(--mz-ease);will-change:transform;border-radius:4px;display:block;transform:translate(0)}.mz-switch[data-state=checked] .mz-switch__thumb{transform:translateX(calc(var(--mz-switch-w) - var(--mz-switch-h) + 2px))}.mz-switch:active{transform:scale(var(--mz-press-scale))}.mz-toggle{cursor:pointer;white-space:nowrap;border-radius:var(--mz-radius-control);color:var(--mz-text-dim);font-family:var(--mz-label-font);font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);transition:background var(--mz-duration) ease, color var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.5em;display:inline-flex;position:relative}.mz-toggle>svg{pointer-events:none;flex-shrink:0;width:1.15em;height:1.15em}.mz-toggle--sm{min-width:34px;height:34px;padding:0 12px;font-size:13px}.mz-toggle--md{min-width:40px;height:40px;padding:0 14px;font-size:14px}.mz-toggle--lg{min-width:48px;height:48px;padding:0 20px;font-size:15px}.mz-toggle--outline{background-color:var(--mz-face-fill);background-image:var(--mz-face-sheen);border-color:var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom)}.mz-toggle:hover{color:var(--mz-text);background-color:var(--mz-face-fill-hover);background-image:var(--mz-face-sheen);border-color:var(--mz-border-strong)}.mz-toggle[data-state=on]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-toggle:active{transform:scale(var(--mz-press-scale))}.mz-toggle-group{align-items:center;gap:var(--mz-toggle-group-gap,0px);width:fit-content;display:inline-flex}.mz-toggle-group[data-orientation=vertical]{flex-direction:column}.mz-toggle-group--segmented{border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border);box-shadow:var(--mz-well-inset);padding:4px}.mz-toggle-group--segmented .mz-toggle{border-radius:var(--mz-radius-sm);box-shadow:none;background:0 0;border-color:#0000}.mz-toggle-group--segmented .mz-toggle:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-toggle-group--segmented .mz-toggle[data-state=on]{border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-toggle-group--joined .mz-toggle{background-color:var(--mz-face-fill);background-image:var(--mz-face-sheen);border-color:var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top);border-radius:0;margin-left:-1px}.mz-toggle-group--joined .mz-toggle:hover{background-color:var(--mz-face-fill-hover);background-image:var(--mz-face-sheen);color:var(--mz-text)}.mz-toggle[data-state=on]:hover,.mz-toggle-group--segmented .mz-toggle[data-state=on]:hover,.mz-toggle-group--joined .mz-toggle[data-state=on]:hover{color:#fff;text-shadow:var(--mz-convex-text-shadow)}.mz-toggle-group--joined .mz-toggle:first-child{border-top-left-radius:var(--mz-radius);border-bottom-left-radius:var(--mz-radius);margin-left:0}.mz-toggle-group--joined .mz-toggle:last-child{border-top-right-radius:var(--mz-radius);border-bottom-right-radius:var(--mz-radius)}.mz-toggle-group--joined .mz-toggle[data-state=on]{z-index:1;color:#fff;border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.mz-slider[data-orientation=vertical]{flex-direction:column;width:auto;height:100%;min-height:160px}.mz-slider[data-disabled]{opacity:.5}.mz-slider__track{background:var(--mz-well);border:1px solid var(--mz-border);box-shadow:var(--mz-well-inset);border-radius:4px;flex-grow:1;position:relative;overflow:hidden}.mz-slider[data-orientation=horizontal] .mz-slider__track{width:100%;height:8px}.mz-slider[data-orientation=vertical] .mz-slider__track{width:8px;height:100%}.mz-slider__range{background:linear-gradient(90deg, rgba(var(--mz-tone-rgb), .85) 0%, rgb(var(--mz-tone-rgb)) 100%);box-shadow:0 0 14px rgba(var(--mz-tone-rgb), .55), inset 0 1px 0 var(--mz-convex-top);position:absolute}.mz-slider[data-orientation=horizontal] .mz-slider__range{height:100%}.mz-slider[data-orientation=vertical] .mz-slider__range{width:100%}.mz-slider__thumb{background:linear-gradient(180deg, #fff 0%, var(--mz-cap) 100%);border:1px solid var(--mz-cap-edge);width:16px;height:20px;box-shadow:0 4px 12px -2px color-mix(in srgb, var(--mz-shade) 50%, transparent), inset 0 1px 0 #fffffff2;cursor:grab;transition:box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);border-radius:5px;display:block;position:relative}.mz-slider__thumb:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--mz-shade) 6%, transparent);opacity:0;transition:opacity var(--mz-duration) ease;position:absolute;inset:0}.mz-slider__thumb:hover:after{opacity:1}.mz-slider__thumb:active{cursor:grabbing;outline:none;transform:scale(1.06)}.mz-checkbox[data-state=checked]:hover,.mz-checkbox[data-state=indeterminate]:hover,.mz-radio[data-state=checked]:hover,.mz-switch[data-state=checked]:hover,.mz-toggle[data-state=on]:hover,.mz-toggle-group--segmented .mz-toggle[data-state=on]:hover,.mz-toggle-group--joined .mz-toggle[data-state=on]:hover{background-color:var(--mz-fill-hover)}.mz-label{color:var(--mz-text-dim);-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.mz-label[data-disabled]{opacity:.5}.mz-label:has(+:disabled){opacity:.5}.mz-field{flex-direction:column;gap:8px;display:flex}.mz-field__hint{color:var(--mz-text-muted);font-size:12px}.mz-field__error{color:rgb(var(--mz-danger-rgb));font-size:12px}.mz-input,.mz-textarea{width:100%;min-width:0;height:40px;color:var(--mz-text);border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-well-inset);transition:border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, background var(--mz-duration) ease;outline:none;padding:0 12px;font-family:inherit;font-size:14px;display:flex}.mz-textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px;line-height:1.5}.mz-input::placeholder,.mz-textarea::placeholder{color:var(--mz-text-muted)}.mz-input:hover,.mz-textarea:hover{border-color:rgba(var(--mz-text-rgb), .24)}.mz-input:focus-visible,.mz-textarea:focus-visible{border-color:rgba(var(--mz-tone-rgb), .65);box-shadow:var(--mz-well-inset), 0 0 0 3px rgba(var(--mz-tone-rgb), .22), 0 8px 26px -14px rgba(var(--mz-tone-rgb), .45)}.mz-input:disabled,.mz-textarea:disabled{opacity:.5;cursor:not-allowed}.mz-input[aria-invalid=true],.mz-textarea[aria-invalid=true]{--mz-tone-rgb:var(--mz-danger-rgb);border-color:rgba(var(--mz-danger-rgb), .6)}.mz-input--sm{height:34px;padding:0 10px;font-size:13px}.mz-input--lg{height:48px;padding:0 14px;font-size:15px}.mz-input[type=file]{align-items:center;padding-top:9px;font-size:13px}.mz-input[type=file]::file-selector-button{border:1px solid var(--mz-border-strong);border-radius:var(--mz-radius-sm);background:var(--mz-face);box-shadow:inset 0 1px 0 var(--mz-face-top);color:var(--mz-text);font-family:var(--mz-label-font);font-size:13px;font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);cursor:pointer;margin-right:12px;padding:5px 10px}.mz-select-trigger{cursor:pointer;text-align:left;width:100%;height:40px;color:var(--mz-text);white-space:nowrap;border-radius:var(--mz-radius);background-color:var(--mz-face-fill);background-image:var(--mz-face-sheen);border:1px solid var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom);transition:background-color var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 12px;font-family:inherit;font-size:14px;display:flex}.mz-select-trigger--sm{height:34px;font-size:13px}.mz-select-trigger:hover{background-color:var(--mz-face-fill-hover);border-color:rgba(var(--mz-tone-rgb), .45)}.mz-select-trigger:focus-visible,.mz-select-trigger[data-state=open]{border-color:rgba(var(--mz-tone-rgb), .65);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 0 0 3px rgba(var(--mz-tone-rgb), .22), 0 10px 30px -14px rgba(var(--mz-tone-rgb), .45)}.mz-select-trigger[data-placeholder]{color:var(--mz-text-muted)}.mz-select-trigger[data-disabled]{opacity:.5;cursor:not-allowed}.mz-select-trigger__icon{opacity:.6;width:16px;height:16px;transition:transform var(--mz-duration) var(--mz-ease);flex-shrink:0}.mz-select-trigger[data-state=open] .mz-select-trigger__icon{transform:rotate(180deg)}.mz-select-content{z-index:60;min-width:10rem;max-height:var(--radix-select-content-available-height);padding:6px;position:relative;overflow:hidden}.mz-select-content[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-select-content[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-select-content--popper[data-side=bottom]{margin-top:6px}.mz-select-content--popper[data-side=top]{margin-bottom:6px}.mz-select-viewport{padding:0}.mz-select-viewport--popper{width:100%;min-width:var(--radix-select-trigger-width);height:var(--radix-select-trigger-height);scroll-margin:6px}.mz-select-scroll-button{cursor:default;height:22px;color:var(--mz-text-muted);justify-content:center;align-items:center;display:flex}.mz-item{border-radius:var(--mz-radius-sm);width:100%;color:var(--mz-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:8px 10px 8px 30px;font-size:14px;line-height:1.2;transition:background .14s,color .14s,box-shadow .14s;display:flex;position:relative}.mz-item>svg{opacity:.8;flex-shrink:0;width:16px;height:16px}.mz-item--inset{padding-left:30px}.mz-item--plain{padding-left:10px}.mz-item[data-highlighted]{background:linear-gradient(135deg, rgba(var(--mz-tone-rgb), .22) 0%, rgba(var(--mz-tone-rgb), .1) 100%);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px rgba(var(--mz-tone-rgb), .28);color:var(--mz-text)}.mz-item[data-state=checked]{color:rgb(var(--mz-tone-rgb));font-weight:600}.mz-item[data-disabled]{opacity:.45;pointer-events:none}.mz-item--destructive{--mz-tone-rgb:var(--mz-danger-rgb);color:rgb(var(--mz-danger-rgb))}.mz-item__indicator{place-content:center;width:16px;height:16px;display:grid;position:absolute;left:8px}.mz-item__indicator svg{width:14px;height:14px}.mz-menu-label{color:var(--mz-text-muted);padding:8px 10px 6px;font-size:12px;font-weight:600}.mz-menu-label--inset{padding-left:30px}.mz-menu-separator{background:var(--mz-border);height:1px;margin:6px -2px}.mz-menu-shortcut{font-family:var(--mz-font-mono);letter-spacing:.06em;color:var(--mz-text-muted);margin-left:auto;font-size:11px}.mz-menu-content{z-index:60;min-width:12rem;max-height:var(--radix-dropdown-menu-content-available-height);padding:6px;overflow:hidden auto}.mz-menu-content[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-menu-content[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-menu-sub-trigger[data-state=open]{background:rgba(var(--mz-text-rgb), .06)}.mz-menu-sub-trigger__icon{width:14px;height:14px;margin-left:auto}.mz-popover-content{z-index:60;outline:none;width:18rem;padding:16px}.mz-popover-content[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-popover-content[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-popover-header{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.mz-popover-title{font-size:15px;font-weight:700}.mz-popover-description{color:var(--mz-text-dim);font-size:13px}.mz-dialog-overlay{z-index:50;background:var(--mz-overlay);-webkit-backdrop-filter:blur(6px);position:fixed;inset:0}.mz-dialog-overlay[data-state=open]{animation:.2s mz-fade-in}.mz-dialog-overlay[data-state=closed]{animation:.16s mz-fade-out}.mz-dialog-content{z-index:51;border-radius:var(--mz-radius-lg);outline:none;flex-direction:column;gap:16px;width:calc(100% - 32px);max-width:32rem;max-height:calc(100dvh - 64px);padding:22px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.mz-dialog-content[data-state=open]{animation:mz-dialog-in .22s var(--mz-ease)}.mz-dialog-content[data-state=closed]{animation:mz-dialog-out .16s var(--mz-ease)}@keyframes mz-dialog-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes mz-dialog-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.mz-dialog-header{text-align:left;flex-direction:column;gap:6px;display:flex}.mz-dialog-title{font-family:var(--mz-font-display);font-size:18px;font-weight:700;line-height:1.3}.mz-dialog-description{color:var(--mz-text-dim);font-size:14px}.mz-dialog-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.mz-dialog-close{border-radius:var(--mz-radius-sm);width:28px;height:28px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;place-content:center;transition:background .16s,color .16s,border-color .16s;display:grid;position:absolute;top:16px;right:16px}.mz-dialog-close:hover{background:rgba(var(--mz-text-rgb), .08);border-color:var(--mz-border);color:var(--mz-text)}.mz-dialog-close svg{width:15px;height:15px}.mz-tooltip-content{z-index:70;border-radius:var(--mz-radius-sm);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border:1px solid var(--mz-convex-hairline);max-width:20rem;box-shadow:0 10px 30px -10px rgba(var(--mz-tone-rgb), .6), inset 0 1px 0 var(--mz-convex-top);color:#fff;text-shadow:var(--mz-convex-text-shadow);padding:7px 11px;font-size:12px;line-height:1.35}.mz-tooltip-content[data-state=delayed-open]{animation:mz-pop-in .14s var(--mz-ease)}.mz-tooltip-content[data-state=closed]{animation:mz-pop-out .1s var(--mz-ease)}.mz-tooltip-arrow{fill:rgb(var(--mz-tone-rgb));z-index:1;border-radius:2px;translate:0 -1px}.mz-tabs{flex-direction:column;gap:16px;display:flex}.mz-tabs[data-orientation=vertical]{flex-direction:row}.mz-tabs-list{border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border);width:fit-content;box-shadow:var(--mz-well-inset);align-items:center;gap:4px;padding:4px;display:inline-flex}.mz-tabs[data-orientation=vertical] .mz-tabs-list{flex-direction:column;align-items:stretch}.mz-tabs-list--line{border:none;border-bottom:1px solid var(--mz-border);box-shadow:none;background:0 0;border-radius:0;justify-content:flex-start;gap:22px;width:100%;padding:0}.mz-tabs-trigger{cursor:pointer;white-space:nowrap;border-radius:var(--mz-radius-sm);height:34px;color:var(--mz-text-dim);font-family:var(--mz-label-font);font-size:14px;font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);transition:background var(--mz-duration) ease, color var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;background:0 0;border:1px solid #0000;outline:none;flex:auto;justify-content:center;align-items:center;gap:.5em;padding:0 16px;display:inline-flex}.mz-tabs-trigger>svg{width:1.15em;height:1.15em}.mz-tabs-trigger:hover{color:var(--mz-text)}.mz-tabs-trigger[data-state=active]{color:#fff;border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 8px 24px -10px rgba(var(--mz-tone-rgb), .6), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-tabs-list--line .mz-tabs-trigger{box-shadow:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;margin-bottom:-1px;padding:0 2px}.mz-tabs-list--line .mz-tabs-trigger[data-state=active]{color:rgb(var(--mz-tone-rgb));border-bottom-color:rgb(var(--mz-tone-rgb));box-shadow:0 8px 20px -14px rgba(var(--mz-tone-rgb), .9);text-shadow:none;background:0 0}.mz-tabs-list:not(.mz-tabs-list--line) .mz-tabs-trigger[data-state=active]:hover{background-color:var(--mz-fill-hover)}.mz-tabs-content{outline:none;flex:1}.mz-card{border-radius:var(--mz-radius-lg);background-color:var(--mz-surface);background-image:var(--mz-face-sheen);border:1px solid var(--mz-border);box-shadow:var(--mz-shadow-2), inset 0 1px 0 var(--mz-face-top);color:var(--mz-text);transition:border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;background-repeat:no-repeat;background-size:100% 60px;flex-direction:column;gap:18px;padding:20px;display:flex}.mz-card--interactive{cursor:pointer}.mz-card--interactive:hover{border-color:rgba(var(--mz-primary-rgb), .35);box-shadow:0 24px 60px -28px rgba(var(--mz-primary-rgb), .55), inset 0 1px 0 var(--mz-face-top)}.mz-card-header{grid-template-columns:1fr auto;align-items:start;gap:4px 12px;display:grid}.mz-card-title{font-family:var(--mz-font-display);font-size:16px;font-weight:700;line-height:1.3}.mz-card-description{color:var(--mz-text-dim);grid-column:1;font-size:13px}.mz-card-action{grid-area:1/2/span 2;justify-self:end}.mz-card-content{flex:1}.mz-card-footer{align-items:center;gap:10px;display:flex}.mz-badge{border-radius:var(--mz-radius-sm);white-space:nowrap;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex;overflow:hidden}.mz-badge>svg{width:13px;height:13px}.mz-badge--solid{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 6px 16px -8px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-badge--soft{background:rgba(var(--mz-tone-rgb), .14);color:rgb(var(--mz-tone-rgb));border-color:rgba(var(--mz-tone-rgb), .32);box-shadow:inset 0 1px #ffffff14}.mz-badge--outline{color:var(--mz-text-dim);border-color:var(--mz-border-strong);background:0 0}.mz-alert{border-radius:var(--mz-radius);background:linear-gradient(135deg, rgba(var(--mz-tone-rgb), .16) 0%, rgba(var(--mz-tone-rgb), .05) 100%), var(--mz-surface);border:1px solid rgba(var(--mz-tone-rgb), .32);width:100%;box-shadow:inset 0 1px 0 #ffffff1a, 0 10px 30px -20px rgba(var(--mz-tone-rgb), .8);color:var(--mz-text);grid-template-columns:0 1fr;align-items:start;gap:2px 0;padding:14px 16px;font-size:14px;display:grid;position:relative}.mz-alert:has(>svg){grid-template-columns:18px 1fr;gap:2px 12px}.mz-alert>svg{width:17px;height:17px;color:rgb(var(--mz-tone-rgb));translate:0 2px}.mz-alert-title{grid-column-start:2;font-weight:700;line-height:1.35}.mz-alert-description{color:var(--mz-text-dim);grid-column-start:2;font-size:13px}.mz-accordion{flex-direction:column;display:flex}.mz-accordion-item{border-bottom:1px solid var(--mz-border)}.mz-accordion-item:last-child{border-bottom:none}.mz-accordion-header{display:flex}.mz-accordion-trigger{cursor:pointer;color:var(--mz-text);text-align:left;transition:color var(--mz-duration) ease;background:0 0;border:none;outline:none;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.mz-accordion-trigger:hover{color:rgb(var(--mz-primary-rgb))}.mz-accordion-trigger__icon{border-radius:var(--mz-radius-sm);background:var(--mz-face);border:1px solid var(--mz-border-strong);width:26px;height:26px;box-shadow:inset 0 1px 0 var(--mz-face-top);transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;flex-shrink:0;place-content:center;display:grid}.mz-accordion-trigger__icon svg{width:13px;height:13px;transition:transform var(--mz-duration) var(--mz-ease)}.mz-accordion-trigger[data-state=open] .mz-accordion-trigger__icon svg{transform:rotate(180deg)}.mz-accordion-trigger[data-state=open] .mz-accordion-trigger__icon{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:inset 0 1px 0 var(--mz-convex-top);color:#fff}.mz-accordion-content{color:var(--mz-text-dim);font-size:14px;overflow:hidden}.mz-accordion-content[data-state=open]{animation:mz-accordion-down .24s var(--mz-ease)}.mz-accordion-content[data-state=closed]{animation:mz-accordion-up .2s var(--mz-ease)}.mz-accordion-content__inner{padding:0 4px 16px}@keyframes mz-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes mz-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.mz-progress{background:var(--mz-well);border:1px solid var(--mz-border);width:100%;height:8px;box-shadow:var(--mz-well-inset);border-radius:4px;position:relative;overflow:hidden}.mz-progress__indicator{border-radius:inherit;background:linear-gradient(90deg, rgba(var(--mz-tone-rgb), .8) 0%, rgb(var(--mz-tone-rgb)) 100%);height:100%;box-shadow:0 0 14px rgba(var(--mz-tone-rgb), .6), inset 0 1px 0 var(--mz-convex-top);transition:transform .5s var(--mz-ease)}.mz-avatar{--mz-avatar-radius:var(--mz-radius-pill);border-radius:var(--mz-avatar-radius);width:40px;height:40px;box-shadow:var(--mz-shadow-1);flex-shrink:0;display:flex;position:relative;overflow:hidden}.mz-avatar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mz-border-strong);pointer-events:none;position:absolute;inset:0}.mz-avatar--sm{width:30px;height:30px}.mz-avatar--lg{width:56px;height:56px}.mz-avatar__image{object-fit:cover;aspect-ratio:1;width:100%;height:100%}.mz-avatar__fallback{background-color:rgb(var(--mz-tone-rgb));width:100%;height:100%;box-shadow:inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);color:#fff;letter-spacing:.02em;text-transform:uppercase;background-image:linear-gradient(135deg,#ffffff38 0%,#fff0 45%,#0000000d 60%,#00000042 100%);place-content:center;font-size:13px;font-weight:700;display:grid}.mz-avatar--sm .mz-avatar__fallback{font-size:10px}.mz-avatar--lg .mz-avatar__fallback{font-size:17px}.mz-avatar-group{--mz-avatar-ring:var(--mz-surface);align-items:center;display:flex}.mz-avatar-group .mz-avatar{box-shadow:0 0 0 2px var(--mz-avatar-ring), var(--mz-shadow-1)}.mz-avatar-group .mz-avatar+.mz-avatar{margin-left:-10px}.mz-avatar-group .mz-avatar--sm+.mz-avatar--sm{margin-left:-8px}.mz-separator{background:var(--mz-border);flex-shrink:0}.mz-separator[data-orientation=horizontal]{width:100%;height:1px}.mz-separator[data-orientation=vertical]{align-self:stretch;width:1px;height:100%}.mz-skeleton{border-radius:var(--mz-radius-sm);background:linear-gradient(90deg, rgba(var(--mz-text-rgb), .06) 0%, rgba(var(--mz-text-rgb), .13) 50%, rgba(var(--mz-text-rgb), .06) 100%);background-size:200% 100%;animation:1.6s linear infinite mz-shimmer}.mz-spinner{width:18px;height:18px;color:rgb(var(--mz-primary-rgb));display:inline-block}.mz-spinner svg{width:100%;height:100%;animation:.8s linear infinite mz-spin}.mz-dt{--mz-dt-row-h:44px;--mz-dt-cell-x:14px;--mz-dt-font:14px;color:var(--mz-text);flex-direction:column;gap:12px;display:flex;position:relative}.mz-dt[data-density=compact]{--mz-dt-row-h:36px;--mz-dt-cell-x:10px;--mz-dt-font:13px}.mz-dt[data-density=relaxed]{--mz-dt-row-h:56px;--mz-dt-cell-x:18px}.mz-dt__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mz-dt__toolbar-main{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.mz-dt__toolbar-side{align-items:center;gap:8px;margin-left:auto;display:flex}.mz-dt__count{border-radius:var(--mz-radius-sm);background:rgba(var(--mz-primary-rgb), .22);min-width:18px;height:18px;color:rgb(var(--mz-primary-rgb));place-content:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.mz-dt__chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mz-dt__chip{border-radius:var(--mz-radius-sm);background:rgba(var(--mz-primary-rgb), .14);border:1px solid rgba(var(--mz-primary-rgb), .3);color:var(--mz-text);white-space:nowrap;align-items:center;gap:8px;padding:3px 4px 3px 10px;font-size:12px;display:inline-flex}.mz-dt__chip b{color:rgb(var(--mz-primary-rgb));font-weight:600}.mz-dt__chip button{width:18px;height:18px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;place-content:center;font-size:15px;line-height:1;transition:background .16s,color .16s;display:grid}.mz-dt__chip button:hover{background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__scroller{border-radius:var(--mz-radius-lg);background:var(--mz-surface);border:1px solid var(--mz-border);max-width:100%;box-shadow:var(--mz-shadow-2);overscroll-behavior-x:contain;position:relative;overflow:auto}.mz-dt [data-pin-edge]{transition:box-shadow .2s}.mz-dt__scroller[data-scrolled-left] [data-pin-edge=left]{box-shadow:inset -1px 0 0 var(--mz-border-strong)}.mz-dt__scroller[data-scrolled-right] [data-pin-edge=right]{box-shadow:inset 1px 0 0 var(--mz-border-strong)}.mz-dt__table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;font-size:var(--mz-dt-font)}.mz-dt__th{height:var(--mz-dt-row-h);padding:0 var(--mz-dt-cell-x);text-align:left;color:var(--mz-text-dim);white-space:nowrap;background:var(--mz-glass-well);border-bottom:1px solid var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-glass-edge);-webkit-user-select:none;user-select:none;font-weight:600;position:relative}.mz-dt__table[data-sticky] .mz-dt__th,.mz-dt__th[data-pinned]{-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter)}.mz-dt__table[data-sticky] .mz-dt__th{z-index:2;position:sticky;top:0}.mz-dt__th[data-align=right]{text-align:right}.mz-dt__th[data-align=center]{text-align:center}.mz-dt__th--control{text-align:center;padding:0}.mz-dt__th-inner{align-items:center;gap:6px;min-width:0;display:flex}.mz-dt__th[data-align=right] .mz-dt__th-inner{justify-content:flex-end}.mz-dt__th[data-align=center] .mz-dt__th-inner{justify-content:center}.mz-dt__th-label{text-overflow:ellipsis;overflow:hidden}.mz-dt__sort{border-radius:var(--mz-radius-sm);min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0 -6px;padding:4px 6px;transition:background .16s,color .16s;display:inline-flex}.mz-dt__sort:hover{background:rgba(var(--mz-text-rgb), .07);color:var(--mz-text)}.mz-dt__sort-icon{opacity:.45;flex-shrink:0;align-items:center;gap:2px;transition:opacity .16s,color .16s;display:inline-flex}.mz-dt__sort-icon svg{width:13px;height:13px}.mz-dt__sort-icon:not([data-active]) svg{stroke-width:3px;width:16px;height:16px}.mz-dt__sort-icon[data-active]{opacity:1;color:rgb(var(--mz-primary-rgb))}.mz-dt__sort-icon b{font-size:10px;font-weight:700}.mz-dt__sort:hover .mz-dt__sort-icon{opacity:.9}.mz-dt__filter{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-content:center;margin-left:auto;transition:background .16s,color .16s,border-color .16s;display:grid}.mz-dt__filter svg{width:13px;height:13px}.mz-dt__filter:hover{background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__filter[data-active],.mz-dt__filter[data-active]:hover{color:rgb(var(--mz-tone-rgb,var(--mz-primary-rgb)));background:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .16);border-color:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .45)}.mz-dt__filter[data-active]:hover{background:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .24)}.mz-dt__filter[data-active] svg{fill:currentColor}.mz-dt__resizer{z-index:3;cursor:col-resize;touch-action:none;width:10px;height:100%;position:absolute;top:0;right:0}.mz-dt__resizer:after{content:"";background:var(--mz-border-strong);width:1px;height:60%;transition:background .16s,height .16s,top .16s;position:absolute;top:20%;right:0}.mz-dt__resizer:hover:after,.mz-dt__resizer:focus-visible:after,.mz-dt__resizer[data-resizing]:after{background:rgb(var(--mz-primary-rgb));width:2px;height:100%;box-shadow:0 0 8px rgba(var(--mz-primary-rgb), .6);top:0}.mz-dt__row:hover>.mz-dt__td{background-color:color-mix(in srgb, var(--mz-surface) 95.5%, rgb(var(--mz-text-rgb)))}.mz-dt__row[data-selected]>.mz-dt__td{background-color:color-mix(in srgb, var(--mz-surface) 88%, rgb(var(--mz-primary-rgb)))}.mz-dt__row[data-clickable]{cursor:pointer}.mz-dt__td{height:var(--mz-dt-row-h);padding:0 var(--mz-dt-cell-x);border-bottom:1px solid var(--mz-border);background:var(--mz-surface);vertical-align:middle}.mz-dt__td[data-align=right]{text-align:right}.mz-dt__td[data-align=center]{text-align:center}.mz-dt__td--control{text-align:center;padding:0}.mz-dt__col-filler{width:auto}.mz-dt__th--filler,.mz-dt__td--filler{padding:0}.mz-dt__td[data-editable]{cursor:text}.mz-dt__cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mz-dt__td[data-align=right] .mz-dt__cell{text-align:right}.mz-dt__editor{min-width:0}.mz-dt__th[data-pinned],.mz-dt__td[data-pinned]{z-index:2;position:sticky}.mz-dt__table[data-sticky] .mz-dt__th[data-pinned]{z-index:4}.mz-dt__td[data-pinned]{background:var(--mz-surface)}.mz-dt__expand{border-radius:var(--mz-radius-sm);width:24px;height:24px;color:var(--mz-text-dim);cursor:pointer;transition:background .16s ease, transform .2s var(--mz-ease), color .16s ease;background:0 0;border:1px solid #0000;place-content:center;margin:0 auto;display:grid}.mz-dt__expand svg{width:13px;height:13px}.mz-dt__expand:hover{background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__expand[data-open]{color:rgb(var(--mz-primary-rgb));transform:rotate(90deg)}.mz-dt__row--expanded>.mz-dt__td{background:var(--mz-bg-2)}.mz-dt__td--expanded{padding:14px var(--mz-dt-cell-x);white-space:normal}.mz-dt__state{color:var(--mz-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.mz-dt__state svg{opacity:.6;width:30px;height:30px}.mz-dt__state p{margin:0;font-size:14px}.mz-dt__state[data-tone=danger]{color:rgb(var(--mz-danger-rgb))}.mz-dt__more{border-top:1px solid var(--mz-border);justify-content:center;align-items:center;padding:12px;display:flex}.mz-dt__loading-bar{background:linear-gradient(90deg, transparent, rgb(var(--mz-primary-rgb)), transparent);background-repeat:no-repeat;background-size:40% 100%;height:2px;animation:1.1s ease-in-out infinite mz-dt-sweep;position:sticky;bottom:0;left:0}@keyframes mz-dt-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}.mz-dt__pagination{color:var(--mz-text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.mz-dt__pagination-size{align-items:center;gap:8px;display:flex}.mz-dt__pagination-select{width:auto;min-width:76px}.mz-dt__pagination-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.mz-dt__pagination-page{font-variant-numeric:tabular-nums;margin-right:6px}.mz-dt__pagination-info{font-variant-numeric:tabular-nums}.mz-dt__bulkbar{z-index:5;border-radius:var(--mz-radius-lg);background-color:var(--mz-glass);background-image:var(--mz-glass-sheen);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-shadow-3), inset 0 1px 0 var(--mz-face-top);animation:mz-pop-in .18s var(--mz-ease);flex-wrap:wrap;align-self:center;align-items:center;gap:14px;padding:10px 10px 10px 16px;display:flex;position:sticky;bottom:12px}.mz-dt__bulkbar-count{white-space:nowrap;font-size:13px;font-weight:600}.mz-dt__bulkbar-actions{align-items:center;gap:8px;display:flex}.mz-dt__filter-panel{width:15rem;max-height:var(--radix-popper-available-height,60vh);flex-direction:column;padding:12px;display:flex}.mz-dt__filter-body{min-height:0;overflow:auto}.mz-dt__filter-head{color:var(--mz-text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.mz-dt__filter-options{flex-direction:column;gap:8px;max-height:13rem;display:flex;overflow:auto}.mz-dt__filter-option{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.mz-dt__filter-range{align-items:center;gap:8px;display:flex}.mz-dt__filter-range--stacked{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;display:grid}.mz-dt__filter-dash{color:var(--mz-text-muted)}.mz-dt__filter-actions{border-top:1px solid var(--mz-border);justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}.mz-dt__columns{width:19rem;padding:10px}.mz-dt__columns-head{color:var(--mz-text-muted);justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:12px;font-weight:600;display:flex}.mz-dt__columns-list{flex-direction:column;gap:2px;max-height:17rem;margin:6px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.mz-dt__columns-item{border-radius:var(--mz-radius-sm);cursor:grab;align-items:center;gap:8px;padding:5px 6px;font-size:13px;transition:background .16s,opacity .16s;display:flex}.mz-dt__columns-item:hover{background:rgba(var(--mz-text-rgb), .06)}.mz-dt__columns-item[data-dragging]{opacity:.45;cursor:grabbing}.mz-dt__columns-item[data-drop]{background:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .16);box-shadow:inset 0 0 0 1px rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .5)}.mz-dt__columns-grip{color:var(--mz-text-muted);place-content:center;display:grid}.mz-dt__columns-grip svg{width:14px;height:14px}.mz-dt__columns-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mz-dt__columns-controls{align-items:center;gap:2px;display:flex}.mz-dt__icon-btn{border-radius:var(--mz-radius-sm);width:24px;height:24px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;place-content:center;font-size:12px;line-height:1;transition:background .16s,color .16s;display:grid}.mz-dt__icon-btn svg{width:13px;height:13px}.mz-dt__icon-btn:hover:not(:disabled){background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__icon-btn:disabled{opacity:.35;cursor:not-allowed}.mz-dt__icon-btn[data-active]{color:rgb(var(--mz-primary-rgb))}.mz-dt__pin svg{transition:transform var(--mz-duration) var(--mz-ease)}.mz-dt__pin[data-pinned=left] svg{transform:rotate(-45deg)}.mz-dt__pin[data-pinned=right] svg{transform:rotate(45deg)}.mz-sheet{z-index:51;background-color:var(--mz-glass);background-image:var(--mz-glass-sheen);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-shadow-3);color:var(--mz-text);outline:none;flex-direction:column;gap:14px;display:flex;position:fixed}.mz-sheet[data-side=right],.mz-sheet[data-side=left]{width:var(--mz-sheet-w,20rem);max-width:calc(100vw - 40px);top:0;bottom:0}.mz-sheet[data-side=right]{border-right:none;right:0}.mz-sheet[data-side=left]{border-left:none;left:0}.mz-sheet[data-side=top],.mz-sheet[data-side=bottom]{height:auto;max-height:calc(100dvh - 40px);left:0;right:0}.mz-sheet[data-side=top]{border-top:none;top:0}.mz-sheet[data-side=bottom]{border-bottom:none;bottom:0}.mz-sheet__header{flex-direction:column;gap:6px;padding:20px 20px 0;display:flex}.mz-sheet__footer{justify-content:flex-end;gap:10px;margin-top:auto;padding:0 20px 20px;display:flex}@keyframes mz-sheet-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes mz-sheet-out-right{0%{transform:none}to{transform:translate(100%)}}@keyframes mz-sheet-in-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes mz-sheet-out-left{0%{transform:none}to{transform:translate(-100%)}}@keyframes mz-sheet-in-top{0%{transform:translateY(-100%)}to{transform:none}}@keyframes mz-sheet-out-top{0%{transform:none}to{transform:translateY(-100%)}}@keyframes mz-sheet-in-bottom{0%{transform:translateY(100%)}to{transform:none}}@keyframes mz-sheet-out-bottom{0%{transform:none}to{transform:translateY(100%)}}.mz-sheet[data-side=right][data-state=open]{animation:mz-sheet-in-right .26s var(--mz-ease)}.mz-sheet[data-side=right][data-state=closed]{animation:mz-sheet-out-right .2s var(--mz-ease)}.mz-sheet[data-side=left][data-state=open]{animation:mz-sheet-in-left .26s var(--mz-ease)}.mz-sheet[data-side=left][data-state=closed]{animation:mz-sheet-out-left .2s var(--mz-ease)}.mz-sheet[data-side=top][data-state=open]{animation:mz-sheet-in-top .26s var(--mz-ease)}.mz-sheet[data-side=top][data-state=closed]{animation:mz-sheet-out-top .2s var(--mz-ease)}.mz-sheet[data-side=bottom][data-state=open]{animation:mz-sheet-in-bottom .26s var(--mz-ease)}.mz-sheet[data-side=bottom][data-state=closed]{animation:mz-sheet-out-bottom .2s var(--mz-ease)}.mz-sidebar-layout{--mz-sidebar-w:16rem;--mz-sidebar-w-icon:3.5rem;--mz-sidebar-h:100dvh;background-color:var(--mz-bg);background-image:radial-gradient(1100px 520px at 50% -140px, var(--mz-halo), transparent 62%);width:100%;min-height:100dvh;color:var(--mz-text);background-repeat:no-repeat;background-attachment:fixed;align-items:stretch;display:flex}.mz-sidebar{z-index:10;width:var(--mz-sidebar-w);height:var(--mz-sidebar-h);background:var(--mz-glass-chrome);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border-right:1px solid var(--mz-border);transition:width var(--mz-duration) var(--mz-ease), padding var(--mz-duration) var(--mz-ease);flex-shrink:0;position:sticky;top:0;overflow:hidden}.mz-sidebar[data-side=right]{border-right:none;border-left:1px solid var(--mz-border);order:1}.mz-sidebar[data-state=collapsed][data-collapsible=icon]{width:var(--mz-sidebar-w-icon)}.mz-sidebar[data-state=collapsed][data-collapsible=offcanvas]{border-width:0;width:0}.mz-sidebar[data-variant=floating]{height:calc(var(--mz-sidebar-h) - 16px);border:1px solid var(--mz-border);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-2), inset 0 1px 0 var(--mz-face-top);margin:8px}.mz-sidebar[data-variant=inset]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}.mz-sidebar__inner{width:var(--mz-sidebar-w);height:100%;transition:padding var(--mz-duration) var(--mz-ease);flex-direction:column;gap:4px;padding:12px;display:flex}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__inner{width:var(--mz-sidebar-w-icon);padding:12px 8px}.mz-sidebar--mobile{--mz-sheet-w:18rem;padding:0}.mz-sidebar--mobile .mz-sidebar__inner{width:100%;height:100%}.mz-sidebar-inset{background:var(--mz-bg);flex-direction:column;flex:1;min-width:0;display:flex}.mz-sidebar-panel{min-height:0;padding:var(--mz-sidebar-panel-pad,clamp(16px, 2vw, 32px));background:var(--mz-surface);border-top-left-radius:var(--mz-sidebar-panel-radius,22px);box-shadow:-24px -24px 64px -24px color-mix(in srgb, var(--mz-shade) 14%, transparent), -8px -8px 24px -12px color-mix(in srgb, var(--mz-shade) 10%, transparent);flex:1;position:relative;overflow:auto}.mz-sidebar-layout:has(.mz-sidebar[data-side=right]) .mz-sidebar-panel{border-top-left-radius:0;border-top-right-radius:var(--mz-sidebar-panel-radius,22px);box-shadow:24px -24px 64px -24px color-mix(in srgb, var(--mz-shade) 14%, transparent), 8px -8px 24px -12px color-mix(in srgb, var(--mz-shade) 10%, transparent)}.mz-sidebar-layout--grid{background-image:linear-gradient(to right, rgba(var(--mz-text-rgb), .03) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--mz-text-rgb), .03) 1px, transparent 1px);background-size:48px 48px}.mz-sidebar__trigger{border-radius:var(--mz-radius-sm);width:32px;height:32px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-content:center;transition:background .16s,color .16s,border-color .16s;display:grid}.mz-sidebar__trigger svg{width:16px;height:16px;transition:transform var(--mz-duration) var(--mz-ease)}.mz-sidebar__trigger[data-state=collapsed] svg,.mz-sidebar[data-side=right] .mz-sidebar__trigger svg{transform:rotate(180deg)}.mz-sidebar[data-side=right] .mz-sidebar__trigger[data-state=collapsed] svg{transform:none}.mz-sidebar__trigger:hover{background:rgba(var(--mz-text-rgb), .08);border-color:var(--mz-border);color:var(--mz-text)}.mz-sidebar__rail{z-index:11;cursor:pointer;background:0 0;border:none;width:16px;height:100%;padding:0;position:absolute;top:0;right:-8px}.mz-sidebar[data-side=right] .mz-sidebar__rail{left:-8px;right:auto}.mz-sidebar__header,.mz-sidebar__footer{flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:4px 4px 8px;display:flex}.mz-sidebar__footer{margin-top:auto;padding:8px 4px 4px}.mz-sidebar__separator{background:var(--mz-border);margin:4px 0}.mz-sidebar__input{width:100%}.mz-sidebar__content{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:hidden auto}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__content{overflow:hidden}.mz-sidebar__group{flex-direction:column;gap:2px;padding:6px 0;display:flex;position:relative}.mz-sidebar__group-label{height:26px;color:var(--mz-text-muted);white-space:nowrap;opacity:1;align-items:center;padding:0 8px;font-size:11px;font-weight:600;transition:opacity .16s;display:flex}.mz-sidebar__group-action{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;background:0 0;border:none;place-content:center;transition:background .16s,color .16s;display:grid;position:absolute;top:8px;right:4px}.mz-sidebar__group-action:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-sidebar__group-action svg{width:14px;height:14px}.mz-sidebar__menu,.mz-sidebar__menu-sub{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mz-sidebar__menu-item{position:relative}.mz-sidebar__menu-button{border-radius:var(--mz-radius-sm);width:100%;height:36px;color:var(--mz-text-dim);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex;overflow:hidden}.mz-sidebar__menu-button[data-size=sm]{height:30px;font-size:13px}.mz-sidebar__menu-button[data-size=lg]{height:46px}.mz-sidebar__menu-button>svg{opacity:.85;flex-shrink:0;width:17px;height:17px}.mz-sidebar__menu-button>span{text-overflow:ellipsis;overflow:hidden}.mz-sidebar__menu-button:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-sidebar__menu-button[data-active]{color:#fff;border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-sidebar__menu-button[data-active]:hover{color:#fff;background-color:var(--mz-fill-hover)}.mz-sidebar__menu-button[data-active]>svg{opacity:1}.mz-sidebar__menu-action{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;background:0 0;border:none;place-content:center;transition:opacity .16s,background .16s,color .16s;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.mz-sidebar__menu-action svg{width:14px;height:14px}.mz-sidebar__menu-action:hover{background:rgba(var(--mz-text-rgb), .12);color:var(--mz-text)}.mz-sidebar__menu-action[data-hover-only]{opacity:0}.mz-sidebar__menu-item:hover .mz-sidebar__menu-action[data-hover-only],.mz-sidebar__menu-action[data-hover-only]:focus-visible{opacity:1}.mz-sidebar__menu-badge{border-radius:var(--mz-radius-sm);background:rgba(var(--mz-primary-rgb), .2);min-width:20px;color:rgb(var(--mz-primary-rgb));text-align:center;pointer-events:none;padding:1px 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:50%;right:8px;translate:0 -50%}.mz-sidebar__menu-button[data-active]~.mz-sidebar__menu-badge{color:#fff;background:#ffffff38}.mz-sidebar__menu-skeleton{align-items:center;gap:10px;height:36px;padding:0 8px;display:flex}.mz-sidebar__menu-skeleton-icon{border-radius:5px;flex-shrink:0;width:17px;height:17px}.mz-sidebar__menu-skeleton-text{height:12px}.mz-sidebar__menu-sub{border-left:1px solid var(--mz-border);margin:2px 0 2px 16px;padding-left:10px}.mz-sidebar__menu-sub-button{border-radius:var(--mz-radius-sm);height:30px;color:var(--mz-text-dim);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 8px;font-size:13px;text-decoration:none;transition:background .16s,color .16s;display:flex;overflow:hidden}.mz-sidebar__menu-sub-button[data-size=sm]{height:26px;font-size:12px}.mz-sidebar__menu-sub-button:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-sidebar__menu-sub-button[data-active]{color:rgb(var(--mz-primary-rgb));background:rgba(var(--mz-primary-rgb), .12)}.mz-sidebar[data-state=collapsed][data-collapsible=icon] :is(.mz-sidebar__group-label,.mz-sidebar__group-action,.mz-sidebar__menu-badge,.mz-sidebar__menu-action,.mz-sidebar__menu-sub,.mz-sidebar__input){opacity:0;pointer-events:none}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar-hide-collapsed{display:none!important}.mz-sidebar[data-state=collapsed][data-collapsible=icon] :is(.mz-sidebar__header,.mz-sidebar__footer){justify-content:center;padding-inline:0}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__group-label{height:8px;overflow:hidden}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__menu-button{justify-content:center;width:36px;margin-inline:auto;padding:0}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__trigger{width:36px;height:36px}.mz-sidebar-push{margin-inline-start:auto}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar-push{margin-inline-start:0}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__menu-button>span{display:none}[data-tone=primary]{--mz-tone-rgb:var(--mz-primary-rgb)}[data-tone=accent]{--mz-tone-rgb:var(--mz-accent-rgb)}[data-tone=danger]{--mz-tone-rgb:var(--mz-danger-rgb)}[data-tone=warning]{--mz-tone-rgb:var(--mz-warning-rgb)}[data-tone=info]{--mz-tone-rgb:var(--mz-info-rgb)}[data-tone=success]{--mz-tone-rgb:var(--mz-success-rgb)}
|
|
1
|
+
:root,[data-mz-theme=dark],.mz-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mz-tint:rgb(var(--mz-primary-rgb));--mz-tint-strength:3.5%;--mz-bg:color-mix(in srgb, #0a0a12, var(--mz-tint) var(--mz-tint-strength));--mz-bg-rgb:15, 15, 26;--mz-bg-2:color-mix(in srgb, #0e0e18, var(--mz-tint) var(--mz-tint-strength));--mz-surface:color-mix(in srgb, #12121c, var(--mz-tint) var(--mz-tint-strength));--mz-surface-rgb:22, 22, 35;--mz-surface-2:color-mix(in srgb, #171723, var(--mz-tint) var(--mz-tint-strength));--mz-elevated:color-mix(in srgb, #1c1c2b, var(--mz-tint) var(--mz-tint-strength));--mz-elevated-rgb:31, 31, 48;--mz-ink:color-mix(in srgb, #fff 80%, var(--mz-tint));--mz-shade:#03030a;--mz-border:color-mix(in srgb, var(--mz-ink) 13%, transparent);--mz-border-strong:color-mix(in srgb, var(--mz-ink) 24%, transparent);--mz-text:color-mix(in srgb, #f2f2f2 92%, var(--mz-tint));--mz-text-rgb:235, 235, 242;--mz-text-dim:color-mix(in srgb, #a6a6a6 86%, var(--mz-tint));--mz-text-muted:color-mix(in srgb, gray 88%, var(--mz-tint));--mz-primary-rgb:168, 124, 248;--mz-accent-rgb:52, 211, 153;--mz-danger-rgb:255, 100, 130;--mz-warning-rgb:251, 191, 36;--mz-info-rgb:56, 189, 248;--mz-success-rgb:52, 211, 153;--mz-primary:rgb(var(--mz-primary-rgb));--mz-primary-fg:#fff;--mz-primary-soft:rgba(var(--mz-primary-rgb), .14);--mz-primary-glow:rgba(var(--mz-primary-rgb), .45);--mz-convex-hairline:color-mix(in srgb, var(--mz-ink) 20%, transparent);--mz-convex-top:color-mix(in srgb, var(--mz-ink) 38%, transparent);--mz-convex-bottom:color-mix(in srgb, var(--mz-shade) 22%, transparent);--mz-convex-text-shadow:none;--mz-face:color-mix(in srgb, var(--mz-ink) 5.5%, transparent);--mz-face-hover:color-mix(in srgb, var(--mz-ink) 9%, transparent);--mz-face-fill:var(--mz-face);--mz-face-fill-hover:var(--mz-face-hover);--mz-face-sheen:none;--mz-face-top:color-mix(in srgb, var(--mz-ink) 11%, transparent);--mz-face-bottom:color-mix(in srgb, var(--mz-shade) 38%, transparent);--mz-cap:color-mix(in srgb, #ececf2, var(--mz-tint) var(--mz-tint-strength));--mz-cap-edge:var(--mz-convex-hairline);--mz-well:color-mix(in srgb, var(--mz-ink) 5.5%, transparent);--mz-well-inset:inset 0 1px 2px color-mix(in srgb, var(--mz-shade) 30%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--mz-ink) 6%, transparent);--mz-glass:color-mix(in srgb, var(--mz-elevated) 85%, transparent);--mz-glass-chrome:color-mix(in srgb, var(--mz-surface-2) 80%, transparent);--mz-glass-well:color-mix(in srgb, var(--mz-surface-2) 80%, transparent);--mz-glass-filter:blur(20px) saturate(1.4);--mz-glass-sheen:none;--mz-glass-edge:color-mix(in srgb, var(--mz-ink) 7%, transparent);--mz-halo:rgba(var(--mz-primary-rgb), .1);--mz-overlay:#080811bd;--mz-shadow-1:0 1px 2px color-mix(in srgb, var(--mz-shade) 45%, transparent);--mz-shadow-2:0 8px 24px -12px color-mix(in srgb, var(--mz-shade) 75%, transparent);--mz-shadow-3:0 24px 64px -24px color-mix(in srgb, var(--mz-shade) 90%, transparent)}[data-mz-theme=light],.mz-theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mz-tint:rgb(var(--mz-primary-rgb));--mz-tint-strength:5%;--mz-bg:color-mix(in srgb, #f2f2f5, var(--mz-tint) var(--mz-tint-strength));--mz-bg-rgb:237, 237, 245;--mz-bg-2:#fff;--mz-surface:#fff;--mz-surface-rgb:255, 255, 255;--mz-surface-2:color-mix(in srgb, #f6f6f9, var(--mz-tint) 4%);--mz-elevated:#fff;--mz-elevated-rgb:255, 255, 255;--mz-ink:color-mix(in srgb, #15152b 82%, var(--mz-tint));--mz-shade:var(--mz-ink);--mz-border:color-mix(in srgb, var(--mz-ink) 15%, transparent);--mz-border-strong:color-mix(in srgb, var(--mz-ink) 32%, transparent);--mz-text:color-mix(in srgb, #141414 92%, var(--mz-tint));--mz-text-rgb:30, 30, 38;--mz-text-dim:color-mix(in srgb, #545454 88%, var(--mz-tint));--mz-text-muted:color-mix(in srgb, #7c7c7c 90%, var(--mz-tint));--mz-primary-rgb:124, 74, 232;--mz-accent-rgb:16, 175, 122;--mz-danger-rgb:226, 60, 92;--mz-warning-rgb:202, 138, 4;--mz-info-rgb:14, 145, 214;--mz-success-rgb:16, 175, 122;--mz-convex-hairline:#fff6;--mz-convex-top:#ffffff73;--mz-convex-bottom:color-mix(in srgb, var(--mz-shade) 18%, transparent);--mz-convex-text-shadow:none;--mz-face:color-mix(in srgb, #f4f4f8, var(--mz-tint) var(--mz-tint-strength));--mz-face-hover:color-mix(in srgb, #ececf2, var(--mz-tint) var(--mz-tint-strength));--mz-face-fill:var(--mz-face);--mz-face-fill-hover:var(--mz-face-hover);--mz-face-sheen:none;--mz-face-top:#ffffffe6;--mz-face-bottom:color-mix(in srgb, var(--mz-shade) 13%, transparent);--mz-cap:color-mix(in srgb, #ebebf3, var(--mz-tint) var(--mz-tint-strength));--mz-cap-edge:color-mix(in srgb, var(--mz-ink) 36%, transparent);--mz-well:color-mix(in srgb, var(--mz-ink) 4%, transparent);--mz-well-inset:inset 0 1px 2px color-mix(in srgb, var(--mz-shade) 14%, transparent), inset 0 -1px 0 #fffc;--mz-glass:color-mix(in srgb, var(--mz-elevated) 78%, transparent);--mz-glass-chrome:color-mix(in srgb, var(--mz-surface-2) 70%, transparent);--mz-glass-well:color-mix(in srgb, color-mix(in srgb, #e9e9f1, var(--mz-tint) var(--mz-tint-strength)) 76%, transparent);--mz-glass-filter:blur(20px) saturate(1.15);--mz-glass-sheen:none;--mz-glass-edge:#ffffff8c;--mz-halo:rgba(var(--mz-primary-rgb), .06);--mz-overlay:color-mix(in srgb, var(--mz-shade) 38%, transparent);--mz-shadow-1:0 1px 2px color-mix(in srgb, var(--mz-shade) 10%, transparent);--mz-shadow-2:0 8px 24px -12px color-mix(in srgb, var(--mz-shade) 26%, transparent);--mz-shadow-3:0 24px 64px -24px color-mix(in srgb, var(--mz-shade) 40%, transparent)}:root{--mz-font-sans:"Golos Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mz-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--mz-font-display:inherit;--mz-line:1.45;--mz-label-font:inherit;--mz-label-transform:none;--mz-label-tracking:0;--mz-label-weight:500;--mz-radius:8px;--mz-radius-sm:6px;--mz-radius-lg:12px;--mz-radius-xl:14px;--mz-radius-pill:999px;--mz-radius-control:var(--mz-radius);--mz-ease:cubic-bezier(.2, .7, .2, 1);--mz-duration:.28s;--mz-hover-scale:1.02;--mz-press-scale:.98;--mz-hover-mix:88%;--mz-press-mix:80%;--mz-fill-sheen:none;--mz-ring-width:2px;--mz-ring-offset:2px}@media (prefers-reduced-transparency:reduce){:root,[data-mz-theme],.mz-theme-dark,.mz-theme-light{--mz-glass:var(--mz-elevated);--mz-glass-chrome:var(--mz-surface-2);--mz-glass-well:var(--mz-surface-2);--mz-glass-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root,[data-mz-theme],.mz-theme-dark,.mz-theme-light{--mz-glass:var(--mz-elevated);--mz-glass-chrome:var(--mz-surface-2);--mz-glass-well:var(--mz-surface-2)}}[class^=mz-],[class*=\ mz-]{box-sizing:border-box;font-family:inherit}:where([class^=mz-],[class*=\ mz-]):is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote,pre){margin:0}:where([class^=mz-],[class*=\ mz-]){line-height:var(--mz-line)}[class^=mz-]:before,[class^=mz-]:after,[class*=\ mz-]:before,[class*=\ mz-]:after{box-sizing:border-box}.mz-root{background-color:var(--mz-bg);background-image:radial-gradient(1100px 520px at 50% -140px, var(--mz-halo), transparent 62%);color:var(--mz-text);font-family:var(--mz-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-attachment:fixed}:where(.mz-btn,.mz-badge,.mz-toggle,.mz-toggle-group,.mz-checkbox,.mz-radio,.mz-switch,.mz-slider,.mz-tabs-list,.mz-progress,.mz-alert,.mz-input,.mz-textarea,.mz-select-trigger,.mz-item,.mz-tooltip-content,.mz-accordion-trigger__icon,.mz-sidebar__menu-button,.mz-avatar,.mz-table,.mz-menubar,.mz-navmenu,.mz-scroll-area,.mz-toast,.mz-calendar,.mz-chart){--mz-tone-rgb:var(--mz-primary-rgb);--mz-fill:rgb(var(--mz-tone-rgb));--mz-fill-hover:color-mix(in srgb, rgb(var(--mz-tone-rgb)) var(--mz-hover-mix), #000);--mz-fill-press:color-mix(in srgb, rgb(var(--mz-tone-rgb)) var(--mz-press-mix), #000)}.mz-focusable:focus-visible{outline:var(--mz-ring-width) solid rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .9);outline-offset:var(--mz-ring-offset)}[class^=mz-]:disabled,[class*=\ mz-]:disabled,[class^=mz-][data-disabled],[class*=\ mz-][data-disabled]{pointer-events:none;opacity:.5}.mz-panel{background-color:var(--mz-glass);background-image:var(--mz-glass-sheen);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-3), inset 0 1px 0 var(--mz-glass-edge);color:var(--mz-text)}@keyframes mz-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mz-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mz-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:none}}@keyframes mz-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.96)}}@keyframes mz-spin{to{transform:rotate(360deg)}}@keyframes mz-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){[class^=mz-],[class*=\ mz-],[class^=mz-]:before,[class^=mz-]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[class^=mz-]:hover,[class*=\ mz-]:hover{transform:none!important}}.mz-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mz-btn{isolation:isolate;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--mz-radius-control);font-family:var(--mz-label-font);font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);transition:transform var(--mz-duration) var(--mz-ease), background var(--mz-duration) ease, box-shadow var(--mz-duration) ease, border-color var(--mz-duration) ease, color var(--mz-duration) ease;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.6em;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mz-btn>*{z-index:2;position:relative}.mz-btn>svg{pointer-events:none;flex-shrink:0;width:1.15em;height:1.15em}.mz-btn:disabled,.mz-btn[data-disabled],.mz-btn[aria-disabled=true]{pointer-events:none;opacity:.5}.mz-btn--xs{border-radius:var(--mz-radius-sm);gap:.4em;height:28px;padding:0 12px;font-size:12px}.mz-btn--sm{height:34px;padding:0 16px;font-size:13px}.mz-btn--md{height:40px;padding:0 20px;font-size:14px}.mz-btn--lg{height:48px;padding:0 24px;font-size:15px}.mz-btn--icon-xs{border-radius:var(--mz-radius-sm);width:28px;height:28px;padding:0}.mz-btn--icon-sm{width:34px;height:34px;padding:0}.mz-btn--icon{width:40px;height:40px;padding:0}.mz-btn--icon-lg{width:48px;height:48px;padding:0}.mz-btn--primary{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -4px rgba(var(--mz-tone-rgb), .4), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-btn--primary:hover{transform:scale(var(--mz-hover-scale));background-color:var(--mz-fill-hover);box-shadow:0 4px 12px -4px rgba(var(--mz-tone-rgb), .5), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-btn--primary:active{transform:scale(var(--mz-press-scale));background-color:var(--mz-fill-press)}.mz-btn--secondary{background-color:var(--mz-face);background-image:var(--mz-face-sheen);color:var(--mz-text);border-color:var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 2px 6px -2px var(--mz-face-bottom)}.mz-btn--secondary:hover{transform:scale(var(--mz-hover-scale));background-color:var(--mz-face-hover)}.mz-btn--secondary:active{transform:scale(var(--mz-press-scale))}.mz-btn--outline{background:color-mix(in srgb, var(--mz-surface) 65%, transparent);color:var(--mz-text);border-color:rgba(var(--mz-text-rgb), .16);-webkit-backdrop-filter:blur(8px)}.mz-btn--outline:before{content:"";background:rgba(var(--mz-text-rgb), .05);opacity:0;transition:opacity var(--mz-duration) ease;z-index:1;position:absolute;inset:0}.mz-btn--outline:hover{transform:scale(var(--mz-hover-scale));color:rgb(var(--mz-tone-rgb));border-color:rgb(var(--mz-tone-rgb))}.mz-btn--outline:hover:before{opacity:1}.mz-btn--outline:active{transform:scale(var(--mz-press-scale))}.mz-btn--ghost{color:var(--mz-text-dim);background:0 0;border-color:#0000}.mz-btn--ghost:hover{background:rgba(var(--mz-text-rgb), .06);color:var(--mz-text);border-color:var(--mz-border);box-shadow:inset 0 1px 0 var(--mz-face-top)}.mz-btn--ghost:active{background:rgba(var(--mz-text-rgb), .1)}.mz-btn--destructive{--mz-tone-rgb:var(--mz-danger-rgb);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -4px rgba(var(--mz-tone-rgb), .4), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-btn--destructive:hover{transform:scale(var(--mz-hover-scale));background-color:var(--mz-fill-hover);box-shadow:0 4px 12px -4px rgba(var(--mz-tone-rgb), .5), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-btn--destructive:active{transform:scale(var(--mz-press-scale));background-color:var(--mz-fill-press)}.mz-btn--link{height:auto;color:rgb(var(--mz-tone-rgb));text-transform:none;letter-spacing:normal;text-underline-offset:4px;transition:color var(--mz-duration) ease, text-decoration-color var(--mz-duration) ease;background:0 0;border:none;padding:0;font-family:inherit;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;overflow:visible}.mz-btn--link:hover{text-decoration-color:currentColor}.mz-btn[data-loading=true]{pointer-events:none;color:#0000;text-shadow:none}.mz-btn[data-loading=true]>:not(.mz-btn__spinner){opacity:0}.mz-btn__spinner{z-index:3;visibility:visible;place-items:center;display:grid;position:absolute;inset:0}.mz-btn__spinner svg{width:1.2em;height:1.2em;animation:.8s linear infinite mz-spin}.mz-btn--primary .mz-btn__spinner,.mz-btn--destructive .mz-btn__spinner{color:#fff}.mz-btn--secondary .mz-btn__spinner,.mz-btn--outline .mz-btn__spinner,.mz-btn--ghost .mz-btn__spinner{color:var(--mz-text)}.mz-checkbox{cursor:pointer;background:var(--mz-face);border:1px solid var(--mz-border-strong);width:18px;height:18px;box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom);color:#fff;transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);border-radius:5px;flex-shrink:0;place-content:center;padding:0;display:inline-grid;position:relative}.mz-checkbox:hover{border-color:rgba(var(--mz-tone-rgb), .5)}.mz-checkbox:active{transform:scale(.94)}.mz-checkbox[data-state=checked],.mz-checkbox[data-state=indeterminate]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -5px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-checkbox__indicator{color:currentColor;place-content:center;display:grid}.mz-checkbox__indicator svg{width:12px;height:12px;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--mz-shade) 35%, transparent))}.mz-checkbox__dash,.mz-checkbox[data-state=indeterminate] .mz-checkbox__check{display:none}.mz-checkbox[data-state=indeterminate] .mz-checkbox__dash{display:block}.mz-checkbox[data-state=checked] .mz-checkbox__indicator{animation:mz-pop-in .18s var(--mz-ease)}.mz-checkbox--sm{border-radius:4px;width:15px;height:15px}.mz-checkbox--sm .mz-checkbox__indicator svg{width:10px;height:10px}.mz-checkbox--lg{border-radius:6px;width:22px;height:22px}.mz-checkbox--lg .mz-checkbox__indicator svg{width:16px;height:16px}.mz-radio-group{gap:12px;display:grid}.mz-radio-group[data-orientation=horizontal]{grid-auto-columns:max-content;grid-auto-flow:column;gap:20px}.mz-radio{cursor:pointer;border-radius:var(--mz-radius-pill);background:var(--mz-face);border:1px solid var(--mz-border-strong);width:18px;height:18px;box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom);transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);flex-shrink:0;place-content:center;padding:0;display:inline-grid;position:relative}.mz-radio:hover{border-color:rgba(var(--mz-tone-rgb), .5)}.mz-radio:active{transform:scale(.94)}.mz-radio[data-state=checked]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:0 3px 10px -5px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-radio__indicator{place-content:center;display:grid}.mz-radio__indicator:after{content:"";border-radius:var(--mz-radius-pill);width:6px;height:6px;box-shadow:0 1px 2px color-mix(in srgb, var(--mz-shade) 35%, transparent), 0 0 8px #fff9;animation:mz-pop-in .18s var(--mz-ease);background:#fff}.mz-switch{--mz-switch-h:24px;--mz-switch-w:44px;width:var(--mz-switch-w);height:var(--mz-switch-h);cursor:pointer;border-radius:var(--mz-radius-sm);background:var(--mz-well);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-well-inset);transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);flex-shrink:0;align-items:center;padding:2px;display:inline-flex;position:relative}.mz-switch--sm{--mz-switch-h:20px;--mz-switch-w:36px;border-radius:5px}.mz-switch--lg{--mz-switch-h:30px;--mz-switch-w:54px;border-radius:8px}.mz-switch[data-state=checked]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:0 4px 12px -6px rgba(var(--mz-tone-rgb), .75), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-switch__thumb{width:calc(var(--mz-switch-h) - 8px);height:calc(var(--mz-switch-h) - 8px);background:var(--mz-cap);box-shadow:0 2px 6px color-mix(in srgb, var(--mz-shade) 45%, transparent), inset 0 1px 0 #ffffffe6, inset 0 -1px 0 color-mix(in srgb, var(--mz-shade) 14%, transparent);transition:transform var(--mz-duration) var(--mz-ease);will-change:transform;border-radius:4px;display:block;transform:translate(0)}.mz-switch[data-state=checked] .mz-switch__thumb{transform:translateX(calc(var(--mz-switch-w) - var(--mz-switch-h) + 2px))}.mz-switch:active{transform:scale(var(--mz-press-scale))}.mz-toggle{cursor:pointer;white-space:nowrap;border-radius:var(--mz-radius-control);color:var(--mz-text-dim);font-family:var(--mz-label-font);font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);transition:background var(--mz-duration) ease, color var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.5em;display:inline-flex;position:relative}.mz-toggle>svg{pointer-events:none;flex-shrink:0;width:1.15em;height:1.15em}.mz-toggle--sm{min-width:34px;height:34px;padding:0 12px;font-size:13px}.mz-toggle--md{min-width:40px;height:40px;padding:0 14px;font-size:14px}.mz-toggle--lg{min-width:48px;height:48px;padding:0 20px;font-size:15px}.mz-toggle--outline{background-color:var(--mz-face);background-image:var(--mz-face-sheen);border-color:var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom)}.mz-toggle:hover{color:var(--mz-text);background-color:var(--mz-face-hover);background-image:var(--mz-face-sheen);border-color:var(--mz-border-strong)}.mz-toggle[data-state=on]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-toggle:active{transform:scale(var(--mz-press-scale))}.mz-toggle-group{align-items:center;gap:var(--mz-toggle-group-gap,0px);width:fit-content;display:inline-flex}.mz-toggle-group[data-orientation=vertical]{flex-direction:column}.mz-toggle-group--segmented{border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border);box-shadow:var(--mz-well-inset);padding:4px}.mz-toggle-group--segmented .mz-toggle{border-radius:var(--mz-radius-sm);box-shadow:none;background:0 0;border-color:#0000}.mz-toggle-group--segmented .mz-toggle:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-toggle-group--segmented .mz-toggle[data-state=on]{border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom)}.mz-toggle-group--joined .mz-toggle{background-color:var(--mz-face);background-image:var(--mz-face-sheen);border-color:var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top);border-radius:0;margin-left:-1px}.mz-toggle-group--joined .mz-toggle:hover{background-color:var(--mz-face-hover);background-image:var(--mz-face-sheen);color:var(--mz-text)}.mz-toggle[data-state=on]:hover,.mz-toggle-group--segmented .mz-toggle[data-state=on]:hover,.mz-toggle-group--joined .mz-toggle[data-state=on]:hover{color:#fff;text-shadow:var(--mz-convex-text-shadow)}.mz-toggle-group--joined .mz-toggle:first-child{border-top-left-radius:var(--mz-radius);border-bottom-left-radius:var(--mz-radius);margin-left:0}.mz-toggle-group--joined .mz-toggle:last-child{border-top-right-radius:var(--mz-radius);border-bottom-right-radius:var(--mz-radius)}.mz-toggle-group--joined .mz-toggle[data-state=on]{z-index:1;color:#fff;border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.mz-slider[data-orientation=vertical]{flex-direction:column;width:auto;height:100%;min-height:160px}.mz-slider[data-disabled]{opacity:.5}.mz-slider__track{background:var(--mz-well);border:1px solid var(--mz-border);box-shadow:var(--mz-well-inset);border-radius:4px;flex-grow:1;position:relative;overflow:hidden}.mz-slider[data-orientation=horizontal] .mz-slider__track{width:100%;height:8px}.mz-slider[data-orientation=vertical] .mz-slider__track{width:8px;height:100%}.mz-slider__range{background:rgb(var(--mz-tone-rgb));box-shadow:0 0 14px rgba(var(--mz-tone-rgb), .55), inset 0 1px 0 var(--mz-convex-top);position:absolute}.mz-slider[data-orientation=horizontal] .mz-slider__range{height:100%}.mz-slider[data-orientation=vertical] .mz-slider__range{width:100%}.mz-slider__thumb{background:var(--mz-cap);border:1px solid var(--mz-cap-edge);width:16px;height:20px;box-shadow:0 4px 12px -2px color-mix(in srgb, var(--mz-shade) 50%, transparent), inset 0 1px 0 #fffffff2;cursor:grab;transition:box-shadow var(--mz-duration) ease, transform .15s var(--mz-ease);border-radius:5px;display:block;position:relative}.mz-slider__thumb:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--mz-shade) 6%, transparent);opacity:0;transition:opacity var(--mz-duration) ease;position:absolute;inset:0}.mz-slider__thumb:hover:after{opacity:1}.mz-slider__thumb:active{cursor:grabbing;outline:none;transform:scale(1.06)}.mz-checkbox[data-state=checked]:hover,.mz-checkbox[data-state=indeterminate]:hover,.mz-radio[data-state=checked]:hover,.mz-switch[data-state=checked]:hover,.mz-toggle[data-state=on]:hover,.mz-toggle-group--segmented .mz-toggle[data-state=on]:hover,.mz-toggle-group--joined .mz-toggle[data-state=on]:hover{background-color:var(--mz-fill-hover)}.mz-label{color:var(--mz-text-dim);-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.mz-label[data-disabled]{opacity:.5}.mz-label:has(+:disabled){opacity:.5}.mz-label--error{color:rgb(var(--mz-danger-rgb))}.mz-field{flex-direction:column;gap:8px;display:flex}.mz-field__hint{color:var(--mz-text-muted);font-size:12px}.mz-field__error{color:rgb(var(--mz-danger-rgb));font-size:12px}.mz-input,.mz-textarea{width:100%;min-width:0;height:40px;color:var(--mz-text);border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-well-inset);transition:border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease, background var(--mz-duration) ease;outline:none;padding:0 12px;font-family:inherit;font-size:14px;display:flex}.mz-textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px;line-height:1.5}.mz-input::placeholder,.mz-textarea::placeholder{color:var(--mz-text-muted)}.mz-input:hover,.mz-textarea:hover{border-color:rgba(var(--mz-text-rgb), .24)}.mz-input:focus-visible,.mz-textarea:focus-visible{border-color:rgba(var(--mz-tone-rgb), .65);box-shadow:var(--mz-well-inset), 0 0 0 3px rgba(var(--mz-tone-rgb), .22), 0 8px 26px -14px rgba(var(--mz-tone-rgb), .45)}.mz-input:disabled,.mz-textarea:disabled{opacity:.5;cursor:not-allowed}.mz-input[aria-invalid=true],.mz-textarea[aria-invalid=true]{--mz-tone-rgb:var(--mz-danger-rgb);border-color:rgba(var(--mz-danger-rgb), .6)}.mz-input--sm{height:34px;padding:0 10px;font-size:13px}.mz-input--lg{height:48px;padding:0 14px;font-size:15px}.mz-input[type=file]{align-items:center;padding-top:9px;font-size:13px}.mz-input[type=file]::file-selector-button{border:1px solid var(--mz-border-strong);border-radius:var(--mz-radius-sm);background:var(--mz-face);box-shadow:inset 0 1px 0 var(--mz-face-top);color:var(--mz-text);font-family:var(--mz-label-font);font-size:13px;font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);cursor:pointer;margin-right:12px;padding:5px 10px}.mz-select-trigger{cursor:pointer;text-align:left;width:100%;height:40px;color:var(--mz-text);white-space:nowrap;border-radius:var(--mz-radius);background-color:var(--mz-face);background-image:var(--mz-face-sheen);border:1px solid var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 1px 2px var(--mz-face-bottom);transition:background-color var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 12px;font-family:inherit;font-size:14px;display:flex}.mz-select-trigger--sm{height:34px;font-size:13px}.mz-select-trigger:hover{background-color:var(--mz-face-hover);border-color:rgba(var(--mz-tone-rgb), .45)}.mz-select-trigger:focus-visible,.mz-select-trigger[data-state=open]{border-color:rgba(var(--mz-tone-rgb), .65);box-shadow:inset 0 1px 0 var(--mz-face-top), 0 0 0 3px rgba(var(--mz-tone-rgb), .22), 0 10px 30px -14px rgba(var(--mz-tone-rgb), .45)}.mz-select-trigger[data-placeholder]{color:var(--mz-text-muted)}.mz-select-trigger[data-disabled]{opacity:.5;cursor:not-allowed}.mz-select-trigger__icon{opacity:.6;width:16px;height:16px;transition:transform var(--mz-duration) var(--mz-ease);flex-shrink:0}.mz-select-trigger[data-state=open] .mz-select-trigger__icon{transform:rotate(180deg)}.mz-select-content{z-index:60;min-width:10rem;max-height:var(--radix-select-content-available-height);padding:6px;position:relative;overflow:hidden}.mz-select-content[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-select-content[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-select-content--popper[data-side=bottom]{margin-top:6px}.mz-select-content--popper[data-side=top]{margin-bottom:6px}.mz-select-viewport{padding:0}.mz-select-viewport--popper{width:100%;min-width:var(--radix-select-trigger-width);height:var(--radix-select-trigger-height);scroll-margin:6px}.mz-select-scroll-button{cursor:default;height:22px;color:var(--mz-text-muted);justify-content:center;align-items:center;display:flex}.mz-item{border-radius:var(--mz-radius-sm);width:100%;color:var(--mz-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:8px 10px 8px 30px;font-size:14px;line-height:1.2;transition:background .14s,color .14s,box-shadow .14s;display:flex;position:relative}.mz-item>svg{opacity:.8;flex-shrink:0;width:16px;height:16px}.mz-item--inset{padding-left:30px}.mz-item--plain{padding-left:10px}.mz-item[data-highlighted]{background:rgba(var(--mz-tone-rgb), .16);box-shadow:inset 0 0 0 1px rgba(var(--mz-tone-rgb), .28);color:var(--mz-text)}.mz-item[data-state=checked]{color:rgb(var(--mz-tone-rgb));font-weight:600}.mz-item[data-disabled]{opacity:.45;pointer-events:none}.mz-item--destructive{--mz-tone-rgb:var(--mz-danger-rgb);color:rgb(var(--mz-danger-rgb))}.mz-item__indicator{place-content:center;width:16px;height:16px;display:grid;position:absolute;left:8px}.mz-item__indicator svg{width:14px;height:14px}.mz-menu-label{color:var(--mz-text-muted);padding:8px 10px 6px;font-size:12px;font-weight:600}.mz-menu-label--inset{padding-left:30px}.mz-menu-separator{background:var(--mz-border);height:1px;margin:6px -2px}.mz-menu-shortcut{font-family:var(--mz-font-mono);letter-spacing:.06em;color:var(--mz-text-muted);margin-left:auto;font-size:11px}.mz-menu-content{z-index:60;min-width:12rem;max-height:var(--radix-dropdown-menu-content-available-height);padding:6px;overflow:hidden auto}.mz-menu-content[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-menu-content[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-menu-sub-trigger[data-state=open]{background:rgba(var(--mz-text-rgb), .06)}.mz-menu-sub-trigger__icon{width:14px;height:14px;margin-left:auto}.mz-popover-content{z-index:60;outline:none;width:18rem;padding:16px}.mz-popover-content[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-popover-content[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-popover-header{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.mz-popover-title{font-size:15px;font-weight:700}.mz-popover-description{color:var(--mz-text-dim);font-size:13px}.mz-dialog-overlay{z-index:50;background:var(--mz-overlay);-webkit-backdrop-filter:blur(6px);position:fixed;inset:0}.mz-dialog-overlay[data-state=open]{animation:.2s mz-fade-in}.mz-dialog-overlay[data-state=closed]{animation:.16s mz-fade-out}.mz-dialog-content{z-index:51;border-radius:var(--mz-radius-lg);outline:none;flex-direction:column;gap:16px;width:calc(100% - 32px);max-width:32rem;max-height:calc(100dvh - 64px);padding:22px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.mz-dialog-content[data-state=open]{animation:mz-dialog-in .22s var(--mz-ease)}.mz-dialog-content[data-state=closed]{animation:mz-dialog-out .16s var(--mz-ease)}@keyframes mz-dialog-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes mz-dialog-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.mz-dialog-header{text-align:left;flex-direction:column;gap:6px;display:flex}.mz-dialog-title{font-family:var(--mz-font-display);font-size:18px;font-weight:700;line-height:1.3}.mz-dialog-description{color:var(--mz-text-dim);font-size:14px}.mz-dialog-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.mz-dialog-close{border-radius:var(--mz-radius-sm);width:28px;height:28px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;place-content:center;transition:background .16s,color .16s,border-color .16s;display:grid;position:absolute;top:16px;right:16px}.mz-dialog-close:hover{background:rgba(var(--mz-text-rgb), .08);border-color:var(--mz-border);color:var(--mz-text)}.mz-dialog-close svg{width:15px;height:15px}.mz-alert-dialog-content{max-width:26rem;padding-right:22px}.mz-alert-dialog-content .mz-dialog-footer{margin-top:4px}.mz-tooltip-content{z-index:70;border-radius:var(--mz-radius-sm);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border:1px solid var(--mz-convex-hairline);max-width:20rem;box-shadow:0 10px 30px -10px rgba(var(--mz-tone-rgb), .6), inset 0 1px 0 var(--mz-convex-top);color:#fff;text-shadow:var(--mz-convex-text-shadow);padding:7px 11px;font-size:12px;line-height:1.35}.mz-tooltip-content[data-state=delayed-open]{animation:mz-pop-in .14s var(--mz-ease)}.mz-tooltip-content[data-state=closed]{animation:mz-pop-out .1s var(--mz-ease)}.mz-tooltip-arrow{fill:rgb(var(--mz-tone-rgb));z-index:1;border-radius:2px;translate:0 -1px}.mz-tabs{flex-direction:column;gap:16px;display:flex}.mz-tabs[data-orientation=vertical]{flex-direction:row}.mz-tabs-list{border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border);width:fit-content;box-shadow:var(--mz-well-inset);align-items:center;gap:4px;padding:4px;display:inline-flex}.mz-tabs[data-orientation=vertical] .mz-tabs-list{flex-direction:column;align-items:stretch}.mz-tabs-list--line{border:none;border-bottom:1px solid var(--mz-border);box-shadow:none;background:0 0;border-radius:0;justify-content:flex-start;gap:22px;width:100%;padding:0}.mz-tabs-trigger{cursor:pointer;white-space:nowrap;border-radius:var(--mz-radius-sm);height:34px;color:var(--mz-text-dim);font-family:var(--mz-label-font);font-size:14px;font-weight:var(--mz-label-weight);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);transition:background var(--mz-duration) ease, color var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;background:0 0;border:1px solid #0000;outline:none;flex:auto;justify-content:center;align-items:center;gap:.5em;padding:0 16px;display:inline-flex}.mz-tabs-trigger>svg{width:1.15em;height:1.15em}.mz-tabs-trigger:hover{color:var(--mz-text)}.mz-tabs-trigger[data-state=active]{color:#fff;border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 8px 24px -10px rgba(var(--mz-tone-rgb), .6), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-tabs-list--line .mz-tabs-trigger{box-shadow:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;margin-bottom:-1px;padding:0 2px}.mz-tabs-list--line .mz-tabs-trigger[data-state=active]{color:rgb(var(--mz-tone-rgb));border-bottom-color:rgb(var(--mz-tone-rgb));box-shadow:0 8px 20px -14px rgba(var(--mz-tone-rgb), .9);text-shadow:none;background:0 0}.mz-tabs-list:not(.mz-tabs-list--line) .mz-tabs-trigger[data-state=active]:hover{background-color:var(--mz-fill-hover)}.mz-tabs-content{outline:none;flex:1}.mz-tabs-list--scroll{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.mz-tabs-list--scroll::-webkit-scrollbar{display:none}.mz-tabs-list--scroll .mz-tabs-trigger{flex:none}.mz-tabs-list-wrap{width:100%;min-width:0;position:relative}.mz-tabs-list--menu{flex-wrap:nowrap;width:100%;min-width:0;display:flex}.mz-tabs-list--menu .mz-tabs-trigger{flex:0 auto;min-width:0}.mz-tabs-list__mirror{pointer-events:none;white-space:nowrap;gap:4px;display:flex;position:absolute;top:0;left:-9999px}.mz-tabs-list__mirror .mz-tabs-trigger{flex:none}.mz-tabs-overflow{flex:none;gap:.35em;margin-left:auto}.mz-tabs-overflow__icon{width:16px;height:16px}.mz-tabs-overflow__caret{opacity:.7;width:13px;height:13px}.mz-tabs-overflow[data-active]{color:rgb(var(--mz-tone-rgb))}.mz-tabs-overflow[data-state=open]{color:var(--mz-text);background:var(--mz-face)}@media (width<=640px){.mz-tabs-overflow__label{display:none}}.mz-card{border-radius:var(--mz-radius-lg);background-color:var(--mz-surface);background-image:var(--mz-face-sheen);border:1px solid var(--mz-border);box-shadow:var(--mz-shadow-2), inset 0 1px 0 var(--mz-face-top);color:var(--mz-text);transition:border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;background-repeat:no-repeat;background-size:100% 60px;flex-direction:column;gap:18px;padding:20px;display:flex}.mz-card--interactive{cursor:pointer}.mz-card--interactive:hover{border-color:rgba(var(--mz-primary-rgb), .35);box-shadow:0 24px 60px -28px rgba(var(--mz-primary-rgb), .55), inset 0 1px 0 var(--mz-face-top)}.mz-card-header{grid-template-columns:1fr auto;align-items:start;gap:4px 12px;display:grid}.mz-card-title{font-family:var(--mz-font-display);font-size:16px;font-weight:700;line-height:1.3}.mz-card-description{color:var(--mz-text-dim);grid-column:1;font-size:13px}.mz-card-action{grid-area:1/2/span 2;justify-self:end}.mz-card-content{flex:1}.mz-card-footer{align-items:center;gap:10px;display:flex}.mz-badge{border-radius:var(--mz-radius-sm);white-space:nowrap;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex;overflow:hidden}.mz-badge>svg{width:13px;height:13px}.mz-badge--solid{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);color:#fff;border-color:var(--mz-convex-hairline);box-shadow:0 6px 16px -8px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-badge--soft{background:rgba(var(--mz-tone-rgb), .14);color:rgb(var(--mz-tone-rgb));border-color:rgba(var(--mz-tone-rgb), .32)}.mz-badge--outline{color:var(--mz-text-dim);border-color:var(--mz-border-strong);background:0 0}.mz-alert{border-radius:var(--mz-radius);background:color-mix(in srgb, var(--mz-surface), rgb(var(--mz-tone-rgb)) 11%);border:1px solid rgba(var(--mz-tone-rgb), .32);width:100%;box-shadow:0 10px 30px -20px rgba(var(--mz-tone-rgb), .8);color:var(--mz-text);grid-template-columns:0 1fr;align-items:start;gap:2px 0;padding:14px 16px;font-size:14px;display:grid;position:relative}.mz-alert:has(>svg){grid-template-columns:18px 1fr;gap:2px 12px}.mz-alert>svg{width:17px;height:17px;color:rgb(var(--mz-tone-rgb));translate:0 2px}.mz-alert-title{grid-column-start:2;font-weight:700;line-height:1.35}.mz-alert-description{color:var(--mz-text-dim);grid-column-start:2;font-size:13px}.mz-accordion{flex-direction:column;display:flex}.mz-accordion-item{border-bottom:1px solid var(--mz-border)}.mz-accordion-item:last-child{border-bottom:none}.mz-accordion-header{display:flex}.mz-accordion-trigger{cursor:pointer;color:var(--mz-text);text-align:left;transition:color var(--mz-duration) ease;background:0 0;border:none;outline:none;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.mz-accordion-trigger:hover{color:rgb(var(--mz-primary-rgb))}.mz-accordion-trigger__icon{border-radius:var(--mz-radius-sm);background:var(--mz-face);border:1px solid var(--mz-border-strong);width:26px;height:26px;box-shadow:inset 0 1px 0 var(--mz-face-top);transition:background var(--mz-duration) ease, border-color var(--mz-duration) ease, box-shadow var(--mz-duration) ease;flex-shrink:0;place-content:center;display:grid}.mz-accordion-trigger__icon svg{width:13px;height:13px;transition:transform var(--mz-duration) var(--mz-ease)}.mz-accordion-trigger[data-state=open] .mz-accordion-trigger__icon svg{transform:rotate(180deg)}.mz-accordion-trigger[data-state=open] .mz-accordion-trigger__icon{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);box-shadow:inset 0 1px 0 var(--mz-convex-top);color:#fff}.mz-accordion-content{color:var(--mz-text-dim);font-size:14px;overflow:hidden}.mz-accordion-content[data-state=open]{animation:mz-accordion-down .24s var(--mz-ease)}.mz-accordion-content[data-state=closed]{animation:mz-accordion-up .2s var(--mz-ease)}.mz-accordion-content__inner{padding:0 4px 16px}@keyframes mz-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes mz-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.mz-progress{background:var(--mz-well);border:1px solid var(--mz-border);width:100%;height:8px;box-shadow:var(--mz-well-inset);border-radius:4px;position:relative;overflow:hidden}.mz-progress__indicator{border-radius:inherit;background:rgb(var(--mz-tone-rgb));height:100%;box-shadow:0 0 14px rgba(var(--mz-tone-rgb), .6), inset 0 1px 0 var(--mz-convex-top);transition:transform .5s var(--mz-ease)}.mz-avatar{--mz-avatar-radius:var(--mz-radius-pill);border-radius:var(--mz-avatar-radius);width:40px;height:40px;box-shadow:var(--mz-shadow-1);flex-shrink:0;display:flex;position:relative;overflow:hidden}.mz-avatar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mz-border-strong);pointer-events:none;position:absolute;inset:0}.mz-avatar--sm{width:30px;height:30px}.mz-avatar--lg{width:56px;height:56px}.mz-avatar__image{object-fit:cover;aspect-ratio:1;width:100%;height:100%}.mz-avatar__fallback{background-color:rgb(var(--mz-tone-rgb));background-image:var(--mz-fill-sheen);width:100%;height:100%;box-shadow:inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);color:#fff;letter-spacing:.02em;text-transform:uppercase;place-content:center;font-size:13px;font-weight:700;display:grid}.mz-avatar--sm .mz-avatar__fallback{font-size:10px}.mz-avatar--lg .mz-avatar__fallback{font-size:17px}.mz-avatar-group{--mz-avatar-ring:var(--mz-surface);align-items:center;display:flex}.mz-avatar-group .mz-avatar{box-shadow:0 0 0 2px var(--mz-avatar-ring), var(--mz-shadow-1)}.mz-avatar-group .mz-avatar+.mz-avatar{margin-left:-10px}.mz-avatar-group .mz-avatar--sm+.mz-avatar--sm{margin-left:-8px}.mz-separator{background:var(--mz-border);flex-shrink:0}.mz-separator[data-orientation=horizontal]{width:100%;height:1px}.mz-separator[data-orientation=vertical]{align-self:stretch;width:1px;height:100%}.mz-skeleton{border-radius:var(--mz-radius-sm);background:linear-gradient(90deg, rgba(var(--mz-text-rgb), .06) 0%, rgba(var(--mz-text-rgb), .13) 50%, rgba(var(--mz-text-rgb), .06) 100%);background-size:200% 100%;animation:1.6s linear infinite mz-shimmer}.mz-spinner{width:18px;height:18px;color:rgb(var(--mz-primary-rgb));display:inline-block}.mz-spinner svg{width:100%;height:100%;animation:.8s linear infinite mz-spin}.mz-dt{--mz-dt-row-h:44px;--mz-dt-cell-x:14px;--mz-dt-font:14px;color:var(--mz-text);flex-direction:column;gap:12px;display:flex;position:relative}.mz-dt[data-density=compact]{--mz-dt-row-h:36px;--mz-dt-cell-x:10px;--mz-dt-font:13px}.mz-dt[data-density=relaxed]{--mz-dt-row-h:56px;--mz-dt-cell-x:18px}.mz-dt__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mz-dt__toolbar-main{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.mz-dt__toolbar-side{align-items:center;gap:8px;margin-left:auto;display:flex}.mz-dt__count{border-radius:var(--mz-radius-sm);background:rgba(var(--mz-primary-rgb), .22);min-width:18px;height:18px;color:rgb(var(--mz-primary-rgb));place-content:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.mz-dt__chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mz-dt__chip{border-radius:var(--mz-radius-sm);background:rgba(var(--mz-primary-rgb), .14);border:1px solid rgba(var(--mz-primary-rgb), .3);color:var(--mz-text);white-space:nowrap;align-items:center;gap:8px;padding:3px 4px 3px 10px;font-size:12px;display:inline-flex}.mz-dt__chip b{color:rgb(var(--mz-primary-rgb));font-weight:600}.mz-dt__chip button{width:18px;height:18px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;place-content:center;font-size:15px;line-height:1;transition:background .16s,color .16s;display:grid}.mz-dt__chip button:hover{background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__scroller{border-radius:var(--mz-radius-lg);background:var(--mz-surface);border:1px solid var(--mz-border);max-width:100%;box-shadow:var(--mz-shadow-2);overscroll-behavior-x:contain;position:relative;overflow:auto}.mz-dt [data-pin-edge]{transition:box-shadow .2s}.mz-dt__scroller[data-scrolled-left] [data-pin-edge=left]{box-shadow:inset -1px 0 0 var(--mz-border-strong)}.mz-dt__scroller[data-scrolled-right] [data-pin-edge=right]{box-shadow:inset 1px 0 0 var(--mz-border-strong)}.mz-dt__table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;font-size:var(--mz-dt-font)}.mz-dt__th{height:var(--mz-dt-row-h);padding:0 var(--mz-dt-cell-x);text-align:left;color:var(--mz-text-dim);white-space:nowrap;background:var(--mz-glass-well);border-bottom:1px solid var(--mz-border-strong);box-shadow:inset 0 1px 0 var(--mz-glass-edge);-webkit-user-select:none;user-select:none;font-weight:600;position:relative}.mz-dt__table[data-sticky] .mz-dt__th,.mz-dt__th[data-pinned]{-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter)}.mz-dt__table[data-sticky] .mz-dt__th{z-index:2;position:sticky;top:0}.mz-dt__th[data-align=right]{text-align:right}.mz-dt__th[data-align=center]{text-align:center}.mz-dt__th--control{text-align:center;padding:0}.mz-dt__th-inner{align-items:center;gap:6px;min-width:0;display:flex}.mz-dt__th[data-align=right] .mz-dt__th-inner{justify-content:flex-end}.mz-dt__th[data-align=center] .mz-dt__th-inner{justify-content:center}.mz-dt__th-label{text-overflow:ellipsis;overflow:hidden}.mz-dt__sort{border-radius:var(--mz-radius-sm);min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0 -6px;padding:4px 6px;transition:background .16s,color .16s;display:inline-flex}.mz-dt__sort:hover{background:rgba(var(--mz-text-rgb), .07);color:var(--mz-text)}.mz-dt__sort-icon{opacity:.45;flex-shrink:0;align-items:center;gap:2px;transition:opacity .16s,color .16s;display:inline-flex}.mz-dt__sort-icon svg{width:13px;height:13px}.mz-dt__sort-icon:not([data-active]) svg{stroke-width:3px;width:16px;height:16px}.mz-dt__sort-icon[data-active]{opacity:1;color:rgb(var(--mz-primary-rgb))}.mz-dt__sort-icon b{font-size:10px;font-weight:700}.mz-dt__sort:hover .mz-dt__sort-icon{opacity:.9}.mz-dt__filter{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-content:center;margin-left:auto;transition:background .16s,color .16s,border-color .16s;display:grid}.mz-dt__filter svg{width:13px;height:13px}.mz-dt__filter:hover{background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__filter[data-active],.mz-dt__filter[data-active]:hover{color:rgb(var(--mz-tone-rgb,var(--mz-primary-rgb)));background:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .16);border-color:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .45)}.mz-dt__filter[data-active]:hover{background:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .24)}.mz-dt__filter[data-active] svg{fill:currentColor}.mz-dt__resizer{z-index:3;cursor:col-resize;touch-action:none;width:10px;height:100%;position:absolute;top:0;right:0}.mz-dt__resizer:after{content:"";background:var(--mz-border-strong);width:1px;height:60%;transition:background .16s,height .16s,top .16s;position:absolute;top:20%;right:0}.mz-dt__resizer:hover:after,.mz-dt__resizer:focus-visible:after,.mz-dt__resizer[data-resizing]:after{background:rgb(var(--mz-primary-rgb));width:2px;height:100%;box-shadow:0 0 8px rgba(var(--mz-primary-rgb), .6);top:0}.mz-dt__row:hover>.mz-dt__td{background-color:color-mix(in srgb, var(--mz-surface) 95.5%, rgb(var(--mz-text-rgb)))}.mz-dt__row[data-selected]>.mz-dt__td{background-color:color-mix(in srgb, var(--mz-surface) 88%, rgb(var(--mz-primary-rgb)))}.mz-dt__row[data-clickable]{cursor:pointer}.mz-dt__td{height:var(--mz-dt-row-h);padding:0 var(--mz-dt-cell-x);border-bottom:1px solid var(--mz-border);background:var(--mz-surface);vertical-align:middle}.mz-dt__td[data-align=right]{text-align:right}.mz-dt__td[data-align=center]{text-align:center}.mz-dt__td--control{text-align:center;padding:0}.mz-dt__col-filler{width:auto}.mz-dt__th--filler,.mz-dt__td--filler{padding:0}.mz-dt__td[data-editable]{cursor:text}.mz-dt__cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mz-dt__td[data-align=right] .mz-dt__cell{text-align:right}.mz-dt__editor{min-width:0}.mz-dt__th[data-pinned],.mz-dt__td[data-pinned]{z-index:2;position:sticky}.mz-dt__table[data-sticky] .mz-dt__th[data-pinned]{z-index:4}.mz-dt__td[data-pinned]{background:var(--mz-surface)}.mz-dt__expand{border-radius:var(--mz-radius-sm);width:24px;height:24px;color:var(--mz-text-dim);cursor:pointer;transition:background .16s ease, transform .2s var(--mz-ease), color .16s ease;background:0 0;border:1px solid #0000;place-content:center;margin:0 auto;display:grid}.mz-dt__expand svg{width:13px;height:13px}.mz-dt__expand:hover{background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__expand[data-open]{color:rgb(var(--mz-primary-rgb));transform:rotate(90deg)}.mz-dt__row--expanded>.mz-dt__td{background:var(--mz-bg-2)}.mz-dt__td--expanded{padding:14px var(--mz-dt-cell-x);white-space:normal}.mz-dt__state{color:var(--mz-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.mz-dt__state svg{opacity:.6;width:30px;height:30px}.mz-dt__state p{margin:0;font-size:14px}.mz-dt__state[data-tone=danger]{color:rgb(var(--mz-danger-rgb))}.mz-dt__more{border-top:1px solid var(--mz-border);justify-content:center;align-items:center;padding:12px;display:flex}.mz-dt__loading-bar{background:linear-gradient(90deg, transparent, rgb(var(--mz-primary-rgb)), transparent);background-repeat:no-repeat;background-size:40% 100%;height:2px;animation:1.1s ease-in-out infinite mz-dt-sweep;position:sticky;bottom:0;left:0}@keyframes mz-dt-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}.mz-dt__pagination{color:var(--mz-text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.mz-dt__pagination-size{align-items:center;gap:8px;display:flex}.mz-dt__pagination-select{width:auto;min-width:76px}.mz-dt__pagination-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.mz-dt__pagination-page{font-variant-numeric:tabular-nums;margin-right:6px}.mz-dt__pagination-info{font-variant-numeric:tabular-nums}.mz-dt__bulkbar{z-index:5;border-radius:var(--mz-radius-lg);background-color:var(--mz-glass);background-image:var(--mz-glass-sheen);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-shadow-3), inset 0 1px 0 var(--mz-glass-edge);animation:mz-pop-in .18s var(--mz-ease);flex-wrap:wrap;align-self:center;align-items:center;gap:14px;padding:10px 10px 10px 16px;display:flex;position:sticky;bottom:12px}.mz-dt__bulkbar-count{white-space:nowrap;font-size:13px;font-weight:600}.mz-dt__bulkbar-actions{align-items:center;gap:8px;display:flex}.mz-dt__filter-panel{width:15rem;max-height:var(--radix-popper-available-height,60vh);flex-direction:column;padding:12px;display:flex}.mz-dt__filter-body{min-height:0;overflow:auto}.mz-dt__filter-head{color:var(--mz-text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.mz-dt__filter-options{flex-direction:column;gap:8px;max-height:13rem;display:flex;overflow:auto}.mz-dt__filter-option{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.mz-dt__filter-range{align-items:center;gap:8px;display:flex}.mz-dt__filter-range--stacked{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;display:grid}.mz-dt__filter-dash{color:var(--mz-text-muted)}.mz-dt__filter-actions{border-top:1px solid var(--mz-border);justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}.mz-dt__columns{width:19rem;padding:10px}.mz-dt__columns-head{color:var(--mz-text-muted);justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:12px;font-weight:600;display:flex}.mz-dt__columns-list{flex-direction:column;gap:2px;max-height:17rem;margin:6px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.mz-dt__columns-item{border-radius:var(--mz-radius-sm);cursor:grab;align-items:center;gap:8px;padding:5px 6px;font-size:13px;transition:background .16s,opacity .16s;display:flex}.mz-dt__columns-item:hover{background:rgba(var(--mz-text-rgb), .06)}.mz-dt__columns-item[data-dragging]{opacity:.45;cursor:grabbing}.mz-dt__columns-item[data-drop]{background:rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .16);box-shadow:inset 0 0 0 1px rgba(var(--mz-tone-rgb,var(--mz-primary-rgb)), .5)}.mz-dt__columns-grip{color:var(--mz-text-muted);place-content:center;display:grid}.mz-dt__columns-grip svg{width:14px;height:14px}.mz-dt__columns-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mz-dt__columns-controls{align-items:center;gap:2px;display:flex}.mz-dt__icon-btn{border-radius:var(--mz-radius-sm);width:24px;height:24px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;place-content:center;font-size:12px;line-height:1;transition:background .16s,color .16s;display:grid}.mz-dt__icon-btn svg{width:13px;height:13px}.mz-dt__icon-btn:hover:not(:disabled){background:rgba(var(--mz-text-rgb), .1);color:var(--mz-text)}.mz-dt__icon-btn:disabled{opacity:.35;cursor:not-allowed}.mz-dt__icon-btn[data-active]{color:rgb(var(--mz-primary-rgb))}.mz-dt__pin svg{transition:transform var(--mz-duration) var(--mz-ease)}.mz-dt__pin[data-pinned=left] svg{transform:rotate(-45deg)}.mz-dt__pin[data-pinned=right] svg{transform:rotate(45deg)}.mz-table-wrap{border-radius:var(--mz-radius);width:100%;overflow-x:auto}.mz-table{caption-side:bottom;border-collapse:separate;border-spacing:0;width:100%;color:var(--mz-text);font-size:14px}.mz-table__caption{color:var(--mz-text-muted);padding-top:10px;font-size:13px}.mz-table__th{text-align:left;white-space:nowrap;vertical-align:middle;color:var(--mz-text-dim);font-family:var(--mz-label-font);letter-spacing:var(--mz-label-tracking);text-transform:var(--mz-label-transform);background:var(--mz-well);border-bottom:1px solid var(--mz-border);padding:10px 12px;font-size:12px;font-weight:600;position:relative}.mz-table__td{vertical-align:middle;border-bottom:1px solid var(--mz-border);padding:10px 12px}.mz-table__row{transition:background var(--mz-duration) ease}.mz-table__body .mz-table__row:hover{background:rgba(var(--mz-text-rgb), .035)}.mz-table__row[data-state=selected]{background:rgba(var(--mz-tone-rgb), .12)}.mz-table__body>.mz-table__row:last-child>.mz-table__td{border-bottom:0}.mz-table__foot{background:var(--mz-well);font-weight:600}.mz-table__foot .mz-table__td{border-bottom:0;border-top:1px solid var(--mz-border)}:is(.mz-table__th:has(>.mz-checkbox),.mz-table__td:has(>.mz-checkbox)){width:1%;padding-right:0}.mz-breadcrumb{color:var(--mz-text-muted);font-size:13px}.mz-breadcrumb__list{flex-wrap:wrap;align-items:center;gap:6px;padding:0;list-style:none;display:flex}.mz-breadcrumb__item{align-items:center;gap:6px;display:inline-flex}.mz-breadcrumb__link{color:inherit;border-radius:var(--mz-radius-sm);transition:color var(--mz-duration) ease;text-decoration:none}.mz-breadcrumb__link:hover{color:var(--mz-text)}.mz-breadcrumb__page{color:var(--mz-text);font-weight:500}.mz-breadcrumb__separator{opacity:.5;align-items:center;display:inline-flex}.mz-breadcrumb__separator>svg{width:13px;height:13px}.mz-breadcrumb__ellipsis{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.mz-breadcrumb__ellipsis>svg{width:15px;height:15px}.mz-menubar{border-radius:var(--mz-radius);background:var(--mz-well);border:1px solid var(--mz-border);box-shadow:var(--mz-well-inset);align-items:center;gap:2px;padding:4px;display:flex}.mz-menubar__trigger{border-radius:var(--mz-radius-sm);height:30px;color:var(--mz-text-dim);font-family:var(--mz-label-font);font-size:13px;font-weight:var(--mz-label-weight);white-space:nowrap;cursor:pointer;transition:background var(--mz-duration) ease, color var(--mz-duration) ease;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:.4em;padding:0 10px;display:inline-flex}.mz-menubar__trigger:hover{color:var(--mz-text);background:var(--mz-face)}.mz-menubar__trigger[data-state=open]{color:var(--mz-text);background:rgba(var(--mz-tone-rgb), .16);border-color:rgba(var(--mz-tone-rgb), .28)}.mz-navmenu{justify-content:center;max-width:max-content;display:flex;position:relative}.mz-navmenu__list{flex:1;justify-content:center;align-items:center;gap:4px;padding:0;list-style:none;display:flex}.mz-navmenu__item{position:relative}.mz-navmenu__trigger{border-radius:var(--mz-radius);height:36px;color:var(--mz-text-dim);font-family:var(--mz-label-font);font-size:14px;font-weight:var(--mz-label-weight);white-space:nowrap;cursor:pointer;transition:background var(--mz-duration) ease, color var(--mz-duration) ease;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:.35em;padding:0 12px;text-decoration:none;display:inline-flex}.mz-navmenu__trigger:hover,.mz-navmenu__trigger[data-state=open]{color:var(--mz-text);background:var(--mz-face)}.mz-navmenu__trigger-icon{opacity:.7;width:13px;height:13px;transition:transform var(--mz-duration) var(--mz-ease)}.mz-navmenu__trigger[data-state=open] .mz-navmenu__trigger-icon{transform:rotate(180deg)}.mz-navmenu__content{padding:14px}.mz-navmenu__content[data-motion=from-start]{animation:mz-navmenu-from-left .2s var(--mz-ease)}.mz-navmenu__content[data-motion=from-end]{animation:mz-navmenu-from-right .2s var(--mz-ease)}.mz-navmenu__content[data-motion=to-start]{animation:mz-navmenu-to-left .2s var(--mz-ease)}.mz-navmenu__content[data-motion=to-end]{animation:mz-navmenu-to-right .2s var(--mz-ease)}.mz-navmenu[data-viewport=false] .mz-navmenu__content{z-index:60;background-color:var(--mz-glass);min-width:14rem;-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-3), inset 0 1px 0 var(--mz-glass-edge);position:absolute;top:calc(100% + 8px);left:0}.mz-navmenu__viewport-wrap{z-index:60;justify-content:center;width:100%;display:flex;position:absolute;top:100%;left:0}.mz-navmenu__viewport{width:var(--radix-navigation-menu-viewport-width);height:var(--radix-navigation-menu-viewport-height);transition:width var(--mz-duration) var(--mz-ease), height var(--mz-duration) var(--mz-ease);margin-top:8px;position:relative;overflow:hidden}.mz-navmenu__viewport[data-state=open]{animation:mz-pop-in .16s var(--mz-ease)}.mz-navmenu__viewport[data-state=closed]{animation:mz-pop-out .12s var(--mz-ease)}.mz-navmenu__link{border-radius:var(--mz-radius-sm);color:var(--mz-text);outline:none;flex-direction:column;gap:3px;padding:9px 10px;font-size:14px;text-decoration:none;transition:background .14s,box-shadow .14s;display:flex}.mz-navmenu__link:hover,.mz-navmenu__link[data-active]{background:rgba(var(--mz-tone-rgb), .14);box-shadow:inset 0 0 0 1px rgba(var(--mz-tone-rgb), .26)}.mz-navmenu__indicator{z-index:61;height:8px;transition:all var(--mz-duration) var(--mz-ease);justify-content:center;display:flex;top:100%;overflow:hidden}.mz-navmenu__indicator[data-state=hidden]{opacity:0}.mz-navmenu__arrow{background:var(--mz-glass);border-top:1px solid var(--mz-border-strong);border-left:1px solid var(--mz-border-strong);border-top-left-radius:2px;width:10px;height:10px;position:relative;top:60%;rotate:45deg}@keyframes mz-navmenu-from-left{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes mz-navmenu-from-right{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes mz-navmenu-to-left{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-14px)}}@keyframes mz-navmenu-to-right{0%{opacity:1;transform:none}to{opacity:0;transform:translate(14px)}}.mz-calendar{color:var(--mz-text);-webkit-user-select:none;user-select:none;padding:12px;font-size:13px;display:inline-block;position:relative}.mz-calendar__nav{z-index:1;gap:4px;display:flex;position:absolute;top:12px;right:12px}.mz-calendar__nav-button{border:1px solid var(--mz-border);border-radius:var(--mz-radius-sm);background:var(--mz-face);width:28px;height:28px;color:var(--mz-text-dim);cursor:pointer;transition:background var(--mz-duration) ease, color var(--mz-duration) ease;place-content:center;display:grid}.mz-calendar__nav-button svg{width:15px;height:15px}.mz-calendar__nav-button:hover:not(:disabled){background:var(--mz-face-hover);color:var(--mz-text)}.mz-calendar__nav-button:disabled{opacity:.4;cursor:default}.mz-calendar__months{align-items:flex-start;gap:20px;display:flex}.mz-calendar__month{flex-direction:column;gap:8px;display:flex}.mz-calendar__caption{text-transform:capitalize;align-items:center;height:28px;padding-right:64px;font-size:14px;font-weight:600;display:flex}.mz-calendar__caption--dropdown{gap:6px;padding-right:64px}.mz-calendar__dropdown{border:1px solid var(--mz-border);border-radius:var(--mz-radius-sm);background:var(--mz-face);height:26px;color:var(--mz-text);cursor:pointer;padding:0 4px;font-family:inherit;font-size:13px;font-weight:600}.mz-calendar__grid{border-collapse:separate;border-spacing:2px}.mz-calendar__weekday,.mz-calendar__weeknum-head{width:34px;color:var(--mz-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 0 2px;font-size:11px;font-weight:600}.mz-calendar__weeknum{width:26px;color:var(--mz-text-muted);text-align:center;font-size:11px}.mz-calendar__cell{padding:0}.mz-calendar__day{border-radius:var(--mz-radius-sm);width:34px;height:32px;color:var(--mz-text);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--mz-duration) ease, color var(--mz-duration) ease, border-color var(--mz-duration) ease;background:0 0;border:1px solid #0000;outline:none;place-content:center;padding:0;font-family:inherit;font-size:13px;display:grid}.mz-calendar__day:hover:not(:disabled){background:var(--mz-face-hover)}.mz-calendar__day:disabled{opacity:.3;cursor:not-allowed}.mz-calendar__day[data-outside]{color:var(--mz-text-muted);opacity:.6}.mz-calendar__day[data-today]{border-color:rgba(var(--mz-tone-rgb), .55);font-weight:600}.mz-calendar__day[data-selected]{background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);border-color:var(--mz-convex-hairline);color:#fff;box-shadow:0 6px 18px -8px rgba(var(--mz-tone-rgb), .7), inset 0 1px 0 var(--mz-convex-top);font-weight:600}.mz-calendar__day[data-selected]:hover{background-color:var(--mz-fill-hover)}.mz-calendar__day[data-range-middle]{background:rgba(var(--mz-tone-rgb), .16);color:var(--mz-text);border-radius:0}.mz-calendar__day[data-range-start]:not([data-range-end]){border-top-right-radius:0;border-bottom-right-radius:0}.mz-calendar__day[data-range-end]:not([data-range-start]){border-top-left-radius:0;border-bottom-left-radius:0}.mz-calendar__day[data-preview]{background:rgba(var(--mz-tone-rgb), .09);color:var(--mz-text);box-shadow:none;border-color:#0000}.mz-calendar__day[data-preview][data-range-end]{border:1px dashed rgba(var(--mz-tone-rgb), .7)}.mz-scroll-area{position:relative;overflow:hidden}.mz-scroll-area__viewport{border-radius:inherit;outline:none;width:100%;height:100%}.mz-scrollbar{touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--mz-duration) ease, opacity var(--mz-duration) ease;background:0 0;padding:2px;display:flex}.mz-scrollbar[data-orientation=vertical]{width:10px}.mz-scrollbar--horizontal,.mz-scrollbar[data-orientation=horizontal]{flex-direction:column;height:10px}.mz-scrollbar:hover{background:rgba(var(--mz-text-rgb), .06)}.mz-scrollbar__thumb{border-radius:var(--mz-radius-pill);background:rgba(var(--mz-text-rgb), .22);transition:background var(--mz-duration) ease;flex:1;position:relative}.mz-scrollbar__thumb:hover{background:rgba(var(--mz-text-rgb), .34)}.mz-scrollbar__thumb:active{background:rgba(var(--mz-tone-rgb), .6)}.mz-scrollbar__thumb:before{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.mz-scroll-area__corner{background:0 0}.mz-toast-viewport{z-index:90;outline:none;flex-direction:column;gap:10px;width:min(400px,100vw - 32px);max-height:100dvh;margin:0;padding:16px;list-style:none;display:flex;position:fixed}.mz-toast-viewport--bottom-right{bottom:0;right:0}.mz-toast-viewport--bottom-left{bottom:0;left:0}.mz-toast-viewport--top-right{flex-direction:column-reverse;top:0;right:0}.mz-toast-viewport--top-left{flex-direction:column-reverse;top:0;left:0}.mz-toast{border-radius:var(--mz-radius);border-left:3px solid rgba(var(--mz-tone-rgb), .9);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.mz-toast:not([data-tone]){border-left-color:var(--mz-border-strong)}.mz-toast__body{flex-direction:column;gap:3px;min-width:0;display:flex}.mz-toast__title{color:var(--mz-text);font-size:14px;font-weight:600}.mz-toast__description{color:var(--mz-text-dim);overflow-wrap:anywhere;font-size:13px}.mz-toast__action{border-radius:var(--mz-radius-sm);border:1px solid var(--mz-border-strong);background:var(--mz-face);height:30px;color:var(--mz-text);cursor:pointer;transition:background var(--mz-duration) ease;grid-column:2;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500}.mz-toast__action:hover{background:var(--mz-face-hover)}.mz-toast__close{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;opacity:0;transition:opacity var(--mz-duration) ease, background var(--mz-duration) ease;background:0 0;border:0;place-content:center;display:grid;position:absolute;top:8px;right:8px}.mz-toast__close svg{width:13px;height:13px}.mz-toast:hover .mz-toast__close,.mz-toast__close:focus-visible{opacity:1}.mz-toast__close:hover{background:rgba(var(--mz-text-rgb), .1)}.mz-toast{position:relative}.mz-toast[data-state=open]{animation:mz-toast-in .22s var(--mz-ease)}.mz-toast[data-state=closed]{animation:mz-toast-out .16s var(--mz-ease)}.mz-toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x));transition:none}.mz-toast[data-swipe=cancel]{transition:transform .2s var(--mz-ease);transform:translate(0)}.mz-toast[data-swipe=end]{animation:mz-toast-swipe-out .12s var(--mz-ease)}@keyframes mz-toast-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes mz-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.97)}}@keyframes mz-toast-swipe-out{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translate(110%)}}.mz-chart{width:100%;color:var(--mz-text-dim);justify-content:center;font-size:12px;display:flex}.mz-chart svg{overflow:visible}.mz-chart .recharts-cartesian-grid line,.mz-chart line[stroke-dasharray],.mz-chart .recharts-cartesian-axis-line,.mz-chart .recharts-cartesian-axis-tick-line{stroke:var(--mz-border)}.mz-chart text{fill:var(--mz-text-muted);font-family:inherit}.mz-chart .recharts-rectangle.recharts-tooltip-cursor{fill:rgba(var(--mz-text-rgb), .06)}.mz-chart .recharts-curve.recharts-tooltip-cursor{stroke:rgba(var(--mz-tone-rgb), .5)}.mz-chart .recharts-sector[stroke=\#fff],.mz-chart .recharts-dot[stroke=\#fff]{stroke:var(--mz-surface)}.mz-chart__tooltip{border-radius:var(--mz-radius-sm);z-index:40;min-width:9rem;padding:9px 11px;font-size:12px}.mz-chart__tooltip-label{color:var(--mz-text);margin-bottom:6px;font-weight:600}.mz-chart__tooltip-items{flex-direction:column;gap:4px;display:flex}.mz-chart__tooltip-item{color:var(--mz-text-dim);align-items:center;gap:7px;display:flex}.mz-chart__tooltip-name{flex:1}.mz-chart__tooltip-value{color:var(--mz-text);font-variant-numeric:tabular-nums;font-weight:600}.mz-chart__tooltip-icon{flex-shrink:0;width:13px;height:13px}.mz-chart__legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding-top:12px;display:flex}.mz-chart__legend-item{align-items:center;gap:6px;display:flex}.mz-chart__swatch{background:var(--mz-chart-color,currentColor);border-radius:2px;flex-shrink:0}.mz-chart__swatch--dot{border-radius:var(--mz-radius-pill);width:9px;height:9px}.mz-chart__swatch--line{width:12px;height:3px}.mz-chart__swatch--dashed{border-top:2px dashed var(--mz-chart-color,currentColor);background:0 0;width:12px;height:0}.mz-sheet{z-index:51;background-color:var(--mz-glass);background-image:var(--mz-glass-sheen);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border:1px solid var(--mz-border-strong);box-shadow:var(--mz-shadow-3), inset 0 1px 0 var(--mz-glass-edge);color:var(--mz-text);outline:none;flex-direction:column;gap:14px;display:flex;position:fixed}.mz-sheet[data-side=right],.mz-sheet[data-side=left]{width:var(--mz-sheet-w,20rem);max-width:calc(100vw - 40px);top:0;bottom:0}.mz-sheet[data-side=right]{border-right:none;right:0}.mz-sheet[data-side=left]{border-left:none;left:0}.mz-sheet[data-side=top],.mz-sheet[data-side=bottom]{height:auto;max-height:calc(100dvh - 40px);left:0;right:0}.mz-sheet[data-side=top]{border-top:none;top:0}.mz-sheet[data-side=bottom]{border-bottom:none;bottom:0}.mz-sheet__header{flex-direction:column;gap:6px;padding:20px 20px 0;display:flex}.mz-sheet__footer{justify-content:flex-end;gap:10px;margin-top:auto;padding:0 20px 20px;display:flex}@keyframes mz-sheet-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes mz-sheet-out-right{0%{transform:none}to{transform:translate(100%)}}@keyframes mz-sheet-in-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes mz-sheet-out-left{0%{transform:none}to{transform:translate(-100%)}}@keyframes mz-sheet-in-top{0%{transform:translateY(-100%)}to{transform:none}}@keyframes mz-sheet-out-top{0%{transform:none}to{transform:translateY(-100%)}}@keyframes mz-sheet-in-bottom{0%{transform:translateY(100%)}to{transform:none}}@keyframes mz-sheet-out-bottom{0%{transform:none}to{transform:translateY(100%)}}.mz-sheet[data-side=right][data-state=open]{animation:mz-sheet-in-right .26s var(--mz-ease)}.mz-sheet[data-side=right][data-state=closed]{animation:mz-sheet-out-right .2s var(--mz-ease)}.mz-sheet[data-side=left][data-state=open]{animation:mz-sheet-in-left .26s var(--mz-ease)}.mz-sheet[data-side=left][data-state=closed]{animation:mz-sheet-out-left .2s var(--mz-ease)}.mz-sheet[data-side=top][data-state=open]{animation:mz-sheet-in-top .26s var(--mz-ease)}.mz-sheet[data-side=top][data-state=closed]{animation:mz-sheet-out-top .2s var(--mz-ease)}.mz-sheet[data-side=bottom][data-state=open]{animation:mz-sheet-in-bottom .26s var(--mz-ease)}.mz-sheet[data-side=bottom][data-state=closed]{animation:mz-sheet-out-bottom .2s var(--mz-ease)}.mz-sidebar-layout{--mz-sidebar-w:16rem;--mz-sidebar-w-icon:3.5rem;--mz-sidebar-h:100dvh;background-color:var(--mz-bg);background-image:radial-gradient(1100px 520px at 50% -140px, var(--mz-halo), transparent 62%);width:100%;min-height:100dvh;color:var(--mz-text);background-repeat:no-repeat;background-attachment:fixed;align-items:stretch;display:flex}.mz-sidebar{z-index:10;width:var(--mz-sidebar-w);height:var(--mz-sidebar-h);background:var(--mz-glass-chrome);-webkit-backdrop-filter:var(--mz-glass-filter);backdrop-filter:var(--mz-glass-filter);border-right:1px solid var(--mz-border);transition:width var(--mz-duration) var(--mz-ease), padding var(--mz-duration) var(--mz-ease);flex-shrink:0;position:sticky;top:0;overflow:hidden}.mz-sidebar[data-side=right]{border-right:none;border-left:1px solid var(--mz-border);order:1}.mz-sidebar[data-state=collapsed][data-collapsible=icon]{width:var(--mz-sidebar-w-icon)}.mz-sidebar[data-state=collapsed][data-collapsible=offcanvas]{border-width:0;width:0}.mz-sidebar[data-variant=floating]{height:calc(var(--mz-sidebar-h) - 16px);border:1px solid var(--mz-border);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-2), inset 0 1px 0 var(--mz-glass-edge);margin:8px}.mz-sidebar[data-variant=inset]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}.mz-sidebar__inner{width:var(--mz-sidebar-w);height:100%;transition:padding var(--mz-duration) var(--mz-ease);flex-direction:column;gap:4px;padding:12px;display:flex}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__inner{width:var(--mz-sidebar-w-icon);padding:12px 8px}.mz-sidebar--mobile{--mz-sheet-w:18rem;padding:0}.mz-sidebar--mobile .mz-sidebar__inner{width:100%;height:100%}.mz-sidebar-inset{background:var(--mz-bg);flex-direction:column;flex:1;min-width:0;display:flex}.mz-sidebar-panel{min-height:0;padding:var(--mz-sidebar-panel-pad,clamp(16px, 2vw, 32px));background:var(--mz-surface);border-top-left-radius:var(--mz-sidebar-panel-radius,22px);box-shadow:-24px -24px 64px -24px color-mix(in srgb, var(--mz-shade) 14%, transparent), -8px -8px 24px -12px color-mix(in srgb, var(--mz-shade) 10%, transparent);flex:1;position:relative;overflow:auto}.mz-sidebar-layout:has(.mz-sidebar[data-side=right]) .mz-sidebar-panel{border-top-left-radius:0;border-top-right-radius:var(--mz-sidebar-panel-radius,22px);box-shadow:24px -24px 64px -24px color-mix(in srgb, var(--mz-shade) 14%, transparent), 8px -8px 24px -12px color-mix(in srgb, var(--mz-shade) 10%, transparent)}.mz-sidebar-layout--grid{background-image:linear-gradient(to right, rgba(var(--mz-text-rgb), .03) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--mz-text-rgb), .03) 1px, transparent 1px);background-size:48px 48px}.mz-sidebar__trigger{border-radius:var(--mz-radius-sm);width:32px;height:32px;color:var(--mz-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-content:center;transition:background .16s,color .16s,border-color .16s;display:grid}.mz-sidebar__trigger svg{width:16px;height:16px;transition:transform var(--mz-duration) var(--mz-ease)}.mz-sidebar__trigger[data-state=collapsed] svg,.mz-sidebar[data-side=right] .mz-sidebar__trigger svg{transform:rotate(180deg)}.mz-sidebar[data-side=right] .mz-sidebar__trigger[data-state=collapsed] svg{transform:none}.mz-sidebar__trigger:hover{background:rgba(var(--mz-text-rgb), .08);border-color:var(--mz-border);color:var(--mz-text)}.mz-sidebar__rail{z-index:11;cursor:pointer;background:0 0;border:none;width:16px;height:100%;padding:0;position:absolute;top:0;right:-8px}.mz-sidebar[data-side=right] .mz-sidebar__rail{left:-8px;right:auto}.mz-sidebar__header,.mz-sidebar__footer{flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:4px 4px 8px;display:flex}.mz-sidebar__footer{margin-top:auto;padding:8px 4px 4px}.mz-sidebar__separator{background:var(--mz-border);margin:4px 0}.mz-sidebar__input{width:100%}.mz-sidebar__content{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:hidden auto}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__content{overflow:hidden}.mz-sidebar__group{flex-direction:column;gap:2px;padding:6px 0;display:flex;position:relative}.mz-sidebar__group-label{height:26px;color:var(--mz-text-muted);white-space:nowrap;opacity:1;align-items:center;padding:0 8px;font-size:11px;font-weight:600;transition:opacity .16s;display:flex}.mz-sidebar__group-action{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;background:0 0;border:none;place-content:center;transition:background .16s,color .16s;display:grid;position:absolute;top:8px;right:4px}.mz-sidebar__group-action:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-sidebar__group-action svg{width:14px;height:14px}.mz-sidebar__menu,.mz-sidebar__menu-sub{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mz-sidebar__menu-item{position:relative}.mz-sidebar__menu-button{border-radius:var(--mz-radius-sm);width:100%;height:36px;color:var(--mz-text-dim);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex;overflow:hidden}.mz-sidebar__menu-button[data-size=sm]{height:30px;font-size:13px}.mz-sidebar__menu-button[data-size=lg]{height:46px}.mz-sidebar__menu-button>svg{opacity:.85;flex-shrink:0;width:17px;height:17px}.mz-sidebar__menu-button>span{text-overflow:ellipsis;overflow:hidden}.mz-sidebar__menu-button:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-sidebar__menu-button[data-active]{color:#fff;border-color:var(--mz-convex-hairline);background-color:var(--mz-fill);background-image:var(--mz-fill-sheen);box-shadow:0 6px 16px -10px rgba(var(--mz-tone-rgb), .8), inset 0 1px 0 var(--mz-convex-top), inset 0 -1px 0 var(--mz-convex-bottom);text-shadow:var(--mz-convex-text-shadow)}.mz-sidebar__menu-button[data-active]:hover{color:#fff;background-color:var(--mz-fill-hover)}.mz-sidebar__menu-button[data-active]>svg{opacity:1}.mz-sidebar__menu-action{border-radius:var(--mz-radius-sm);width:22px;height:22px;color:var(--mz-text-muted);cursor:pointer;background:0 0;border:none;place-content:center;transition:opacity .16s,background .16s,color .16s;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.mz-sidebar__menu-action svg{width:14px;height:14px}.mz-sidebar__menu-action:hover{background:rgba(var(--mz-text-rgb), .12);color:var(--mz-text)}.mz-sidebar__menu-action[data-hover-only]{opacity:0}.mz-sidebar__menu-item:hover .mz-sidebar__menu-action[data-hover-only],.mz-sidebar__menu-action[data-hover-only]:focus-visible{opacity:1}.mz-sidebar__menu-badge{border-radius:var(--mz-radius-sm);background:rgba(var(--mz-primary-rgb), .2);min-width:20px;color:rgb(var(--mz-primary-rgb));text-align:center;pointer-events:none;padding:1px 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:50%;right:8px;translate:0 -50%}.mz-sidebar__menu-button[data-active]~.mz-sidebar__menu-badge{color:#fff;background:#ffffff38}.mz-sidebar__menu-skeleton{align-items:center;gap:10px;height:36px;padding:0 8px;display:flex}.mz-sidebar__menu-skeleton-icon{border-radius:5px;flex-shrink:0;width:17px;height:17px}.mz-sidebar__menu-skeleton-text{height:12px}.mz-sidebar__menu-sub{border-left:1px solid var(--mz-border);margin:2px 0 2px 16px;padding-left:10px}.mz-sidebar__menu-sub-button{border-radius:var(--mz-radius-sm);height:30px;color:var(--mz-text-dim);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 8px;font-size:13px;text-decoration:none;transition:background .16s,color .16s;display:flex;overflow:hidden}.mz-sidebar__menu-sub-button[data-size=sm]{height:26px;font-size:12px}.mz-sidebar__menu-sub-button:hover{background:rgba(var(--mz-text-rgb), .08);color:var(--mz-text)}.mz-sidebar__menu-sub-button[data-active]{color:rgb(var(--mz-primary-rgb));background:rgba(var(--mz-primary-rgb), .12)}.mz-sidebar[data-state=collapsed][data-collapsible=icon] :is(.mz-sidebar__group-label,.mz-sidebar__group-action,.mz-sidebar__menu-badge,.mz-sidebar__menu-action,.mz-sidebar__menu-sub,.mz-sidebar__input){opacity:0;pointer-events:none}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar-hide-collapsed{display:none!important}.mz-sidebar[data-state=collapsed][data-collapsible=icon] :is(.mz-sidebar__header,.mz-sidebar__footer){justify-content:center;padding-inline:0}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__group-label{height:8px;overflow:hidden}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__menu-button{justify-content:center;width:36px;margin-inline:auto;padding:0}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__trigger{width:36px;height:36px}.mz-sidebar-push{margin-inline-start:auto}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar-push{margin-inline-start:0}.mz-sidebar[data-state=collapsed][data-collapsible=icon] .mz-sidebar__menu-button>span{display:none}[data-tone=primary]{--mz-tone-rgb:var(--mz-primary-rgb)}[data-tone=accent]{--mz-tone-rgb:var(--mz-accent-rgb)}[data-tone=danger]{--mz-tone-rgb:var(--mz-danger-rgb)}[data-tone=warning]{--mz-tone-rgb:var(--mz-warning-rgb)}[data-tone=info]{--mz-tone-rgb:var(--mz-info-rgb)}[data-tone=success]{--mz-tone-rgb:var(--mz-success-rgb)}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type DateRange = {
|
|
4
|
+
from: Date | undefined;
|
|
5
|
+
to?: Date | undefined;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Which days a rule applies to. The shapes are the ones a form actually
|
|
9
|
+
* expresses: one day, a list, a closed span, an open-ended bound, or a
|
|
10
|
+
* predicate for everything else ("no weekends", "only in stock").
|
|
11
|
+
*/
|
|
12
|
+
type DateMatcher = Date | Date[] | {
|
|
13
|
+
from: Date;
|
|
14
|
+
to: Date;
|
|
15
|
+
} | {
|
|
16
|
+
before?: Date;
|
|
17
|
+
after?: Date;
|
|
18
|
+
} | ((date: Date) => boolean);
|
|
19
|
+
type CalendarLabels = {
|
|
20
|
+
previousMonth: string;
|
|
21
|
+
nextMonth: string;
|
|
22
|
+
month: string;
|
|
23
|
+
year: string;
|
|
24
|
+
weekNumber: string;
|
|
25
|
+
};
|
|
26
|
+
type CalendarBaseProps = {
|
|
27
|
+
/** Controlled leading month. Pair with `onMonthChange`. */
|
|
28
|
+
month?: Date;
|
|
29
|
+
defaultMonth?: Date;
|
|
30
|
+
onMonthChange?: (month: Date) => void;
|
|
31
|
+
/** How many months to draw side by side. */
|
|
32
|
+
numberOfMonths?: number;
|
|
33
|
+
/** BCP 47 tag for month, weekday and day names. Defaults to the browser's. */
|
|
34
|
+
locale?: string;
|
|
35
|
+
/** 0 (Sunday) to 6. Defaults to what the locale says. */
|
|
36
|
+
weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
37
|
+
disabled?: DateMatcher;
|
|
38
|
+
/** Nothing before this day can be picked or paged to. */
|
|
39
|
+
fromDate?: Date;
|
|
40
|
+
/** Nothing after this day can be picked or paged to. */
|
|
41
|
+
toDate?: Date;
|
|
42
|
+
/** Draws the days that spill in from the neighbouring months. */
|
|
43
|
+
showOutsideDays?: boolean;
|
|
44
|
+
showWeekNumbers?: boolean;
|
|
45
|
+
/** A static caption, or month and year as selects. */
|
|
46
|
+
captionLayout?: 'label' | 'dropdown';
|
|
47
|
+
/** Year range for the dropdown caption. Defaults to ±10 years. */
|
|
48
|
+
fromYear?: number;
|
|
49
|
+
toYear?: number;
|
|
50
|
+
/** Which day gets the "today" ring. Injectable so tests are not clock-bound. */
|
|
51
|
+
today?: Date;
|
|
52
|
+
labels?: Partial<CalendarLabels>;
|
|
53
|
+
className?: string;
|
|
54
|
+
id?: string;
|
|
55
|
+
};
|
|
56
|
+
type SingleProps = {
|
|
57
|
+
mode?: 'single';
|
|
58
|
+
selected?: Date;
|
|
59
|
+
/** Clicking the selected day clears it, unless `required`. */
|
|
60
|
+
onSelect?: (date: Date | undefined) => void;
|
|
61
|
+
required?: boolean;
|
|
62
|
+
};
|
|
63
|
+
type MultipleProps = {
|
|
64
|
+
mode: 'multiple';
|
|
65
|
+
selected?: Date[];
|
|
66
|
+
onSelect?: (dates: Date[]) => void;
|
|
67
|
+
};
|
|
68
|
+
type RangeProps = {
|
|
69
|
+
mode: 'range';
|
|
70
|
+
selected?: DateRange;
|
|
71
|
+
onSelect?: (range: DateRange | undefined) => void;
|
|
72
|
+
};
|
|
73
|
+
type CalendarProps = CalendarBaseProps & (SingleProps | MultipleProps | RangeProps);
|
|
74
|
+
/**
|
|
75
|
+
* A month grid, with no date library behind it.
|
|
76
|
+
*
|
|
77
|
+
* Names come from `Intl`, so a locale tag is the whole of the localisation
|
|
78
|
+
* story — there is no bundle of month names to import and nothing to keep in
|
|
79
|
+
* sync. Six week rows are always drawn, so paging does not resize the popover
|
|
80
|
+
* the calendar usually sits in.
|
|
81
|
+
*
|
|
82
|
+
* <Calendar mode="range" selected={range} onSelect={setRange} numberOfMonths={2} />
|
|
83
|
+
*/
|
|
84
|
+
declare function Calendar({ month: monthProp, defaultMonth, onMonthChange, numberOfMonths, locale, weekStartsOn, disabled, fromDate, toDate, showOutsideDays, showWeekNumbers, captionLayout, fromYear, toYear, today: todayProp, labels: labelsProp, className, id, ...selection }: CalendarProps): React.JSX.Element;
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Every visible string the table owns, in one place. Defaults are English;
|
|
88
|
+
* pass a partial `labels` object to translate or reword any of them.
|
|
89
|
+
*/
|
|
90
|
+
type DataTableLabels = {
|
|
91
|
+
filter: string;
|
|
92
|
+
filterFor: (column: string) => string;
|
|
93
|
+
filterActive: string;
|
|
94
|
+
contains: string;
|
|
95
|
+
apply: string;
|
|
96
|
+
reset: string;
|
|
97
|
+
resetAll: string;
|
|
98
|
+
resetFilters: string;
|
|
99
|
+
clearFilter: string;
|
|
100
|
+
rangeFrom: string;
|
|
101
|
+
rangeTo: string;
|
|
102
|
+
dateFrom: string;
|
|
103
|
+
dateTo: string;
|
|
104
|
+
yes: string;
|
|
105
|
+
no: string;
|
|
106
|
+
columns: string;
|
|
107
|
+
moveUp: (column: string) => string;
|
|
108
|
+
moveDown: (column: string) => string;
|
|
109
|
+
pinning: (column: string, side: string) => string;
|
|
110
|
+
pinnedLeft: string;
|
|
111
|
+
pinnedRight: string;
|
|
112
|
+
notPinned: string;
|
|
113
|
+
show: (column: string) => string;
|
|
114
|
+
hide: (column: string) => string;
|
|
115
|
+
sortBy: (column: string) => string;
|
|
116
|
+
columnWidth: (column: string) => string;
|
|
117
|
+
selectPage: string;
|
|
118
|
+
selectRow: string;
|
|
119
|
+
expandRow: string;
|
|
120
|
+
collapseRow: string;
|
|
121
|
+
details: string;
|
|
122
|
+
empty: string;
|
|
123
|
+
retry: string;
|
|
124
|
+
rowsPerPage: string;
|
|
125
|
+
nothingFound: string;
|
|
126
|
+
of: string;
|
|
127
|
+
firstPage: string;
|
|
128
|
+
previousPage: string;
|
|
129
|
+
nextPage: string;
|
|
130
|
+
lastPage: string;
|
|
131
|
+
loadMore: string;
|
|
132
|
+
loadingMore: string;
|
|
133
|
+
selectedCount: (count: string) => string;
|
|
134
|
+
allMatchingSuffix: string;
|
|
135
|
+
selectAllMatching: (total: string) => string;
|
|
136
|
+
clearSelection: string;
|
|
137
|
+
bulkActions: string;
|
|
138
|
+
};
|
|
139
|
+
declare const defaultDataTableLabels: DataTableLabels;
|
|
140
|
+
declare function resolveLabels(labels?: Partial<DataTableLabels>): DataTableLabels;
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* Strings the rest of the kit takes as individual props: `Dialog`/`Sheet`
|
|
144
|
+
* `closeLabel`, `Spinner` `label`, `Sidebar` `mobileTitle` /
|
|
145
|
+
* `mobileDescription`, `SidebarTrigger` `label`, `Toaster` `closeLabel`,
|
|
146
|
+
* `BreadcrumbEllipsis` `label`, `TabsList` `overflowLabel`.
|
|
147
|
+
*/
|
|
148
|
+
type MorzeCommonLabels = {
|
|
149
|
+
close: string;
|
|
150
|
+
loading: string;
|
|
151
|
+
/** What is behind a collapse: the breadcrumb ellipsis, the tab overflow. */
|
|
152
|
+
more: string;
|
|
153
|
+
sidebarNavigation: string;
|
|
154
|
+
sidebarSections: string;
|
|
155
|
+
toggleSidebar: string;
|
|
156
|
+
};
|
|
157
|
+
/** One language, complete. A missing key is a type error, not a silent drift. */
|
|
158
|
+
type MorzeLocale = {
|
|
159
|
+
dataTable: DataTableLabels;
|
|
160
|
+
calendar: CalendarLabels;
|
|
161
|
+
common: MorzeCommonLabels;
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
export { Calendar as C, type DataTableLabels as D, type MorzeCommonLabels as M, type CalendarLabels as a, type CalendarProps as b, type DateMatcher as c, type DateRange as d, type MorzeLocale as e, defaultDataTableLabels as f, resolveLabels as r };
|