@gkucmierz/nano-ui 1.5.4 → 1.6.0

package/dist/nano-ui.css

@@ -1,2 +1,2 @@
-.global-tooltip[data-v-37c91a21]{--nu-tooltip-bg:#0f172af2;--nu-tooltip-color:#f8fafc;--nu-tooltip-radius:8px;--nu-tooltip-padding:8px 14px;--nu-tooltip-shadow:0 8px 24px #0000004d;--nu-tooltip-border:1px solid #ffffff1a;--nu-tooltip-arrow-border:#ffffff1a;z-index:99999;background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(8px);color:var(--nu-tooltip-color);padding:var(--nu-tooltip-padding);border-radius:var(--nu-tooltip-radius);text-align:center;white-space:normal;word-wrap:break-word;pointer-events:none;width:max-content;max-width:min(350px,100vw - 32px);box-shadow:var(--nu-tooltip-shadow);border:var(--nu-tooltip-border);opacity:0;visibility:hidden;font-size:.85rem;font-weight:500;line-height:1.4;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translateY(4px)scale(.95)}.global-tooltip[data-v-37c91a21]:after{content:"";left:calc(50% + var(--arrow-offset,0px));background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--nu-tooltip-arrow-border);border-bottom:1px solid var(--nu-tooltip-arrow-border);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.global-tooltip.tooltip-bottom[data-v-37c91a21]:after{border-bottom:none;border-right:none;border-left:1px solid var(--nu-tooltip-arrow-border);border-top:1px solid var(--nu-tooltip-arrow-border);clip-path:polygon(0 0,100% 0,0 100%);border-radius:2px 0 0;top:-5px;bottom:auto}.global-tooltip.visible[data-v-37c91a21]{opacity:1;visibility:visible}:root{--nano-modal-bg:#1e1e24;--nano-modal-glass-bg:#1e1e24d9;--nano-modal-border:#ffffff1a;--nano-modal-text:#fff;--nano-modal-text-muted:#a0a0a0;--nano-modal-backdrop:#0009;--nano-modal-radius:12px;--nano-btn-primary:#3498db;--nano-btn-primary-hover:#2980b9;--nano-btn-secondary:#34495e;--nano-btn-secondary-hover:#2c3e50}.nano-modal-overlay{z-index:99999;background:var(--nano-modal-backdrop);box-sizing:border-box;outline:none;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.nano-modal-overlay.nano-glass{-webkit-backdrop-filter:blur(8px)}.nano-modal-window{background:var(--nano-modal-bg);border:1px solid var(--nano-modal-border);border-radius:var(--nano-modal-radius);max-height:90vh;color:var(--nano-modal-text);flex-direction:column;display:flex;position:relative;box-shadow:0 24px 48px #00000080}.nano-modal-window:not([style*="position: absolute"]){margin:auto}.nano-glass .nano-modal-window{background:var(--nano-modal-glass-bg);-webkit-backdrop-filter:blur(16px)}.nano-modal-header{border-bottom:1px solid var(--nano-modal-border);-webkit-user-select:none;user-select:none;background:#0003;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.nano-modal-header.is-draggable{cursor:grab}.nano-modal-header.is-draggable:active{cursor:grabbing}.nano-modal-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.nano-modal-close-btn{color:var(--nano-modal-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.nano-modal-close-btn:hover{color:var(--nano-modal-text);background:#ffffff1a}.nano-modal-body{flex:1;padding:24px;overflow-y:auto}.nano-modal-footer{border-top:1px solid var(--nano-modal-border);background:#00000026;justify-content:flex-end;padding:16px 24px;display:flex}.nano-modal-actions{gap:12px;display:flex}.nano-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.nano-btn-primary{background:var(--nano-btn-primary)}.nano-btn-primary:hover{background:var(--nano-btn-primary-hover)}.nano-btn-secondary{background:var(--nano-btn-secondary)}.nano-btn-secondary:hover{background:var(--nano-btn-secondary-hover)}.nano-modal-resizer{cursor:se-resize;width:16px;height:16px;color:var(--nano-modal-text-muted);z-index:10;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;bottom:4px;right:4px}.nano-modal-resizer:hover{color:var(--nano-modal-text)}.nano-modal-fade-enter-active,.nano-modal-fade-leave-active{transition:opacity .25s}.nano-modal-fade-enter-active .nano-modal-window{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nano-modal-fade-leave-active .nano-modal-window{transition:transform .2s ease-in}.nano-modal-fade-enter-from,.nano-modal-fade-leave-to{opacity:0}.nano-modal-fade-enter-from .nano-modal-window{transform:scale(.9)translateY(10px)}.nano-modal-fade-leave-to .nano-modal-window{transform:scale(.95)translateY(-10px)}.donut-canvas-wrapper[data-v-e6247870]{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:width .45s cubic-bezier(.25,1,.5,1),height .45s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.donut-canvas-wrapper.is-expanded[data-v-e6247870]{width:100%;max-width:760px;height:320px}@media (width<=760px){.donut-canvas-wrapper.is-expanded[data-v-e6247870]{height:42vw}}.items-svg-chart[data-v-e6247870]{width:100%;height:100%;display:block;overflow:visible}.slice-group-3d[data-v-e6247870]{cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),opacity .25s}.slice-group-3d.is-dimmed[data-v-e6247870]{opacity:.35}.label-group[data-v-e6247870]{transition:opacity .25s}.label-group path[data-v-e6247870]{transition:d .25s cubic-bezier(.25,1,.5,1),stroke-width .2s,opacity .2s}.label-group text[data-v-e6247870]{transition:transform .25s cubic-bezier(.25,1,.5,1),font-weight .2s,opacity .2s}.label-group.is-hovered path[data-v-e6247870]{stroke-width:2.2px}.label-group.is-hovered text[data-v-e6247870]{font-weight:700}.label-group.is-dimmed[data-v-e6247870]{opacity:.25}.no-transitions .label-group[data-v-e6247870],.no-transitions .label-group path[data-v-e6247870],.no-transitions .label-group text[data-v-e6247870],.no-transitions .slice-group-3d[data-v-e6247870]{transition:none!important}.center-text-value[data-v-e6247870]{fill:#fff;filter:drop-shadow(0 0 3px #000c)}.center-text-label[data-v-e6247870]{fill:#94a3b8;filter:drop-shadow(0 0 2px #000c)}:root[data-theme=light] .center-text-value[data-v-e6247870]{fill:#0f172a;filter:drop-shadow(0 0 3px #ffffffe6)}:root[data-theme=light] .center-text-label[data-v-e6247870]{fill:#475569;filter:drop-shadow(0 0 2px #ffffffe6)}.nano-scrub-track[data-v-429ba0d9]{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#00e5ff05;border:1px dashed #00e5ff40;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.nano-scrub-track[data-v-429ba0d9]:hover{background:#00e5ff0a;border-color:#00e5ff66}.nano-scrub-progress[data-v-429ba0d9]{pointer-events:none;background:#00e5ff0f;height:100%;position:absolute;top:0;left:0}.nano-scrub-label[data-v-429ba0d9]{color:#00e5ff;letter-spacing:.03rem;z-index:1;pointer-events:none;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.nano-scrub-overlay[data-v-429ba0d9]{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-anchor[data-v-429ba0d9]{background:#00e5ff;border-radius:50%;width:10px;height:10px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff66}.nano-scrub-svg-line[data-v-429ba0d9]{width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-popup[data-v-429ba0d9]{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #00e5ff59;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;padding:12px 16px;display:flex;position:fixed;box-shadow:0 10px 30px #0009,0 0 20px #00e5ff26}.nano-scrub-popup-title[data-v-429ba0d9]{text-transform:uppercase;color:#64748b;letter-spacing:.06rem;font-size:10px;font-weight:700}.nano-scrub-popup-val[data-v-429ba0d9]{color:#fff;letter-spacing:.05rem;font-family:monospace;font-size:1.25rem;font-weight:800}.nano-scrub-popup-res[data-v-429ba0d9]{color:#00e5ff;font-size:11px;font-weight:700}span.ripple{background-color:var(--nano-ripple-color,#fff6);pointer-events:none;border-radius:50%;animation:.6s linear nano-ripple-anim;position:absolute;transform:scale(0)}@keyframes nano-ripple-anim{to{opacity:0;transform:scale(4)}}
+.global-tooltip[data-v-e67d9c3b]{--nu-tooltip-bg:var(--nano-tooltip-bg,#0f172af2);--nu-tooltip-color:var(--nano-tooltip-color,#f8fafc);--nu-tooltip-radius:var(--nano-tooltip-radius,var(--nano-radius-md,8px));--nu-tooltip-padding:var(--nano-tooltip-padding,var(--nano-space-sm,8px) var(--nano-space-md,16px));--nu-tooltip-shadow:var(--nano-tooltip-shadow,0 var(--nano-space-sm,8px) var(--nano-space-lg,24px) #0000004d);--nu-tooltip-border:var(--nano-tooltip-border,var(--nano-border-width,1px) solid #ffffff1a);--nu-tooltip-arrow-border:var(--nano-tooltip-arrow-border,#ffffff1a);z-index:99999;background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(var(--nano-blur-md,8px));color:var(--nu-tooltip-color);padding:var(--nu-tooltip-padding);border-radius:var(--nu-tooltip-radius);width:max-content;max-width:min(350px, calc(100vw - var(--nano-space-xl,32px)));text-align:center;white-space:normal;word-wrap:break-word;pointer-events:none;box-shadow:var(--nu-tooltip-shadow);border:var(--nu-tooltip-border);transition:opacity var(--nano-transition-tooltip), transform var(--nano-transition-tooltip);opacity:0;visibility:hidden;font-size:.85rem;font-weight:500;line-height:1.4;position:fixed;top:0;left:0}.global-tooltip[data-v-e67d9c3b]:after{content:"";left:calc(50% + var(--arrow-offset,0px));background:var(--nu-tooltip-bg);width:10px;height:10px;-webkit-backdrop-filter:blur(var(--nano-blur-md,8px));border-right:var(--nano-border-width,1px) solid var(--nu-tooltip-arrow-border);border-bottom:var(--nano-border-width,1px) solid var(--nu-tooltip-arrow-border);border-radius:0 0 var(--nano-radius-xs,2px) 0;clip-path:polygon(100% 0,100% 100%,0 100%);margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.global-tooltip.tooltip-bottom[data-v-e67d9c3b]:after{border-bottom:none;border-right:none;border-left:var(--nano-border-width,1px) solid var(--nu-tooltip-arrow-border);border-top:var(--nano-border-width,1px) solid var(--nu-tooltip-arrow-border);border-radius:var(--nano-radius-xs,2px) 0 0 0;clip-path:polygon(0 0,100% 0,0 100%);top:-5px;bottom:auto}.global-tooltip.visible[data-v-e67d9c3b]{opacity:1;visibility:visible}.nano-modal-overlay[data-v-52e94a15]{z-index:99999;background:var(--nano-modal-backdrop);box-sizing:border-box;outline:none;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.nano-modal-overlay.nano-glass[data-v-52e94a15]{-webkit-backdrop-filter:blur(8px)}.nano-modal-window[data-v-52e94a15]{background:var(--nano-modal-bg);border:1px solid var(--nano-modal-border);border-radius:var(--nano-modal-radius);box-shadow:var(--nano-modal-shadow);max-height:90vh;color:var(--nano-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.nano-modal-window h1[data-v-52e94a15],.nano-modal-window h2[data-v-52e94a15],.nano-modal-window h3[data-v-52e94a15],.nano-modal-window h4[data-v-52e94a15],.nano-modal-window h5[data-v-52e94a15],.nano-modal-window h6[data-v-52e94a15]{color:var(--nano-modal-text)}.nano-modal-window[data-v-52e94a15]:not([style*="position: absolute"]){margin:auto}.nano-glass .nano-modal-window[data-v-52e94a15]{background:var(--nano-modal-glass-bg);-webkit-backdrop-filter:blur(16px)}.nano-modal-header[data-v-52e94a15]{border-bottom:1px solid var(--nano-modal-border);background:var(--nano-modal-header-bg);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.nano-modal-header.is-draggable[data-v-52e94a15]{cursor:grab}.nano-modal-header.is-draggable[data-v-52e94a15]:active{cursor:grabbing}.nano-modal-title[data-v-52e94a15]{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.nano-modal-close-btn[data-v-52e94a15]{color:var(--nano-modal-text-muted);cursor:pointer;width:32px;height:32px;transition:color var(--nano-transition-interactive), background-color var(--nano-transition-interactive);background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nano-modal-close-btn[data-v-52e94a15]:hover{color:var(--nano-modal-close-color,var(--nano-modal-text));background:var(--nano-modal-close-hover)}.nano-modal-body[data-v-52e94a15]{flex:1;padding:24px;overflow-y:auto}.nano-modal-footer[data-v-52e94a15]{border-top:1px solid var(--nano-modal-border);background:var(--nano-modal-footer-bg);justify-content:flex-end;padding:16px 24px;display:flex}.nano-modal-actions[data-v-52e94a15]{gap:12px;display:flex}.nano-btn[data-v-52e94a15]{cursor:pointer;color:#fff;transition:background-color var(--nano-transition-interactive), transform var(--nano-transition-interactive), box-shadow var(--nano-transition-interactive);border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:600}.nano-btn-primary[data-v-52e94a15]{background:var(--nano-modal-btn-primary,var(--nano-accent-primary))}.nano-btn-primary[data-v-52e94a15]:hover{filter:brightness(1.1)}.nano-btn-secondary[data-v-52e94a15]{background:var(--nano-modal-btn-secondary,#ffffff1a);color:var(--nano-modal-text)}.nano-btn-secondary[data-v-52e94a15]:hover{filter:brightness(1.1)}.nano-btn-danger[data-v-52e94a15]{background:var(--nano-state-danger,#ef4444)}.nano-btn-danger[data-v-52e94a15]:hover{filter:brightness(1.1)}.nano-modal-resizer[data-v-52e94a15]{cursor:se-resize;width:14px;height:14px;color:var(--nano-modal-text-muted);transition:color var(--nano-transition-interactive);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:2px}.nano-modal-resizer[data-v-52e94a15]:hover{color:var(--nano-modal-text)}.nano-modal-fade-enter-active[data-v-52e94a15],.nano-modal-fade-leave-active[data-v-52e94a15]{transition:opacity var(--nano-transition-modal-backdrop)}.nano-modal-fade-enter-active .nano-modal-window[data-v-52e94a15]{transition:transform var(--nano-transition-modal-enter)}.nano-modal-fade-leave-active .nano-modal-window[data-v-52e94a15]{transition:transform var(--nano-transition-modal-leave)}.nano-modal-fade-enter-from[data-v-52e94a15],.nano-modal-fade-leave-to[data-v-52e94a15]{opacity:0}.nano-modal-fade-enter-from .nano-modal-window[data-v-52e94a15]{transform:scale(.9)translateY(10px)}.nano-modal-fade-leave-to .nano-modal-window[data-v-52e94a15]{transform:scale(.95)translateY(-10px)}.donut-canvas-wrapper[data-v-acd0447d]{width:120px;height:120px;transition:width var(--nano-transition-motion), height var(--nano-transition-motion);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.donut-canvas-wrapper.is-expanded[data-v-acd0447d]{width:100%;max-width:760px;height:320px}@media (width<=760px){.donut-canvas-wrapper.is-expanded[data-v-acd0447d]{height:42vw}}.items-svg-chart[data-v-acd0447d]{width:100%;height:100%;display:block;overflow:visible}.slice-group-3d[data-v-acd0447d]{cursor:pointer;transition:transform var(--nano-transition-chart), opacity var(--nano-transition-interactive)}.slice-group-3d.is-dimmed[data-v-acd0447d]{opacity:.35}.label-group[data-v-acd0447d]{transition:opacity var(--nano-transition-interactive)}.label-group path[data-v-acd0447d]{transition:d var(--nano-transition-chart), stroke-width var(--nano-transition-interactive), opacity var(--nano-transition-interactive)}.label-group text[data-v-acd0447d]{transition:transform var(--nano-transition-chart), font-weight var(--nano-transition-interactive), opacity var(--nano-transition-interactive)}.label-group.is-hovered path[data-v-acd0447d]{stroke-width:2.2px}.label-group.is-hovered text[data-v-acd0447d]{font-weight:700}.label-group.is-dimmed[data-v-acd0447d]{opacity:.25}.no-transitions .label-group[data-v-acd0447d],.no-transitions .label-group path[data-v-acd0447d],.no-transitions .label-group text[data-v-acd0447d],.no-transitions .slice-group-3d[data-v-acd0447d]{transition:none}.center-text-value[data-v-acd0447d]{fill:#fff;filter:drop-shadow(0 0 3px #000c)}.center-text-label[data-v-acd0447d]{fill:#94a3b8;filter:drop-shadow(0 0 2px #000c)}:root[data-theme=light] .center-text-value[data-v-acd0447d]{fill:#0f172a;filter:drop-shadow(0 0 3px #ffffffe6)}:root[data-theme=light] .center-text-label[data-v-acd0447d]{fill:#475569;filter:drop-shadow(0 0 2px #ffffffe6)}.nano-scrub-track[data-v-21b41bc4]{background:var(--nano-scrub-bg,#00e5ff05);border:var(--nano-border-width,1px) dashed var(--nano-scrub-border,#00e5ff40);border-radius:var(--nano-radius-md,8px);cursor:ew-resize;-webkit-user-select:none;user-select:none;width:100%;height:44px;transition:border-color var(--nano-transition-interactive), background-color var(--nano-transition-interactive);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nano-scrub-track[data-v-21b41bc4]:hover{background:var(--nano-scrub-hover-bg,#00e5ff0a);border-color:var(--nano-scrub-hover-border,#00e5ff66)}.nano-scrub-progress[data-v-21b41bc4]{background:var(--nano-scrub-progress-bg,#00e5ff0f);pointer-events:none;height:100%;position:absolute;top:0;left:0}.nano-scrub-label[data-v-21b41bc4]{color:var(--nano-scrub-color,#00e5ff);letter-spacing:.03rem;z-index:1;pointer-events:none;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.nano-scrub-overlay[data-v-21b41bc4]{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-anchor[data-v-21b41bc4]{background:#00e5ff;border-radius:50%;width:10px;height:10px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff66}.nano-scrub-svg-line[data-v-21b41bc4]{width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-popup[data-v-21b41bc4]{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #00e5ff59;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;padding:12px 16px;display:flex;position:fixed;box-shadow:0 10px 30px #0009,0 0 20px #00e5ff26}.nano-scrub-popup-title[data-v-21b41bc4]{text-transform:uppercase;color:#64748b;letter-spacing:.06rem;font-size:10px;font-weight:700}.nano-scrub-popup-val[data-v-21b41bc4]{color:#fff;letter-spacing:.05rem;font-family:monospace;font-size:1.25rem;font-weight:800}.nano-scrub-popup-res[data-v-21b41bc4]{color:#00e5ff;font-size:11px;font-weight:700}.nano-mutating-header[data-v-fd47d0d0]{z-index:1000;height:var(--header-height,60px);margin:var(--floating-margin,12px 24px 0 24px);border-radius:var(--floating-radius,16px);border:1px solid var(--border-subtle,#ffffff1a);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:var(--bg-card,#101622d9);will-change:margin, border-radius, border-color, padding, box-shadow;transition:margin var(--nano-transition-header), border-radius var(--nano-transition-header), border-color var(--nano-transition-interactive), padding var(--nano-transition-header), box-shadow var(--nano-transition-header), background-color var(--nano-transition-interactive);flex-shrink:0;align-items:center;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px -6px #00000073}.nano-mutating-header.has-glassmorphism[data-v-fd47d0d0]{-webkit-backdrop-filter:blur(20px)}.nano-mutating-header.is-stuck[data-v-fd47d0d0]{border-color:transparent transparent var(--border-subtle,#ffffff1a) transparent;border-radius:0;margin:0;padding:0 24px;box-shadow:0 4px 16px #00000040}:root[data-theme=light] .nano-mutating-header[data-v-fd47d0d0],[data-theme=light] .nano-mutating-header[data-v-fd47d0d0]{background:var(--bg-card,#ffffffd9);border-color:var(--border-subtle,#00000014);color:#0f172a;box-shadow:0 8px 24px -6px #00000014}:root[data-theme=light] .nano-mutating-header.is-stuck[data-v-fd47d0d0],[data-theme=light] .nano-mutating-header.is-stuck[data-v-fd47d0d0]{border-color:transparent transparent var(--border-subtle,#00000014) transparent;box-shadow:0 2px 10px #0000000a}.header-inner[data-v-fd47d0d0]{justify-content:space-between;align-items:center;gap:16px;width:100%;height:100%;display:flex}.header-left[data-v-fd47d0d0],.header-right[data-v-fd47d0d0]{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-center[data-v-fd47d0d0]{flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;display:flex}.topology-radar-container[data-v-bb4bd598]{justify-content:center;align-items:center;display:flex}.nano-switch[data-v-50b63887],.nano-switch[data-v-50b63887] *,.nano-switch[data-v-50b63887] :before,.nano-switch[data-v-50b63887] :after{box-sizing:border-box}.nano-switch[data-v-50b63887]{--nano-switch-transition:var(--nano-transition-toggle);cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;color:var(--nano-switch-text,var(--text-color,inherit));align-items:center;gap:.65rem;font-size:.9rem;display:inline-flex;position:relative}.nano-switch.is-disabled[data-v-50b63887]{cursor:not-allowed;opacity:.45}.nano-switch-input[data-v-50b63887]{opacity:0;pointer-events:none;outline:0;width:0;height:0;margin:0;position:absolute}.nano-switch-slider[data-v-50b63887]{background:var(--nano-switch-bg,#0f172a99);border:1px solid var(--nano-switch-border,#ffffff26);cursor:pointer;width:44px;height:24px;transition:background-color var(--nano-switch-transition), border-color var(--nano-switch-transition), box-shadow var(--nano-switch-transition);border-radius:12px;outline:0;flex-shrink:0;position:relative}.nano-switch-slider[data-v-50b63887]:before{content:"";background:var(--nano-switch-knob,#94a3b8);width:16px;height:16px;transition:transform var(--nano-switch-transition), width var(--nano-switch-transition), height var(--nano-switch-transition), top var(--nano-switch-transition), border-radius var(--nano-switch-transition), background-color var(--nano-switch-transition), box-shadow var(--nano-switch-transition), filter var(--nano-switch-transition);border-radius:50%;position:absolute;top:3px;left:3px}.size-default .nano-switch-slider[data-v-50b63887]{border-radius:12px;width:44px;height:24px}.size-default .nano-switch-slider[data-v-50b63887]:before{width:16px;height:16px;top:3px;left:3px}.size-default.is-checked .nano-switch-slider[data-v-50b63887]:before{transform:translate(20px)}.size-default.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{border-radius:6px;width:24px;height:12px;top:5px;transform:translate(6px)}.size-compact .nano-switch-slider[data-v-50b63887]{border-radius:10px;width:38px;height:20px}.size-compact .nano-switch-slider[data-v-50b63887]:before{width:14px;height:14px;top:2px;left:2px}.size-compact.is-checked .nano-switch-slider[data-v-50b63887]:before{transform:translate(18px)}.size-compact.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{border-radius:5px;width:20px;height:10px;top:4px;transform:translate(6px)}.size-mini .nano-switch-slider[data-v-50b63887]{border-radius:8px;width:30px;height:16px}.size-mini .nano-switch-slider[data-v-50b63887]:before{width:10px;height:10px;top:2px;left:2px}.size-mini.is-checked .nano-switch-slider[data-v-50b63887]:before{transform:translate(14px)}.size-mini.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{border-radius:4px;width:16px;height:8px;top:3px;transform:translate(4px)}.color-primary.is-checked .nano-switch-slider[data-v-50b63887],.color-cyan.is-checked .nano-switch-slider[data-v-50b63887]{background:var(--nano-switch-active-bg,#00f2fe33);border-color:var(--nano-switch-active-border,#00f2fe99);box-shadow:0 0 10px var(--nano-switch-active-shadow,#00f2fe4d)}.color-primary.is-checked .nano-switch-slider[data-v-50b63887]:before,.color-cyan.is-checked .nano-switch-slider[data-v-50b63887]:before{background:var(--nano-switch-active-knob,#00f2fe);box-shadow:0 0 8px var(--nano-switch-active-knob,#00f2fe99)}.color-purple.is-checked .nano-switch-slider[data-v-50b63887]{background:#a855f733;border-color:#a855f799;box-shadow:0 0 10px #a855f74d}.color-purple.is-checked .nano-switch-slider[data-v-50b63887]:before{background:#c084fc;box-shadow:0 0 8px #c084fc99}.color-emerald.is-checked .nano-switch-slider[data-v-50b63887]{background:#10b98133;border-color:#10b98199;box-shadow:0 0 10px #10b9814d}.color-emerald.is-checked .nano-switch-slider[data-v-50b63887]:before{background:#10b981;box-shadow:0 0 8px #10b98199}.color-danger.is-checked .nano-switch-slider[data-v-50b63887]{background:#ef444433;border-color:#ef444499;box-shadow:0 0 10px #ef44444d}.color-danger.is-checked .nano-switch-slider[data-v-50b63887]:before{background:#ef4444;box-shadow:0 0 8px #ef444499}.color-gold.is-checked .nano-switch-slider[data-v-50b63887]{background:#c89b3c33;border-color:#c89b3c99;box-shadow:0 0 10px #c89b3c4d}.color-gold.is-checked .nano-switch-slider[data-v-50b63887]:before{background:#c89b3c;box-shadow:0 0 8px #c89b3c99}.nano-switch.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#94a3b81f;border-color:#94a3b859}.color-primary.is-indeterminate .nano-switch-slider[data-v-50b63887],.color-cyan.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#00f2fe14;border-color:#00f2fe59}.color-primary.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,.color-cyan.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#38bdf8;box-shadow:0 0 6px #38bdf866}.color-purple.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#a855f714;border-color:#a855f759}.color-purple.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#c084fc;box-shadow:0 0 6px #c084fc66}.color-emerald.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#10b98114;border-color:#10b98159}.color-emerald.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#34d399;box-shadow:0 0 6px #34d39966}.color-danger.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#ef444414;border-color:#ef444459}.color-danger.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#f87171;box-shadow:0 0 6px #f8717166}.color-gold.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#c89b3c14;border-color:#c89b3c59}.color-gold.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#fbbf24;box-shadow:0 0 6px #fbbf2466}:root[data-theme=light] .nano-switch.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .nano-switch.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#64748b14;border-color:#64748b80}:root[data-theme=light] .color-primary.is-indeterminate .nano-switch-slider[data-v-50b63887],:root[data-theme=light] .color-cyan.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .color-primary.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .color-cyan.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#0284c714;border-color:#0284c7a6}:root[data-theme=light] .color-primary.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,:root[data-theme=light] .color-cyan.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,html[data-theme=light] .color-primary.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,html[data-theme=light] .color-cyan.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#0284c7;box-shadow:0 0 6px #0284c74d}:root[data-theme=light] .color-purple.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .color-purple.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#7c3aed14;border-color:#7c3aeda6}:root[data-theme=light] .color-purple.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,html[data-theme=light] .color-purple.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#7c3aed;box-shadow:0 0 6px #7c3aed4d}:root[data-theme=light] .color-emerald.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .color-emerald.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#05966914;border-color:#059669a6}:root[data-theme=light] .color-emerald.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,html[data-theme=light] .color-emerald.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#059669;box-shadow:0 0 6px #0596694d}:root[data-theme=light] .color-danger.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .color-danger.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#dc262614;border-color:#dc2626a6}:root[data-theme=light] .color-danger.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,html[data-theme=light] .color-danger.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#dc2626;box-shadow:0 0 6px #dc26264d}:root[data-theme=light] .color-gold.is-indeterminate .nano-switch-slider[data-v-50b63887],html[data-theme=light] .color-gold.is-indeterminate .nano-switch-slider[data-v-50b63887]{background:#d9770614;border-color:#d97706a6}:root[data-theme=light] .color-gold.is-indeterminate .nano-switch-slider[data-v-50b63887]:before,html[data-theme=light] .color-gold.is-indeterminate .nano-switch-slider[data-v-50b63887]:before{background:#d97706;box-shadow:0 0 6px #d977064d}.nano-switch:not(.is-disabled):not(.is-checked):not(.is-indeterminate):hover .nano-switch-slider[data-v-50b63887]{border-color:var(--nano-border-hover);background:var(--nano-bg-hover)}.nano-switch.is-checked:not(.is-disabled):hover .nano-switch-slider[data-v-50b63887]{box-shadow:0 0 12px var(--nano-switch-active-shadow,#00f2fe59)}.nano-switch.is-indeterminate:not(.is-disabled):hover .nano-switch-slider[data-v-50b63887]:before{opacity:.9}.nano-switch-label[data-v-50b63887]{align-items:center;line-height:1.3;display:inline-flex}:root{--nano-border-width:1px;--nano-unit:8px;--nano-space-xs:calc(var(--nano-unit) * .5);--nano-space-sm:var(--nano-unit);--nano-space-md:calc(var(--nano-unit) * 2);--nano-space-lg:calc(var(--nano-unit) * 3);--nano-space-xl:calc(var(--nano-unit) * 4);--nano-space-2xl:calc(var(--nano-unit) * 6);--nano-space-1:var(--nano-space-sm);--nano-space-2:var(--nano-space-md);--nano-space-3:var(--nano-space-lg);--nano-space-4:var(--nano-space-xl);--nano-radius-xs:calc(var(--nano-unit) * .25);--nano-radius-sm:calc(var(--nano-unit) * .5);--nano-radius-md:var(--nano-unit);--nano-radius-lg:calc(var(--nano-unit) * 1.5);--nano-radius-xl:calc(var(--nano-unit) * 2);--nano-radius-full:9999px;--nano-blur-xs:calc(var(--nano-unit) * .25);--nano-blur-sm:calc(var(--nano-unit) * .5);--nano-blur-md:var(--nano-unit);--nano-blur-lg:calc(var(--nano-unit) * 2);--nano-blur-xl:calc(var(--nano-unit) * 3);--nano-line-height-tight:1.25;--nano-line-height-base:1.5;--nano-line-height-relaxed:1.65;--nano-duration-fast:.15s;--nano-duration-medium:.25s;--nano-duration-slow:.35s;--nano-duration-ripple:.6s;--nano-ease-standard:cubic-bezier(.4, 0, .2, 1);--nano-ease-smooth:cubic-bezier(.16, 1, .3, 1);--nano-ease-spring:cubic-bezier(.175, .885, .32, 1.275);--nano-ease-out:cubic-bezier(0, 0, .2, 1);--nano-ease-in:cubic-bezier(.4, 0, 1, 1);--nano-ease-linear:linear;--nano-transition-interactive:var(--nano-duration-fast) var(--nano-ease-standard);--nano-transition-motion:var(--nano-duration-medium) var(--nano-ease-standard);--nano-transition-toggle:var(--nano-duration-medium) var(--nano-ease-standard);--nano-transition-header:var(--nano-duration-medium) var(--nano-ease-smooth);--nano-transition-tooltip:var(--nano-duration-fast) var(--nano-ease-smooth);--nano-transition-chart:var(--nano-duration-medium) var(--nano-ease-standard);--nano-transition-modal:var(--nano-duration-slow) var(--nano-ease-spring);--nano-transition-modal-backdrop:var(--nano-duration-medium) var(--nano-ease-out);--nano-transition-modal-enter:var(--nano-duration-slow) var(--nano-ease-spring);--nano-transition-modal-leave:var(--nano-duration-fast) var(--nano-ease-in);--nano-transition-ripple:var(--nano-duration-ripple) var(--nano-ease-linear)}span.ripple{animation:nano-ripple-anim var(--nano-transition-ripple);background-color:var(--nano-ripple-color,#fff6);pointer-events:none;border-radius:50%;position:absolute;transform:scale(0)}@keyframes nano-ripple-anim{to{opacity:0;transform:scale(4)}}:root{--nano-alpha-1:.05;--nano-alpha-2:.15;--nano-alpha-3:.3;--nano-alpha-4:.6;--nano-alpha-5:.9;--nano-alpha-subtle:var(--nano-alpha-1);--nano-alpha-muted:var(--nano-alpha-2);--nano-alpha-hover:var(--nano-alpha-3);--nano-alpha-medium:var(--nano-alpha-4);--nano-alpha-glass:var(--nano-alpha-5);--nano-bg-app:#09090b;--nano-bg-sidebar:#18181b;--nano-bg-card:rgba(255, 255, 255, var(--nano-alpha-subtle));--nano-bg-card-elevated:rgba(255, 255, 255, var(--nano-alpha-subtle));--nano-bg-muted:rgba(255, 255, 255, var(--nano-alpha-subtle));--nano-bg-code:#0f172a;--nano-bg-hover:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-text-main:#f8fafc;--nano-text-secondary:#cbd5e1;--nano-text-muted:#94a3b8;--nano-text-code:#cbd5e1;--nano-border-subtle:rgba(255, 255, 255, var(--nano-alpha-subtle));--nano-border-card:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-border-hover:rgba(255, 255, 255, var(--nano-alpha-hover));--nano-shadow-card:none;--nano-shadow-elevated:0 var(--nano-space-xs) calc(var(--nano-unit) * 2.5) rgba(0, 0, 0, var(--nano-alpha-hover));--nano-accent-primary:#6366f1;--nano-accent-primary-hover:#4f46e5;--nano-state-active:#00f2fe;--nano-nav-active-bg:rgba(99, 102, 241, var(--nano-alpha-muted));--nano-nav-active-color:#818cf8;--nano-selection-bg:color-mix(in srgb, var(--nano-accent-primary) 35%, transparent);--nano-selection-text:#fff;--nano-switch-bg:rgba(15, 23, 42, var(--nano-alpha-medium));--nano-switch-border:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-switch-knob:#94a3b8;--nano-switch-active-bg:rgba(0, 242, 254, var(--nano-alpha-muted));--nano-switch-active-border:#00f2fe;--nano-switch-active-shadow:rgba(0, 242, 254, var(--nano-alpha-hover));--nano-switch-active-knob:#00f2fe;--nano-ripple-color:rgba(255, 255, 255, var(--nano-alpha-hover));--nano-modal-bg:#18181b;--nano-modal-glass-bg:rgba(24, 24, 27, var(--nano-alpha-glass));--nano-modal-border:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-modal-text:#f8fafc;--nano-modal-text-muted:#94a3b8;--nano-modal-backdrop:rgba(0, 0, 0, var(--nano-alpha-medium));--nano-modal-radius:var(--nano-radius-lg);--nano-modal-btn-primary:#6366f1;--nano-modal-btn-primary-hover:#4f46e5;--nano-modal-btn-secondary:#27272a;--nano-modal-btn-secondary-hover:#3f3f46;--nano-modal-shadow:0 calc(var(--nano-unit) * 2.5) calc(var(--nano-unit) * 6) rgba(0, 0, 0, var(--nano-alpha-medium));--nano-modal-header-bg:rgba(0, 0, 0, var(--nano-alpha-muted));--nano-modal-footer-bg:rgba(0, 0, 0, var(--nano-alpha-muted));--nano-modal-close-hover:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-modal-close-color:#fff;--nano-scrub-color:#00e5ff;--nano-scrub-bg:rgba(0, 229, 255, var(--nano-alpha-subtle));--nano-scrub-border:rgba(0, 229, 255, var(--nano-alpha-hover));--nano-scrub-hover-bg:rgba(0, 229, 255, var(--nano-alpha-muted));--nano-scrub-hover-border:rgba(0, 229, 255, var(--nano-alpha-medium));--nano-scrub-progress-bg:rgba(0, 229, 255, var(--nano-alpha-muted));--nano-tooltip-bg:rgba(15, 23, 42, var(--nano-alpha-glass));--nano-tooltip-color:#f8fafc;--nano-tooltip-radius:var(--nano-radius-md);--nano-tooltip-padding:var(--nano-space-sm) var(--nano-space-md);--nano-tooltip-shadow:0 var(--nano-space-sm) var(--nano-space-lg) rgba(0, 0, 0, var(--nano-alpha-hover));--nano-tooltip-border:var(--nano-border-width) solid rgba(255, 255, 255, var(--nano-alpha-muted));--nano-tooltip-arrow-border:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-radar-grid-bg:rgba(15, 23, 42, var(--nano-alpha-glass));--nano-radar-grid-stroke:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-radar-grid-subtle:rgba(255, 255, 255, var(--nano-alpha-subtle));--nano-radar-text:var(--nano-text-muted);--nano-radar-color:var(--nano-state-active)}:root[data-theme=light],html[data-theme=light]{--nano-bg-app:#f8fafc;--nano-bg-sidebar:#fff;--nano-bg-card:#fff;--nano-bg-card-elevated:#fff;--nano-bg-muted:#f1f5f9;--nano-bg-code:#f8fafc;--nano-bg-hover:#f1f5f9;--nano-text-main:#0f172a;--nano-text-secondary:#1e293b;--nano-text-muted:#475569;--nano-text-code:#0f172a;--nano-border-subtle:#e2e8f0;--nano-border-card:#cbd5e1;--nano-border-hover:#94a3b8;--nano-shadow-card:0 var(--nano-border-width) calc(var(--nano-border-width) * 3) rgba(15, 23, 42, var(--nano-alpha-subtle)), 0 var(--nano-border-width) calc(var(--nano-border-width) * 2) rgba(15, 23, 42, var(--nano-alpha-subtle));--nano-shadow-elevated:0 var(--nano-space-xs) calc(var(--nano-unit) * 2) rgba(15, 23, 42, var(--nano-alpha-subtle));--nano-accent-primary:#4f46e5;--nano-accent-primary-hover:#4338ca;--nano-state-active:#0284c7;--nano-nav-active-bg:#e0e7ff;--nano-nav-active-color:#4338ca;--nano-selection-bg:color-mix(in srgb, var(--nano-accent-primary) 20%, transparent);--nano-selection-text:inherit;--nano-switch-bg:#e2e8f0;--nano-switch-border:#cbd5e1;--nano-switch-knob:#fff;--nano-switch-active-bg:#e0f2fe;--nano-switch-active-border:#0284c7;--nano-switch-active-shadow:rgba(2, 132, 199, var(--nano-alpha-muted));--nano-switch-active-knob:#0284c7;--nano-ripple-color:rgba(15, 23, 42, var(--nano-alpha-muted));--nano-modal-bg:#fff;--nano-modal-glass-bg:rgba(255, 255, 255, var(--nano-alpha-glass));--nano-modal-border:#cbd5e1;--nano-modal-text:#0f172a;--nano-modal-text-muted:#475569;--nano-modal-backdrop:rgba(15, 23, 42, var(--nano-alpha-medium));--nano-modal-radius:var(--nano-radius-lg);--nano-modal-btn-primary:#4f46e5;--nano-modal-btn-primary-hover:#4338ca;--nano-modal-btn-secondary:#f1f5f9;--nano-modal-btn-secondary-hover:#e2e8f0;--nano-modal-shadow:0 calc(var(--nano-unit) * 1.5) calc(var(--nano-unit) * 4) rgba(15, 23, 42, var(--nano-alpha-muted));--nano-modal-header-bg:rgba(15, 23, 42, var(--nano-alpha-subtle));--nano-modal-footer-bg:rgba(15, 23, 42, var(--nano-alpha-subtle));--nano-modal-close-hover:rgba(15, 23, 42, var(--nano-alpha-muted));--nano-modal-close-color:#0f172a;--nano-scrub-color:#0284c7;--nano-scrub-bg:rgba(2, 132, 199, var(--nano-alpha-subtle));--nano-scrub-border:rgba(2, 132, 199, var(--nano-alpha-hover));--nano-scrub-hover-bg:rgba(2, 132, 199, var(--nano-alpha-muted));--nano-scrub-hover-border:rgba(2, 132, 199, var(--nano-alpha-medium));--nano-scrub-progress-bg:rgba(2, 132, 199, var(--nano-alpha-muted));--nano-tooltip-bg:rgba(15, 23, 42, var(--nano-alpha-glass));--nano-tooltip-color:#f8fafc;--nano-tooltip-radius:var(--nano-radius-md);--nano-tooltip-padding:var(--nano-space-sm) var(--nano-space-md);--nano-tooltip-shadow:0 var(--nano-space-sm) var(--nano-space-lg) rgba(15, 23, 42, var(--nano-alpha-hover));--nano-tooltip-border:var(--nano-border-width) solid rgba(255, 255, 255, var(--nano-alpha-muted));--nano-tooltip-arrow-border:rgba(255, 255, 255, var(--nano-alpha-muted));--nano-radar-grid-bg:rgba(241, 245, 249, var(--nano-alpha-glass));--nano-radar-grid-stroke:rgba(15, 23, 42, var(--nano-alpha-muted));--nano-radar-grid-subtle:rgba(15, 23, 42, var(--nano-alpha-subtle));--nano-radar-text:var(--nano-text-muted);--nano-radar-color:var(--nano-state-active)}*,:before,:after{box-sizing:border-box}:focus,:focus-visible,input,textarea,select,button{outline:none!important}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,button:focus,button:focus-visible{box-shadow:none!important;outline:none!important}:root,body,.nano-ui-chrome{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],code,pre,kbd,samp{-webkit-user-select:text!important;user-select:text!important}code,pre{cursor:text;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}pre{white-space:pre;margin:0}pre code{white-space:inherit;font-family:inherit}::selection{background-color:var(--nano-selection-bg);color:var(--nano-selection-text)}::selection{background-color:var(--nano-selection-bg);color:var(--nano-selection-text)}html.preload,html.preload *,html.preload :before,html.preload :after,html.theme-switching,html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:none!important}body{background-color:var(--nano-bg-app);color:var(--nano-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:var(--nano-line-height-base,1.5);-webkit-font-smoothing:antialiased;margin:0;padding:0}
 /*$vite$:1*/