@layer components{.d11{--primary:#2b638a;--primary-t:#2b638a99;--bg:#f5f5f5;--card:#fff;--alt:#f5f5f5;--text:#000;--muted:#99a1af;--soft:#6a7282;--line:#d1d5dc;--line-soft:#e5e7eb;--th:#e5e7eb;--hover:#f3f4f6;--menu:#f3f4f6;background:var(--bg);color:var(--text);font-family:Inter,monospace;font-size:16px}html.dark .d11{--primary:#2c85c3;--primary-t:#2c85c399;--bg:#0f172a;--card:#1d293d;--alt:#314158;--text:#fff;--muted:#99a1af;--soft:#99a1af;--line:#4a5565;--line-soft:#364153;--th:#4a5565;--hover:#364153;--menu:#314158;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.d11-card{background:var(--card);color:var(--text);border-radius:12px;padding:16px}.d11-card-border{border:1px solid var(--line)}.d11-card-alt{background:var(--alt)}@media (min-width:64rem){.d11-card{padding:24px}}.d11-btn{cursor:pointer;border-radius:8px;height:fit-content;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;transition:opacity .15s}.d11-btn:hover{opacity:.9}.d11-btn:disabled{cursor:not-allowed;opacity:.5}.d11-primary{background:var(--primary);color:#fff}.d11-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.d11-tab{border:1px solid var(--primary);color:var(--primary);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;padding:8px 16px;font-size:12px;font-weight:500;line-height:16px;transition:opacity .15s;display:flex}.d11-tab:hover{opacity:.9}html.dark .d11-tab{color:#fff}.d11-tab-on,html.dark .d11-tab-on{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.d11-label{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:500;line-height:20px;display:block}.d11-input{outline:1px solid var(--muted);width:100%;color:var(--text);background:0 0;border-radius:4px;padding:8px 40px 8px 8px;font-size:14px;font-weight:500;line-height:20px}.d11-input::placeholder{color:var(--muted)}.d11-input:focus-visible{outline:2px solid var(--primary)}.d11-input-date{border-radius:8px;padding-right:20px}.d11-input-error{outline-color:#fb2c36}.d11-switch{background:var(--muted);cursor:pointer;border-radius:999px;align-items:center;min-width:32px;height:20px;transition:background .15s;display:inline-flex}.d11-switch>span{background:#fff;border-radius:999px;width:12px;height:12px;transition:transform .15s;transform:translate(4px)}.d11-switch[aria-checked=true]{background:var(--primary)}.d11-switch[aria-checked=true]>span{transform:translate(14px)}.d11-badge{color:#fff;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600;line-height:18px;display:inline-block}.d11-number{font-family:Geist Mono,monospace;font-size:14px;font-weight:200;line-height:20px}.d11-table{text-align:left;width:100%}.d11-table thead tr{background:var(--th);font-size:14px}.d11-table thead th{color:var(--text);white-space:nowrap;padding:12px 24px;font-weight:700}.d11-table tbody tr{transition:background .2s}.d11-table tbody tr:hover{background:var(--hover)}.d11-table tbody td{color:var(--text);white-space:nowrap;padding:16px 24px;font-size:14px}.d11-table tbody td:first-child{font-weight:500}.d11-link{color:var(--primary);font-weight:700}.d11-menu-item:hover{background:var(--card)}.d11-rule{border-top:1px solid var(--line-soft);margin:8px 0}.d11-tree-tab,.d11-ring{background:var(--primary-t)}.d11-skeleton{background:var(--line-soft);border-radius:4px}}