@layer tx.components{.tx-sidebar{--tx-sidebar-contrast-source:var(--tx-sidebar-foreground,var(--tx-foreground,CanvasText));--tx-sidebar-contrast-foreground:var(--tx-sidebar-contrast-source);box-sizing:border-box;background:var(--tx-sidebar,var(--tx-surface,Canvas));block-size:100%;min-block-size:0;color:var(--tx-sidebar-contrast-foreground);font-family:var(--tx-font-sans,system-ui, sans-serif);font-size:var(--tx-sidebar-font-size,var(--tx-font-size-sm));transition:inline-size var(--tx-motion-base,.2s) var(--tx-motion-easing,ease), padding var(--tx-motion-base,.2s) var(--tx-motion-easing,ease);flex-direction:column;display:flex}.tx-sidebar--default{border-inline-end:var(--tx-border-width-thin) solid var(--tx-sidebar-border,var(--tx-border,ButtonBorder))}.tx-sidebar--inset{margin:var(--tx-space-2);border:var(--tx-border-width-thin) solid var(--tx-sidebar-border,var(--tx-border,ButtonBorder));border-radius:var(--tx-sidebar-inset-radius,var(--tx-shape-radius-lg))}.tx-sidebar:not([data-collapsed]):not([data-drawer]){inline-size:var(--tx-sidebar-width,16rem)}.tx-sidebar[data-collapsed]:not([data-drawer]){inline-size:var(--tx-sidebar-width-collapsed,4rem)}.tx-sidebar[data-drawer]{border-inline-end:0;inline-size:100%}.tx-sidebar__header{min-block-size:3.5rem;padding-inline:var(--tx-sidebar-header-padding-inline,var(--tx-space-3));align-items:center;gap:var(--tx-sidebar-header-gap,var(--tx-space-2));flex-shrink:0;display:flex}.tx-sidebar[data-drawer] .tx-sidebar__header{padding-inline-end:var(--tx-space-12)}.tx-sidebar__body{gap:var(--tx-sidebar-body-gap,var(--tx-space-4));min-block-size:0;padding-block:var(--tx-sidebar-body-padding-block,var(--tx-space-3));padding-inline:var(--tx-sidebar-body-padding-inline,var(--tx-space-2));flex-direction:column;flex:auto;display:flex;overflow-y:auto}.tx-sidebar__section{gap:.15rem;display:grid}.tx-sidebar__section-label{padding-block:.25rem .35rem;padding-inline:var(--tx-space-3);letter-spacing:.04em;text-transform:uppercase;color:var(--tx-sidebar-contrast-foreground,var(--tx-foreground,CanvasText));margin:0;font-size:.7rem;font-weight:600}.tx-sidebar__section-rule{margin-block:.35rem;margin-inline:var(--tx-space-2);border:0;border-block-start:var(--tx-border-width-thin) solid var(--tx-sidebar-border,var(--tx-border,ButtonBorder))}.tx-sidebar__list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.tx-sidebar__item{box-sizing:border-box;align-items:center;gap:var(--tx-space-3);min-block-size:var(--tx-size-control-md);padding-inline:var(--tx-space-3);border-radius:var(--tx-shape-radius-lg);color:var(--tx-sidebar-contrast-foreground,var(--tx-foreground,CanvasText));font:inherit;font-weight:var(--tx-type-label-weight);cursor:pointer;inline-size:100%;transition:background-color var(--tx-motion-fast,.15s) ease, color var(--tx-motion-fast,.15s) ease;background:0 0;border:0;text-decoration:none;display:flex;position:relative}.tx-sidebar__item:hover{background:color-mix(in srgb, var(--tx-sidebar-foreground,CanvasText) 6%, transparent);color:var(--tx-sidebar-contrast-foreground,var(--tx-foreground,CanvasText))}.tx-sidebar__item:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}.tx-sidebar__item--active{background:color-mix(in srgb, var(--tx-sidebar-primary,var(--tx-primary,Highlight)) 10%, transparent);color:var(--tx-sidebar-contrast-foreground,var(--tx-foreground,CanvasText));font-weight:600}.tx-sidebar__item--active:not(.tx-sidebar__item--collapsed):before{content:"";background:var(--tx-sidebar-primary,var(--tx-primary,Highlight));border-radius:3px;inline-size:3px;position:absolute;inset-block:.375rem;inset-inline-start:0}.tx-sidebar__item--collapsed{justify-content:center;padding-inline:0}.tx-sidebar__item--disabled,.tx-sidebar__item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tx-sidebar__icon{inline-size:var(--tx-size-icon-md);block-size:var(--tx-size-icon-md);flex:none;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-grid}.tx-sidebar__item--active .tx-sidebar__icon{color:var(--tx-sidebar-contrast-foreground,var(--tx-foreground,CanvasText))}.tx-sidebar__label{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:auto;min-inline-size:0;overflow:hidden}.tx-sidebar__badge{border-radius:var(--tx-shape-radius-full);background:color-mix(in srgb, var(--tx-sidebar-foreground,CanvasText) 4%, transparent);color:var(--tx-sidebar-contrast-foreground,var(--tx-foreground,CanvasText));font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto;padding-block:.05rem;padding-inline:.4rem;font-size:.7rem;font-weight:600;line-height:1.3}.tx-sidebar__badge-dot{border-radius:var(--tx-shape-radius-full);background:var(--tx-sidebar-primary,var(--tx-primary,Highlight));block-size:.4rem;inline-size:.4rem;position:absolute;inset-block-start:.35rem;inset-inline-end:.35rem}.tx-sidebar__footer{gap:var(--tx-space-2);border-block-start:var(--tx-border-width-thin) solid var(--tx-sidebar-border,var(--tx-border,ButtonBorder));padding:var(--tx-space-2);flex-direction:column;flex-shrink:0;display:flex}.tx-sidebar__toggle{box-sizing:border-box;align-items:center;gap:var(--tx-space-3);min-block-size:var(--tx-size-control-md);padding-inline:var(--tx-space-3);border-radius:var(--tx-shape-radius-lg);color:inherit;font:inherit;font-weight:var(--tx-type-label-weight);cursor:pointer;background:0 0;border:0;inline-size:100%;display:flex}.tx-sidebar__toggle:hover{background:color-mix(in srgb, var(--tx-sidebar-foreground,CanvasText) 6%, transparent)}.tx-sidebar__toggle:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}.tx-sidebar__toggle--collapsed{justify-content:center;padding-inline:0}.tx-sidebar__toggle-icon{inline-size:var(--tx-size-icon-md);block-size:var(--tx-size-icon-md);flex:none;place-items:center;display:inline-grid}.tx-app-nav{background:var(--tx-background,Canvas);block-size:100%;min-block-size:0;color:var(--tx-foreground,CanvasText);flex:auto;grid-template:"side head""side main"1fr/auto 1fr;align-self:stretch;display:grid}.tx-app-nav__sidebar{flex-direction:column;grid-area:side;align-self:stretch;block-size:auto;min-block-size:0;display:flex}.tx-app-nav__sidebar>.tx-sidebar{flex:auto;align-self:stretch;block-size:100%;min-block-size:100%}.tx-app-nav__header{align-items:center;gap:var(--tx-space-2);min-block-size:3.25rem;padding-inline:var(--tx-space-3);border-block-end:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);background:var(--tx-surface,Canvas);grid-area:head;display:flex}.tx-app-nav__main{min-block-size:0;min-inline-size:0;padding:var(--tx-space-4);grid-area:main;overflow:auto}.tx-app-nav__menu-btn{min-inline-size:var(--tx-size-control-md);min-block-size:var(--tx-size-control-md);border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-lg);background:var(--tx-background,Canvas);color:inherit;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;display:none}.tx-app-nav__menu-btn:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}.tx-app-nav__drawer-sidebar{block-size:100%;min-block-size:16rem}.tx-app-nav-sheet{box-sizing:border-box;border:0;border-inline-end:var(--tx-border-width-thin) solid var(--tx-sidebar-border,var(--tx-border,ButtonBorder));background:var(--tx-sidebar,var(--tx-surface,Canvas));block-size:100%;max-inline-size:min(20rem,92vw);color:var(--tx-sidebar-foreground,var(--tx-foreground,CanvasText));flex-direction:column;padding:0;display:flex;position:relative}.tx-app-nav-sheet[data-state=closed]{display:none}.tx-app-nav-sheet__close{z-index:1;min-inline-size:var(--tx-size-control-md);min-block-size:var(--tx-size-control-md);border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-lg);background:var(--tx-background,Canvas);color:inherit;cursor:pointer;font:inherit;place-items:center;margin:0;padding:0;line-height:1;display:inline-grid;position:absolute;inset-block-start:var(--tx-space-3);inset-inline-end:var(--tx-space-3)}.tx-app-nav-sheet__close:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}@media (width<=48rem){.tx-app-nav{grid-template-columns:1fr;grid-template-areas:"head""main"}.tx-app-nav__sidebar{display:none}.tx-app-nav__menu-btn{display:inline-flex}}@media (prefers-reduced-motion:reduce){.tx-sidebar{transition:none}}@media (forced-colors:active){.tx-sidebar,.tx-sidebar--inset,.tx-app-nav__header,.tx-app-nav__menu-btn,.tx-app-nav-sheet{border:1px solid buttontext}.tx-sidebar__item--active{outline:1px solid highlight}.tx-sidebar__item--active:not(.tx-sidebar__item--collapsed):before,.tx-sidebar__badge-dot{background:highlight}}.tx-sidebar__list--nested{margin-block-start:.15rem;padding-inline-start:calc(var(--tx-space-unit) * 3.5)}.tx-sidebar__list--nested .tx-sidebar__item{font-size:var(--tx-type-label-size)}.tx-sidebar__item--parent{color:var(--tx-foreground);font-weight:600}}
