.demo-module-scss-module__nDWoIa__shell{border:1px solid var(--hair);border-radius:var(--r-md,8px);flex-direction:column;margin-block-end:2rem;display:flex;overflow:hidden}.demo-module-scss-module__nDWoIa__navbar{padding:var(--space-2,.75rem) var(--space-4,1rem);background:var(--background-navbar,#fafafa);box-shadow:var(--shadow-1,0 1px 2px 0 #0000000d);border-bottom:1px solid var(--border-default,#e5e5e5);justify-content:space-between;align-items:center;display:flex}.demo-module-scss-module__nDWoIa__brand{align-items:center;gap:var(--space-2,.75rem);color:var(--text-primary,#0f0f0f);font-weight:var(--font-weight-bold,700);font-style:normal;font-size:var(--font-size-4,1.125rem);text-decoration:none;display:flex}.demo-module-scss-module__nDWoIa__navList{align-items:center;gap:var(--space-1,.5rem);margin:0;margin:0;padding:0;list-style:none;display:flex}.demo-module-scss-module__nDWoIa__navLink{align-items:center;gap:var(--space-2xs,.25rem);padding:var(--space-1,.5rem) var(--space-2,.75rem);border-radius:var(--radius-md,.375rem);color:var(--text-secondary,#525252);font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-2,.875rem);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);display:flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__nDWoIa__navLink{transition:none}}.demo-module-scss-module__nDWoIa__navLink:hover{color:var(--text-primary,#0f0f0f);background:var(--interactive-hover,#00000008)}.demo-module-scss-module__nDWoIa__navLink[aria-current=page],.demo-module-scss-module__nDWoIa__navLink.demo-module-scss-module__nDWoIa__active{color:var(--text-link,#384fff);background:var(--interactive-hover,#00000008)}.demo-module-scss-module__nDWoIa__navLink[aria-current=page]{color:var(--text-primary);background:var(--action-primary-wash)}.demo-module-scss-module__nDWoIa__panel{gap:var(--space-4,1rem);flex-wrap:wrap;display:flex}.demo-module-scss-module__nDWoIa__panel>[data-slot=side]{flex-grow:1;flex-basis:12rem}.demo-module-scss-module__nDWoIa__panel>[data-slot=content]{flex-grow:999;flex-basis:0;min-inline-size:50%}.demo-module-scss-module__nDWoIa__panel{padding:var(--space-4,1rem);min-height:16rem}.demo-module-scss-module__nDWoIa__sideNav{gap:var(--stack-gap,var(--space-1,.5rem));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.demo-module-scss-module__nDWoIa__sideNav a{padding:var(--space-2,.75rem) var(--space-3,.875rem);border-radius:var(--radius-md,6px);color:var(--text-secondary);text-decoration:none;display:block}.demo-module-scss-module__nDWoIa__sideNav a[aria-current=page]{color:var(--text-primary);background:var(--surface-subtle)}.demo-module-scss-module__nDWoIa__sideNav a:hover{background:var(--interactive-hover)}.demo-module-scss-module__nDWoIa__toolbar{align-items:center;gap:var(--space-3,.875rem);flex-wrap:wrap;display:flex}.demo-module-scss-module__nDWoIa__toolbar>[data-slot=trailing]{margin-inline-start:auto}.demo-module-scss-module__nDWoIa__toolbar{margin-block-end:var(--space-4,1rem)}.demo-module-scss-module__nDWoIa__toolbar h2{margin:0;font-size:1.1rem}.demo-module-scss-module__nDWoIa__settingsBtn{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__nDWoIa__settingsBtn:focus:not(:focus-visible){outline:none}.demo-module-scss-module__nDWoIa__settingsBtn{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__nDWoIa__settingsBtn{transition:none}}.demo-module-scss-module__nDWoIa__settingsBtn:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__nDWoIa__settingsBtn{border:1px solid var(--border-default,#e5e5e5);color:var(--text-primary,#0f0f0f);background:0 0}.demo-module-scss-module__nDWoIa__settingsBtn:hover{background:var(--interactive-hover,#00000008);border-color:var(--border-focus,#384fff)}.demo-module-scss-module__nDWoIa__settingsBtn:active{background:var(--interactive-active,#0000000f)}.demo-module-scss-module__nDWoIa__settingsBtn:disabled,.demo-module-scss-module__nDWoIa__settingsBtn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__nDWoIa__footer{gap:var(--space-2,.75rem);padding:var(--space-4,1rem) var(--space-6,2rem);border-block-start:1px solid var(--border-default);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.demo-module-scss-module__nDWoIa__footer nav{gap:var(--space-4,1rem);flex-wrap:wrap;justify-content:start;align-items:center;display:flex}.demo-module-scss-module__nDWoIa__footer a{color:inherit;text-decoration:none}.demo-module-scss-module__nDWoIa__footer a:hover{color:var(--text-primary)}.demo-module-scss-module__nDWoIa__dialog{padding:var(--modal-padding,var(--space-5,1.5rem));border-radius:var(--modal-radius,var(--radius-xl,.75rem));background:var(--surface-default,#fff);box-shadow:var(--modal-shadow,var(--shadow-5,0 25px 50px -12px #00000040));width:90%;max-width:500px;max-height:90vh;z-index:var(--z-modal,1400);border:0;margin:auto;overflow-y:auto}.demo-module-scss-module__nDWoIa__dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.demo-module-scss-module__nDWoIa__dialog{opacity:0;transition:opacity var(--duration-normal,.24s) var(--ease,ease),transform var(--duration-normal,.24s) var(--ease,ease),display var(--duration-normal,.24s) var(--ease,ease) allow-discrete,overlay var(--duration-normal,.24s) var(--ease,ease) allow-discrete;transform:scale(.96)translateY(8px)}.demo-module-scss-module__nDWoIa__dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{.demo-module-scss-module__nDWoIa__dialog[open]{opacity:0;transform:scale(.96)translateY(8px)}}.demo-module-scss-module__nDWoIa__dialog::backdrop{opacity:0;transition:opacity var(--duration-normal,.24s) var(--ease,ease),display var(--duration-normal,.24s) var(--ease,ease) allow-discrete,overlay var(--duration-normal,.24s) var(--ease,ease) allow-discrete}.demo-module-scss-module__nDWoIa__dialog[open]::backdrop{opacity:1}@starting-style{.demo-module-scss-module__nDWoIa__dialog[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__nDWoIa__dialog,.demo-module-scss-module__nDWoIa__dialog::backdrop{transition:none}}.demo-module-scss-module__nDWoIa__dialog::backdrop{background:#00000080}.demo-module-scss-module__nDWoIa__dialog header{align-items:center;gap:var(--space-3,.875rem);flex-wrap:wrap;display:flex}.demo-module-scss-module__nDWoIa__dialog header>[data-slot=trailing]{margin-inline-start:auto}.demo-module-scss-module__nDWoIa__dialog footer{align-items:center;gap:var(--space-3,.875rem);flex-wrap:wrap;display:flex}.demo-module-scss-module__nDWoIa__dialog footer>[data-slot=trailing]{margin-inline-start:auto}.demo-module-scss-module__nDWoIa__dialogClose{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__nDWoIa__dialogClose:focus:not(:focus-visible){outline:none}.demo-module-scss-module__nDWoIa__dialogClose{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__nDWoIa__dialogClose{transition:none}}.demo-module-scss-module__nDWoIa__dialogClose:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__nDWoIa__dialogClose{color:var(--text-primary,#0f0f0f);background:0 0}.demo-module-scss-module__nDWoIa__dialogClose:hover{background:var(--interactive-hover,#00000008)}.demo-module-scss-module__nDWoIa__dialogClose:active{background:var(--interactive-active,#0000000f)}.demo-module-scss-module__nDWoIa__dialogClose:disabled,.demo-module-scss-module__nDWoIa__dialogClose[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__nDWoIa__dialogClose{margin-inline-start:auto}.demo-module-scss-module__nDWoIa__dialogCancel{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__nDWoIa__dialogCancel:focus:not(:focus-visible){outline:none}.demo-module-scss-module__nDWoIa__dialogCancel{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__nDWoIa__dialogCancel{transition:none}}.demo-module-scss-module__nDWoIa__dialogCancel:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__nDWoIa__dialogCancel{color:var(--text-primary,#0f0f0f);background:0 0}.demo-module-scss-module__nDWoIa__dialogCancel:hover{background:var(--interactive-hover,#00000008)}.demo-module-scss-module__nDWoIa__dialogCancel:active{background:var(--interactive-active,#0000000f)}.demo-module-scss-module__nDWoIa__dialogCancel:disabled,.demo-module-scss-module__nDWoIa__dialogCancel[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__nDWoIa__dialogConfirm{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__nDWoIa__dialogConfirm:focus:not(:focus-visible){outline:none}.demo-module-scss-module__nDWoIa__dialogConfirm{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__nDWoIa__dialogConfirm{transition:none}}.demo-module-scss-module__nDWoIa__dialogConfirm:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__nDWoIa__dialogConfirm{background:var(--action-primary-default,#3a5fcd);color:var(--text-inverse,#fff)}.demo-module-scss-module__nDWoIa__dialogConfirm:hover{background:var(--action-primary-hover,#2e4a99)}.demo-module-scss-module__nDWoIa__dialogConfirm:active{background:var(--action-primary-active,#1e3a8a)}.demo-module-scss-module__nDWoIa__dialogConfirm:disabled,.demo-module-scss-module__nDWoIa__dialogConfirm[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}