.cdx-tokens{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cdx-changed:oklch(55% .19 25);--cdx-added:oklch(64% .15 60);--cdx-missing:oklch(52% .17 310);--cdx-done:oklch(60% .08 245);--cdx-done-strong:oklch(47% .1 250);--rl-del:oklch(52% .18 25);--rl-ins:oklch(45% .13 255);--cdx-hover:color-mix(in oklch, var(--demo-chrome-surface-hover) 45%, var(--demo-chrome-surface))}.cdx-tokens p,.cdx-tokens li{font-size:inherit;line-height:inherit}.cdx-tokens strong{font-weight:700}.cdx-tokens code{font-weight:inherit;line-height:inherit}.cdx-tokens .demo-picker__trigger:hover,.cdx-tokens .demo-btn--outline:hover,.cdx-tokens .demo-icon-btn:not(.demo-icon-btn--plain,[aria-pressed=true]):hover{background:var(--cdx-hover)}.cdx-tokens .demo-outline.demo-scroll{padding-bottom:1.5rem}.cdx-tokens .demo-sidebar-doc .demo-doc__para--bar.is-active:before{background:color-mix(in oklch, var(--demo-mark-accent) 7%, transparent)}@container demo (width>=50rem){.cdx-tokens .demo-app__header{padding-right:.75rem}}.rd-body.svelte-rugnui{--rd-bleed:1.25rem;overscroll-behavior:contain;min-height:0;margin-right:calc(-1 * var(--rd-bleed));padding:1.5rem calc(.5rem + var(--rd-bleed)) 40vh 2.25rem;overflow-wrap:anywhere;flex:auto;overflow:hidden auto}.demo-split:not(.is-wide) .rd-body.svelte-rugnui{margin-right:0;padding-inline:.75rem}.rd-body.svelte-rugnui:focus-visible{outline:2px solid var(--demo-chrome-primary);outline-offset:-2px}.rd-doc.svelte-rugnui{max-width:40rem;margin:0 auto;position:relative}.rd-status.svelte-rugnui{color:var(--demo-chrome-muted-foreground)}.rd-body--status.svelte-rugnui{justify-content:center;align-items:center;padding-bottom:1.5rem;display:flex}.rd-body--status.svelte-rugnui>.rd-doc:where(.svelte-rugnui){margin:0}.rd-side--status.svelte-rugnui{justify-content:center;align-items:center;padding-bottom:1.25rem}.rd-side--status.svelte-rugnui>p:where(.svelte-rugnui){margin:0}.rd-side.svelte-rugnui{flex-direction:column;flex:auto;min-height:0;display:flex}.rd-side__top.svelte-rugnui{align-items:center;gap:.375rem;padding-bottom:.5rem;display:flex}.rd-party.svelte-rugnui{flex:auto;min-width:0}.rd-party.svelte-rugnui .demo-picker__trigger{box-shadow:none}.rd-tool.svelte-rugnui{flex:none}.rd-party.svelte-rugnui+.rd-filter:where(.svelte-rugnui),.rd-filter.svelte-rugnui:first-child{margin-left:auto}.rd-filter.svelte-rugnui{flex:none;position:relative}.rd-tool.is-filtered.svelte-rugnui{border-color:var(--demo-chrome-primary);color:var(--demo-chrome-primary)}.rd-filter__menu.svelte-rugnui{z-index:21;border:1px solid var(--demo-chrome-border);border-radius:var(--demo-chrome-radius-sm);background:var(--demo-chrome-surface);min-width:11rem;box-shadow:var(--demo-chrome-shadow);padding:.375rem;display:grid;position:absolute;top:calc(100% + .375rem);right:0}.rd-filter__item.svelte-rugnui{border-radius:var(--demo-chrome-radius-sm);font:inherit;text-align:left;color:var(--demo-chrome-foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.8125rem;display:flex}.rd-filter__item.svelte-rugnui:hover{background:color-mix(in oklch, var(--demo-chrome-surface-hover) 60%, transparent)}.rd-filter__check.svelte-rugnui{border:1px solid var(--demo-chrome-border);color:#0000;border-radius:3px;flex:none;place-items:center;width:1rem;height:1rem;display:inline-grid}.rd-filter__item[aria-checked=true].svelte-rugnui .rd-filter__check:where(.svelte-rugnui){border-color:var(--demo-chrome-primary);background:var(--demo-chrome-primary);color:var(--demo-chrome-primary-foreground)}.rd-filter__item.svelte-rugnui .rd-filter__icon{color:var(--cdx-done-strong);flex:none;margin-inline:-.125rem}.rd-filter__dot.svelte-rugnui{background:var(--rd-dot);border-radius:50%;flex:none;width:.5rem;height:.5rem}.rd-filter__divider.svelte-rugnui{background:var(--demo-chrome-border);height:1px;margin:.3rem .25rem}.rd-tool[aria-pressed=true].svelte-rugnui{border-color:var(--demo-chrome-primary);background:color-mix(in oklch, var(--demo-chrome-primary) 8%, var(--demo-chrome-surface));color:var(--demo-chrome-primary)}.rd-note.svelte-rugnui{color:var(--demo-chrome-muted-foreground);margin:.5rem 0 0;font-size:.75rem}.rd-left.svelte-rugnui{font-variant-numeric:tabular-nums;min-height:1.75rem;color:var(--demo-chrome-muted-foreground);justify-content:flex-end;align-items:center;margin:0 0 -.5rem;font-size:.8125rem;display:flex}.rd-list.svelte-rugnui{flex-direction:column;flex:auto;gap:1rem;min-height:0;margin-inline:-.25rem -.5rem;padding:.75rem .5rem 1.5rem .25rem;display:flex;overflow-y:auto}.rd-body.svelte-rugnui::-webkit-scrollbar-track{margin-block:.25rem}.rd-list.svelte-rugnui::-webkit-scrollbar-track{margin-block:.25rem}.rd-group.svelte-rugnui{flex-direction:column;gap:.5rem;display:flex}.rd-empty.svelte-rugnui{color:var(--demo-chrome-muted-foreground);margin:0;font-size:.8125rem}.rd-focus.svelte-rugnui:focus{outline:none}.rd-focus.svelte-rugnui{flex-direction:column;gap:.625rem;display:flex}.rd-focus.svelte-rugnui[data-demo-tour-target]{outline-offset:-2px;margin:-.5rem -.5rem -.5rem -.25rem;padding:.5rem .5rem .5rem .25rem}.rd-nav.svelte-rugnui{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rd-side.svelte-rugnui>.rd-nav:where(.svelte-rugnui){padding-top:.625rem}.rd-pager.svelte-rugnui{align-items:center;gap:.125rem;display:flex}.rd-pager.svelte-rugnui .demo-btn{height:1.75rem;padding-inline:.375rem}.rd-pager__count.svelte-rugnui{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5em;color:var(--demo-chrome-muted-foreground);font-size:.8125rem}.rd-back.svelte-rugnui,.rd-clear.svelte-rugnui{border-radius:var(--demo-chrome-radius-sm);height:1.75rem;font:inherit;color:var(--demo-chrome-muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0 .375rem;font-size:.8125rem;font-weight:500;display:inline-flex}.rd-back.svelte-rugnui{margin-left:-.375rem}.rd-back.svelte-rugnui:hover,.rd-clear.svelte-rugnui:hover{color:var(--demo-chrome-foreground)}.rd-clear__label.svelte-rugnui{text-box:trim-both cap alphabetic}.rd-clear.is-armed.svelte-rugnui{background:color-mix(in oklch, var(--cdx-changed) 10%, var(--demo-chrome-surface));color:var(--cdx-changed)}.rd-heading.svelte-rugnui{letter-spacing:-.01em;color:var(--demo-chrome-foreground);margin:0;font-size:.9375rem;font-weight:700;line-height:1.3}.rd-group__label.svelte-rugnui{color:var(--demo-chrome-foreground);margin:0;padding:.25rem 0 0;font-size:.8125rem;font-weight:700;line-height:1.3}