@layer components{.tn-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--tn-dur) ease;background:#0006;position:fixed;inset:0}.tn-backdrop[data-starting-style],.tn-backdrop[data-ending-style]{opacity:0}.tn-dialog{z-index:51;width:min(var(--tn-w-xl), calc(100vw - var(--tn-space-8)));max-height:calc(100dvh - var(--tn-space-8));padding:var(--tn-inset);border-radius:var(--tn-r-card);transition:opacity var(--tn-dur-fast) ease-out, scale var(--tn-dur-fast) ease-out;position:fixed;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.tn-dialog[data-size=sm]{width:min(var(--tn-w-lg), calc(100vw - var(--tn-space-8)))}.tn-dialog[data-size=lg]{width:min(var(--tn-w-prose), calc(100vw - var(--tn-space-8)))}.tn-dialog[data-starting-style],.tn-dialog[data-ending-style]{opacity:0;scale:.96}.tn-dialog__header{gap:var(--tn-space-1);margin-bottom:var(--tn-inset);padding-right:var(--tn-h-control-sm);flex-direction:column;display:flex}.tn-dialog__title{font-size:var(--tn-text-lg);letter-spacing:-.01em;font-weight:600}.tn-dialog__desc{font-size:var(--tn-text-sm);color:var(--tn-muted)}.tn-dialog__footer{justify-content:flex-end;gap:var(--tn-space-2);margin-top:var(--tn-inset);flex-wrap:wrap;display:flex}.tn-dialog__x{top:var(--tn-space-3);right:var(--tn-space-3);width:var(--tn-h-control-sm);height:var(--tn-h-control-sm);color:var(--tn-muted);transition:background var(--tn-dur-fast);border-radius:9999px;place-items:center;display:grid;position:absolute}.tn-dialog__x:hover{background:var(--tn-surface-2);color:var(--tn-text)}.tn-sheet{z-index:51;padding:var(--tn-inset);transition:translate var(--tn-dur) var(--tn-ease), opacity var(--tn-dur-fast) ease;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.tn-sheet[data-side=right],.tn-sheet[data-side=left]{top:var(--tn-space-3);bottom:var(--tn-space-3);width:min(var(--tn-w-xl), calc(100vw - var(--tn-space-8)));border-radius:var(--tn-r-card)}.tn-sheet[data-side=right]{right:var(--tn-space-3)}.tn-sheet[data-side=left]{left:var(--tn-space-3)}.tn-sheet[data-side=top],.tn-sheet[data-side=bottom]{left:var(--tn-space-3);right:var(--tn-space-3);border-radius:var(--tn-r-card);max-height:80dvh}.tn-sheet[data-side=top]{top:var(--tn-space-3)}.tn-sheet[data-side=bottom]{bottom:var(--tn-space-3)}.tn-sheet[data-side=right][data-starting-style],.tn-sheet[data-side=right][data-ending-style]{translate:calc(100% + var(--tn-space-3)) 0}.tn-sheet[data-side=left][data-starting-style],.tn-sheet[data-side=left][data-ending-style]{translate:calc(-100% - var(--tn-space-3)) 0}.tn-sheet[data-side=top][data-starting-style],.tn-sheet[data-side=top][data-ending-style]{translate:0 calc(-100% - var(--tn-space-3))}.tn-sheet[data-side=bottom][data-starting-style],.tn-sheet[data-side=bottom][data-ending-style]{translate:0 calc(100% + var(--tn-space-3))}.tn-sheet__body{flex:1;min-height:0;overflow-y:auto}.tn-positioner{z-index:60}.tn-anim{transform-origin:var(--transform-origin);transition:opacity var(--tn-dur-fast) ease-out, scale var(--tn-dur-fast) ease-out}.tn-anim[data-starting-style],.tn-anim[data-ending-style]{opacity:0;scale:.96}.tn-popover{min-width:var(--tn-w-xs);max-width:min(var(--tn-w-lg), calc(100vw - var(--tn-space-8)));padding:var(--tn-field-px);outline:none}.tn-popover__title{font-size:var(--tn-text-base);font-weight:500}.tn-popover__desc{margin-top:var(--tn-space-1);font-size:var(--tn-text-sm);color:var(--tn-muted)}.tn-tip-pop{box-shadow:var(--tn-shadow-sm);padding:var(--tn-space-1) var(--tn-space-2);font-size:var(--tn-text-xs);max-width:var(--tn-w-md)}.tn-hover-card{width:var(--tn-w-md);max-width:calc(100vw - var(--tn-space-8));padding:var(--tn-field-px);outline:none}.tn-menu{min-width:var(--tn-w-xs);padding:var(--tn-space-1);outline:none}.tn-menu .tn-menu-item{align-items:center;gap:var(--tn-space-2);width:100%;min-height:var(--tn-h-control-sm);-webkit-user-select:none;user-select:none;outline:none;display:flex}.tn-menu .tn-menu-item[data-highlighted],.tn-menu .tn-menu-item[data-popup-open]{background:var(--tn-surface-2)}.tn-menu .tn-menu-item[data-inset]{padding-left:calc(var(--tn-space-3) + var(--tn-space-4) + var(--tn-space-2))}.tn-menu .tn-menu-item[data-disabled]{opacity:.5;pointer-events:none}.tn-menu .tn-menu-item[data-variant=danger]{color:var(--tn-err)}.tn-menu-label{padding:var(--tn-space-1) var(--tn-space-3);font-size:var(--tn-text-xs);color:var(--tn-muted);font-weight:500}.tn-menu-sep{height:1px;margin:var(--tn-space-1) calc(-1 * var(--tn-space-1));background:var(--tn-border)}.tn-menu-shortcut{padding-left:var(--tn-space-4);font-size:var(--tn-text-xs);color:var(--tn-muted);margin-left:auto}.tn-menu-ind{width:var(--tn-space-4);height:var(--tn-space-4);color:var(--tn-accent);flex-shrink:0;place-items:center;display:grid}.tn-menu-ind[data-radio]>span{width:var(--tn-space-1);height:var(--tn-space-1);background:currentColor;border-radius:9999px}.tn-menubar{height:var(--tn-h-control);padding:var(--tn-space-1);border:1px solid var(--tn-border);border-radius:var(--tn-r-field);background:var(--tn-surface);box-shadow:var(--tn-shadow-sm);align-items:center;gap:2px;display:inline-flex}.tn-menubar__trigger{height:var(--tn-h-control-xs);padding-inline:var(--tn-space-3);border-radius:var(--tn-r-tip);font-size:var(--tn-text-base);transition:background var(--tn-dur-fast);font-weight:500}.tn-menubar__trigger:hover,.tn-menubar__trigger[data-popup-open],.tn-menubar__trigger[data-pressed]{background:var(--tn-surface-2)}.tn-ctx-area{min-height:var(--tn-space-12);padding:var(--tn-inset);border:1px dashed var(--tn-border);border-radius:var(--tn-r-inner);color:var(--tn-muted);font-size:var(--tn-text-base);place-items:center;display:grid}.tn-tabs__list{gap:var(--tn-space-1);display:flex;position:relative}.tn-tabs[data-variant=underline] .tn-tabs__list{padding-inline:var(--tn-inset);border-bottom:1px solid var(--tn-border)}.tn-tabs[data-variant=pill] .tn-tabs__list{padding:var(--tn-space-1);border:1px solid var(--tn-border);background:var(--tn-surface-2);border-radius:9999px;display:inline-flex}.tn-tab{z-index:1;align-items:center;gap:var(--tn-space-1);white-space:nowrap;font-weight:500;font-size:var(--tn-text-base);color:var(--tn-muted);transition:color var(--tn-dur-fast);display:inline-flex;position:relative}.tn-tab:hover,.tn-tab[data-active]{color:var(--tn-text)}.tn-tab[data-disabled]{opacity:.5;pointer-events:none}.tn-tabs[data-variant=underline] .tn-tab{height:var(--tn-h-control);padding-inline:var(--tn-space-1);margin-inline:var(--tn-space-1)}.tn-tabs[data-variant=pill] .tn-tab{height:var(--tn-h-control-xs);padding-inline:var(--tn-space-3);border-radius:9999px}.tn-tabs__indicator{translate:var(--active-tab-left) 0;width:var(--active-tab-width);transition:translate var(--tn-dur) var(--tn-ease), width var(--tn-dur) var(--tn-ease);position:absolute;left:0}.tn-tabs[data-variant=underline] .tn-tabs__indicator{background:var(--tn-accent);border-radius:9999px;height:2px;bottom:-1px}.tn-tabs[data-variant=pill] .tn-tabs__indicator{top:var(--active-tab-top);height:var(--active-tab-height);background:var(--tn-surface);box-shadow:var(--tn-shadow-sm);border-radius:9999px}.tn-tabs__panel{padding-top:var(--tn-inset);transition:opacity var(--tn-dur-fast) ease;outline:none}.tn-tabs__panel[data-starting-style],.tn-tabs__panel[data-ending-style]{opacity:0}.tn-crumbs{align-items:center;gap:var(--tn-space-1);font-size:var(--tn-text-base);color:var(--tn-muted);flex-wrap:wrap;display:flex}.tn-crumbs a{border-radius:var(--tn-r-tip);transition:color var(--tn-dur-fast)}.tn-crumbs a:hover{color:var(--tn-text)}.tn-crumbs [aria-current=page]{color:var(--tn-text);font-weight:500}.tn-crumbs__sep{opacity:.6;display:inline-flex}.tn-pager{align-items:center;gap:var(--tn-space-1);flex-wrap:wrap;display:flex}.tn-pager__item{min-width:var(--tn-h-control-sm);height:var(--tn-h-control-sm);padding-inline:var(--tn-space-2);font-size:var(--tn-text-base);font-variant-numeric:tabular-nums;color:var(--tn-muted);transition:background var(--tn-dur-fast), color var(--tn-dur-fast);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.tn-pager__item:hover:not(:disabled,[aria-current=page]){background:var(--tn-surface-2);color:var(--tn-text)}.tn-pager__item[aria-current=page]{background:var(--tn-ink);color:var(--tn-ink-fg);font-weight:500}.tn-pager__item:disabled{opacity:.4;cursor:not-allowed}.tn-nav__list{align-items:center;gap:2px;display:flex}.tn-nav__trigger{align-items:center;gap:var(--tn-space-1);height:var(--tn-h-control);padding-inline:var(--tn-field-px);font-size:var(--tn-text-base);transition:background var(--tn-dur-fast);border-radius:9999px;font-weight:500;display:inline-flex}.tn-nav__trigger:hover,.tn-nav__trigger[data-popup-open],.tn-nav__trigger[data-pressed]{background:var(--tn-surface-2)}.tn-nav__icon{transition:rotate var(--tn-dur-fast);display:inline-flex}.tn-nav__icon[data-popup-open]{rotate:180deg}.tn-nav__positioner{z-index:60;width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width);transition:top var(--tn-dur) var(--tn-ease), left var(--tn-dur) var(--tn-ease)}.tn-nav__positioner[data-instant]{transition:none}.tn-nav__popup{width:var(--popup-width);height:var(--popup-height);transform-origin:var(--transform-origin);transition:opacity var(--tn-dur) ease, scale var(--tn-dur) var(--tn-ease), width var(--tn-dur) var(--tn-ease), height var(--tn-dur) var(--tn-ease);position:relative;overflow:hidden}.tn-nav__popup[data-starting-style],.tn-nav__popup[data-ending-style]{opacity:0;scale:.96}.tn-nav__content{width:max-content;max-width:var(--tn-w-xl);padding:var(--tn-space-2);transition:opacity var(--tn-dur) ease, translate var(--tn-dur) var(--tn-ease)}.tn-nav__content[data-starting-style],.tn-nav__content[data-ending-style]{opacity:0}.tn-nav__content[data-starting-style][data-activation-direction=left],.tn-nav__content[data-ending-style][data-activation-direction=right]{translate:-20%}.tn-nav__content[data-starting-style][data-activation-direction=right],.tn-nav__content[data-ending-style][data-activation-direction=left]{translate:20%}.tn-nav__link{padding:var(--tn-space-2) var(--tn-field-px);border-radius:var(--tn-r-tip);font-size:var(--tn-text-base);transition:background var(--tn-dur-fast);display:block}.tn-nav__link:hover,.tn-nav__link[data-pressed]{background:var(--tn-surface-2)}.tn-nav__link small{font-size:var(--tn-text-xs);color:var(--tn-muted);margin-top:2px;display:block}.tn-cmd{flex-direction:column;min-height:0;display:flex}.tn-cmd__bar{align-items:center;gap:var(--tn-space-2);padding-inline:var(--tn-field-px);border-bottom:1px solid var(--tn-border);color:var(--tn-muted);display:flex}.tn-cmd__input{height:calc(var(--tn-h-control) + var(--tn-space-2));color:var(--tn-text);font-size:var(--tn-text-md);background:0 0;flex:1;outline:none!important}.tn-cmd__input::placeholder{color:var(--tn-muted)}.tn-cmd__list{max-height:var(--tn-w-md);padding:var(--tn-space-1);scroll-padding-block:var(--tn-space-1);overflow-y:auto}.tn-cmd__group:not(:has([role=option])){display:none}.tn-cmd__group-label{padding:var(--tn-space-2) var(--tn-space-3) var(--tn-space-1);font-size:var(--tn-text-xs);color:var(--tn-muted);font-weight:500}.tn-cmd__item{align-items:center;gap:var(--tn-space-2);min-height:var(--tn-h-control);padding:var(--tn-space-1) var(--tn-space-3);border-radius:var(--tn-r-field);font-size:var(--tn-text-base);-webkit-user-select:none;user-select:none;display:flex}.tn-cmd__item[data-active]{background:var(--tn-surface-2)}.tn-cmd__item[aria-disabled=true]{opacity:.5;pointer-events:none}.tn-cmd__empty{padding:var(--tn-space-8) var(--tn-space-3);text-align:center;font-size:var(--tn-text-base);color:var(--tn-muted);display:none}.tn-cmd__list:not(:has([role=option])) .tn-cmd__empty{display:block}.tn-cmd__sep{height:1px;margin:var(--tn-space-1) calc(-1 * var(--tn-space-1));background:var(--tn-border)}.tn-cmd__dialog{padding:0;top:20%;overflow:hidden;translate:-50%}.tn-cmd__dialog[data-starting-style],.tn-cmd__dialog[data-ending-style]{translate:-50% -8px;scale:.98}.tn-toast-viewport{z-index:70;right:var(--tn-inset);bottom:var(--tn-inset);width:min(var(--tn-w-lg), calc(100vw - var(--tn-space-10)));position:fixed}.tn-toast{--gap:var(--tn-space-3);--peek:var(--tn-space-3);--scale:calc(max(0, 1 - (var(--toast-index) * .1)));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));--offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));width:100%;height:var(--height);transform-origin:bottom;-webkit-user-select:none;user-select:none;z-index:calc(1000 - var(--toast-index));box-shadow:var(--tn-shadow-pop);transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s;position:absolute;bottom:0;left:auto;right:0}.tn-toast:after{content:"";width:100%;height:calc(var(--gap) + 1px);position:absolute;top:100%;left:0}.tn-toast[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));height:var(--toast-height)}.tn-toast[data-starting-style],.tn-toast[data-ending-style]{transform:translateY(150%)}.tn-toast[data-limited],.tn-toast[data-ending-style]{opacity:0}.tn-toast[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.tn-toast[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.tn-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.tn-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.tn-toast__content{gap:var(--tn-space-3);min-width:0;transition:opacity var(--tn-dur) ease;flex:1;align-items:center;display:flex;overflow:hidden}.tn-toast__content[data-behind]{opacity:0}.tn-toast__content[data-expanded]{opacity:1}.tn-toast__x{width:var(--tn-h-control-xs);height:var(--tn-h-control-xs);color:var(--tn-muted);border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.tn-toast__x:hover{background:var(--tn-surface-2);color:var(--tn-text)}@media (prefers-reduced-motion:reduce){.tn-backdrop,.tn-dialog,.tn-sheet,.tn-anim,.tn-tabs__indicator,.tn-tabs__panel,.tn-nav__positioner,.tn-nav__popup,.tn-nav__content,.tn-toast,.tn-toast__content{transition-duration:.01ms}}}
@layer components{.tn-ui-badge{--tone:var(--tn-ink);align-items:center;gap:var(--tn-space-1);height:var(--tn-space-5);padding-inline:var(--tn-space-2);font-size:var(--tn-text-xs);white-space:nowrap;border:1px solid #0000;border-radius:9999px;font-weight:500;line-height:1;display:inline-flex}.tn-ui-badge[data-variant=default]{background:var(--tn-ink);color:var(--tn-ink-fg)}.tn-ui-badge[data-variant=secondary]{background:var(--tn-surface-2);color:var(--tn-text);border-color:var(--tn-border)}.tn-ui-badge[data-variant=outline]{border-color:var(--tn-border);color:var(--tn-muted)}.tn-ui-badge[data-variant=info]{--tone:var(--tn-c3)}.tn-ui-badge[data-variant=ok]{--tone:var(--tn-ok)}.tn-ui-badge[data-variant=warn]{--tone:var(--tn-warn)}.tn-ui-badge[data-variant=err]{--tone:var(--tn-err)}.tn-ui-badge:is([data-variant=info],[data-variant=ok],[data-variant=warn],[data-variant=err]){background:color-mix(in srgb, var(--tone) 14%, transparent);color:color-mix(in srgb, var(--tone) 78%, var(--tn-text))}.tn-ui-badge__dot{width:var(--tn-space-2);height:var(--tn-space-2);background:currentColor;border-radius:9999px;flex-shrink:0;position:relative}.tn-ui-badge:has(.tn-ui-badge__dot):is([data-variant=info],[data-variant=ok],[data-variant=warn],[data-variant=err]){height:auto;color:var(--tone);background:0 0;border-color:#0000;padding-inline:0}.tn-ui-badge:has(.tn-ui-badge__dot):is([data-variant=info],[data-variant=ok],[data-variant=warn],[data-variant=err]) .tn-ui-badge__dot:after{content:"";border-radius:inherit;background:var(--tone);animation:1.8s ease-out infinite tn-ping;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tn-ui-badge__dot:after{animation:none}}.tn-ui-avatar{--size:var(--tn-h-control);width:var(--size);height:var(--size);background:var(--tn-surface-2);color:var(--tn-muted);font-size:max(var(--tn-text-xs), calc(var(--size) * .38));-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:9999px;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid;position:relative;overflow:hidden}.tn-ui-avatar[data-size=sm]{--size:var(--tn-h-control-xs)}.tn-ui-avatar[data-size=lg]{--size:calc(var(--tn-h-control) * 1.5)}.tn-ui-avatar[data-tone]{background:color-mix(in srgb, var(--tone) 16%, var(--tn-surface));color:color-mix(in srgb, var(--tone) 75%, var(--tn-text))}.tn-ui-avatar[data-tone="1"]{--tone:var(--tn-c1)}.tn-ui-avatar[data-tone="2"]{--tone:var(--tn-c2)}.tn-ui-avatar[data-tone="3"]{--tone:var(--tn-c3)}.tn-ui-avatar[data-tone="4"]{--tone:var(--tn-c4)}.tn-ui-avatar[data-tone="5"]{--tone:var(--tn-c5)}.tn-ui-avatar[data-tone="6"]{--tone:var(--tn-c6)}.tn-ui-avatar__image{object-fit:cover;width:100%;height:100%}.tn-ui-avatar-group{align-items:center;display:inline-flex}.tn-ui-avatar-group>*+*{margin-inline-start:calc(-1 * var(--tn-space-2))}.tn-ui-avatar-group .tn-ui-avatar{box-shadow:0 0 0 2px var(--tn-surface)}.tn-notice.tn-ui-alert{column-gap:var(--tn-space-3);--col:2;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;row-gap:2px;display:grid}.tn-ui-alert{padding:var(--tn-field-px) var(--tn-space-4)}.tn-ui-alert[data-tone]{background:color-mix(in srgb, var(--tone) 6%, var(--tn-surface));border-color:color-mix(in srgb, var(--tone) 28%, var(--tn-border))}.tn-ui-alert__title{line-height:1.4}.tn-ui-alert__desc{font-size:var(--tn-text-sm);margin-top:0}.tn-ui-alert[data-icon=none]{--col:1;grid-template-columns:minmax(0,1fr) auto}.tn-ui-alert .tn-notice__icon{grid-area:1/1/span 2}.tn-ui-alert__title,.tn-ui-alert__desc{grid-column:var(--col)}.tn-ui-alert__action{grid-column:calc(var(--col) + 1);grid-row:1/span 2;align-self:center}.tn-ui-accordion{width:100%}.tn-ui-accordion__item{border-bottom:1px solid var(--tn-border)}.tn-ui-accordion__item:last-child{border-bottom:0}.tn-ui-accordion__header{margin:0;display:flex}.tn-ui-accordion__trigger{justify-content:space-between;align-items:center;gap:var(--tn-space-4);padding-block:var(--tn-space-3);font-size:var(--tn-text-base);text-align:left;transition:color var(--tn-dur-fast);flex:1;font-weight:500;display:flex}.tn-ui-accordion__trigger:hover{color:var(--tn-muted)}.tn-ui-accordion__trigger[data-disabled]{opacity:.5;cursor:not-allowed}.tn-ui-chevron{color:var(--tn-muted);transition:transform var(--tn-dur) var(--tn-ease);flex-shrink:0}[data-panel-open] .tn-ui-chevron{transform:rotate(180deg)}.tn-ui-panel{height:var(--accordion-panel-height,var(--collapsible-panel-height));transition:height var(--tn-dur) var(--tn-ease);overflow:hidden}.tn-ui-panel[data-starting-style],.tn-ui-panel[data-ending-style]{height:0}.tn-ui-panel__inner{padding-bottom:var(--tn-space-4);font-size:var(--tn-text-base);color:var(--tn-muted)}.tn-ui-bar{gap:var(--tn-space-2);--tone:var(--tn-accent);width:100%;display:grid}.tn-ui-bar__head{justify-content:space-between;align-items:baseline;gap:var(--tn-space-3);font-size:var(--tn-text-base);display:flex}.tn-ui-bar__label{font-weight:500}.tn-ui-bar__value{color:var(--tn-muted);font-variant-numeric:tabular-nums;font-size:var(--tn-text-xs)}.tn-ui-bar__track{height:var(--tn-space-2);background:var(--tn-surface-2);border:1px solid var(--tn-border);border-radius:9999px;overflow:hidden}.tn-ui-bar__indicator{background:var(--tone);height:100%;transition:width var(--tn-dur-slow) var(--tn-ease);border-radius:9999px}.tn-ui-bar[data-tone=ok]{--tone:var(--tn-ok)}.tn-ui-bar[data-tone=warn]{--tone:var(--tn-warn)}.tn-ui-bar[data-tone=err]{--tone:var(--tn-err)}.tn-ui-bar[data-indeterminate] .tn-ui-bar__indicator{animation:tn-ui-slide 1.2s var(--tn-ease) infinite;width:40%!important}@keyframes tn-ui-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.tn-ui-separator{background:var(--tn-border);flex-shrink:0}.tn-ui-separator[data-orientation=horizontal]{width:100%;height:1px}.tn-ui-separator[data-orientation=vertical]{width:1px;min-height:var(--tn-text-base);align-self:stretch}.tn-ui-scroll{position:relative;overflow:hidden}.tn-ui-scroll__viewport{border-radius:inherit;overscroll-behavior:contain;width:100%;height:100%}.tn-ui-scroll__bar{opacity:.45;transition:opacity var(--tn-dur-fast);touch-action:none;-webkit-user-select:none;user-select:none;padding:2px;display:flex}.tn-ui-scroll__bar[data-orientation=vertical]{width:var(--tn-space-2)}.tn-ui-scroll__bar[data-orientation=horizontal]{height:var(--tn-space-2);flex-direction:column}.tn-ui-scroll__bar[data-hovering],.tn-ui-scroll__bar[data-scrolling]{opacity:1;pointer-events:auto}.tn-ui-scroll__thumb{background:color-mix(in srgb, var(--tn-muted) 55%, transparent);border-radius:9999px;flex:1}.tn-ui-skeleton{background-color:var(--tn-surface-2);border-radius:var(--tn-r-tip);animation:tn-ui-pulse 1.8s var(--tn-ease) infinite}@keyframes tn-ui-pulse{50%{opacity:.5}}.tn-ui-spinner{--size:var(--tn-space-5);width:var(--size);height:var(--size);color:var(--tn-muted);flex-shrink:0;animation:.8s linear infinite tn-ui-spin}.tn-btn .tn-ui-spinner{color:inherit}.tn-ui-spinner[data-size=sm]{--size:var(--tn-space-4)}.tn-ui-spinner[data-size=lg]{--size:var(--tn-space-8)}@keyframes tn-ui-spin{to{transform:rotate(360deg)}}.tn-ui-empty{justify-content:center;align-items:center;gap:var(--tn-inset);padding:calc(var(--tn-inset) * 2) var(--tn-inset);border:1px dashed var(--tn-border);border-radius:var(--tn-r-card);text-align:center;text-wrap:balance;flex-direction:column;display:flex}.tn-ui-empty__header{align-items:center;gap:var(--tn-space-1);max-width:var(--tn-w-lg);flex-direction:column;display:flex}.tn-ui-empty__media{margin-bottom:var(--tn-space-2);justify-content:center;align-items:center;display:flex}.tn-ui-empty__media[data-variant=icon]{width:calc(var(--tn-h-control) * 1.4);height:calc(var(--tn-h-control) * 1.4);border-radius:var(--tn-r-inner);background:var(--tn-surface-2);color:var(--tn-muted);border:1px solid var(--tn-border)}.tn-ui-empty__title{font-size:var(--tn-text-md);letter-spacing:-.01em;font-weight:600}.tn-ui-empty__desc{font-size:var(--tn-text-base);color:var(--tn-muted)}.tn-ui-empty__content{justify-content:center;gap:var(--tn-space-2);flex-wrap:wrap;display:flex}.tn-ui-item-group{flex-direction:column;display:flex}.tn-ui-item{align-items:center;gap:var(--tn-field-px);padding:var(--tn-field-px) var(--tn-space-4);border-radius:var(--tn-r-inner);font-size:var(--tn-text-base);transition:background var(--tn-dur-fast), border-color var(--tn-dur-fast);border:1px solid #0000;flex-wrap:wrap;display:flex}.tn-ui-item[data-size=sm]{padding:var(--tn-space-2) var(--tn-field-px);gap:var(--tn-space-2)}.tn-ui-item[data-variant=outline]{border-color:var(--tn-border);background:var(--tn-surface)}.tn-ui-item[data-variant=muted],a.tn-ui-item:hover,button.tn-ui-item:hover{background:var(--tn-surface-2)}.tn-ui-item__media{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tn-ui-item__media[data-variant=icon]{width:var(--tn-h-control);height:var(--tn-h-control);border-radius:var(--tn-r-field);background:var(--tn-surface-2);border:1px solid var(--tn-border);color:var(--tn-muted)}.tn-ui-item__media[data-variant=image]{width:var(--tn-h-control);height:var(--tn-h-control);border-radius:var(--tn-r-field);overflow:hidden}.tn-ui-item__content{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.tn-ui-item__title{font-weight:500;line-height:1.4}.tn-ui-item__desc{font-size:var(--tn-text-sm);color:var(--tn-muted)}.tn-ui-item__actions{align-items:center;gap:var(--tn-space-2);flex-shrink:0;display:flex}.tn-ui-h1{font-size:var(--tn-text-3xl);letter-spacing:-.025em;text-wrap:balance;font-weight:700;line-height:1.15}.tn-ui-h2{padding-bottom:var(--tn-space-2);border-bottom:1px solid var(--tn-border);font-size:var(--tn-text-3xl);letter-spacing:-.02em;font-weight:600;line-height:1.25}.tn-ui-h3{font-size:var(--tn-text-xl);letter-spacing:-.015em;font-weight:600;line-height:1.3}.tn-ui-h4{font-size:var(--tn-text-lg);letter-spacing:-.01em;font-weight:600;line-height:1.4}.tn-ui-p{line-height:1.75}.tn-ui-p+.tn-ui-p{margin-top:var(--tn-space-5)}.tn-ui-lead{font-size:var(--tn-text-xl);color:var(--tn-muted);line-height:1.6}.tn-ui-muted{font-size:var(--tn-text-base);color:var(--tn-muted)}.tn-ui-code{padding:2px var(--tn-space-1);border-radius:var(--tn-r-tip);background:var(--tn-surface-2);border:1px solid var(--tn-border);font:var(--tn-space-3) var(--font-mono,ui-monospace, monospace)}.tn-ui-quote{border-inline-start:2px solid var(--tn-accent);color:var(--tn-muted);padding-inline-start:var(--tn-inset);font-style:italic;line-height:1.7}.tn-ui-list{padding-inline-start:var(--tn-space-6);line-height:1.75;list-style:outside}.tn-ui-list[data-ordered]{list-style:decimal}.tn-ui-list>li+li{margin-top:var(--tn-space-2)}.tn-ui-table-wrap[data-bare]{padding:0}.tn-ui-table-caption{padding-top:var(--tn-field-px);font-size:var(--tn-text-xs);color:var(--tn-muted);caption-side:bottom;text-align:left}.tn-ui-table tfoot td{font-weight:500}.tn-ui-resizable{width:100%;height:100%;display:flex;overflow:hidden}.tn-ui-resizable[data-direction=vertical]{flex-direction:column}.tn-ui-resizable__panel{min-width:0;min-height:0;overflow:auto}.tn-ui-resizable__handle{background:var(--tn-border);touch-action:none;transition:background var(--tn-dur-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tn-ui-resizable[data-direction=horizontal]>.tn-ui-resizable__handle{cursor:col-resize;width:1px}.tn-ui-resizable[data-direction=vertical]>.tn-ui-resizable__handle{cursor:row-resize;height:1px}.tn-ui-resizable__handle:after{content:"";position:absolute;inset:0}.tn-ui-resizable[data-direction=horizontal]>.tn-ui-resizable__handle:after{inset-inline:calc(-1 * var(--tn-space-1))}.tn-ui-resizable[data-direction=vertical]>.tn-ui-resizable__handle:after{inset-block:calc(-1 * var(--tn-space-1))}.tn-ui-resizable__handle:hover,.tn-ui-resizable__handle[data-dragging]{background:var(--tn-accent)}.tn-ui-resizable__grip{z-index:1;width:var(--tn-space-3);height:var(--tn-space-5);border:1px solid var(--tn-border);border-radius:var(--tn-r-tip);background:var(--tn-surface);color:var(--tn-muted);place-items:center;display:grid}.tn-ui-resizable[data-direction=vertical] .tn-ui-resizable__grip{width:var(--tn-space-5);height:var(--tn-space-3)}.tn-ui-carousel{position:relative}.tn-ui-carousel__viewport{gap:var(--tn-inset);scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;display:flex;overflow-x:auto}.tn-ui-carousel__viewport::-webkit-scrollbar{display:none}.tn-ui-carousel__item{scroll-snap-align:start;flex:0 0 100%;min-width:0}.tn-ui-carousel[data-per="2"] .tn-ui-carousel__item{flex-basis:calc((100% - var(--tn-inset)) / 2)}.tn-ui-carousel[data-per="3"] .tn-ui-carousel__item{flex-basis:calc((100% - var(--tn-inset) * 2) / 3)}.tn-ui-carousel__nav{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.tn-ui-carousel__nav[data-side=prev]{inset-inline-start:var(--tn-space-2)}.tn-ui-carousel__nav[data-side=next]{inset-inline-end:var(--tn-space-2)}.tn-ui-carousel__nav:disabled{opacity:0;pointer-events:none}.tn-ui-carousel__dots{justify-content:center;gap:var(--tn-space-1);margin-top:var(--tn-field-px);display:flex}.tn-ui-carousel__dot{width:var(--tn-space-2);height:var(--tn-space-2);background:var(--tn-border);transition:width var(--tn-dur) var(--tn-ease), background var(--tn-dur-fast);border-radius:9999px}.tn-ui-carousel__dot[aria-current=true]{width:var(--tn-space-5);background:var(--tn-accent)}.tn-ui-cal{gap:var(--tn-field-px);padding:var(--tn-field-px);color:var(--tn-text);-webkit-user-select:none;user-select:none;display:inline-grid}.tn-ui-cal__head{justify-content:space-between;align-items:center;gap:var(--tn-space-2);display:flex}.tn-ui-cal__title{font-size:var(--tn-text-base);text-transform:capitalize;font-weight:600}.tn-ui-cal__grid{grid-template-columns:repeat(7, var(--tn-h-control));gap:2px;display:grid}.tn-ui-cal__row{display:contents}.tn-ui-cal__dow{height:var(--tn-h-control-sm);font-size:var(--tn-text-xs);color:var(--tn-muted);place-items:center;display:grid}.tn-ui-cal__day{width:var(--tn-h-control);height:var(--tn-h-control);border-radius:var(--tn-r-field);font-size:var(--tn-text-base);font-variant-numeric:tabular-nums;transition:background var(--tn-dur-fast);place-items:center;display:grid}.tn-ui-cal__day:hover:not(:disabled){background:var(--tn-surface-2)}.tn-ui-cal__day[data-outside]{color:var(--tn-muted);opacity:.55}.tn-ui-cal__day[data-today]{box-shadow:inset 0 0 0 1px var(--tn-accent)}.tn-ui-cal__day[aria-selected=true]{background:var(--tn-ink);color:var(--tn-ink-fg);opacity:1;font-weight:600}.tn-ui-cal__day:disabled{opacity:.3;cursor:not-allowed}.tn-field.tn-ui-datepicker{justify-content:space-between;align-items:center;gap:var(--tn-space-3);width:var(--tn-w-sm);text-align:left;cursor:pointer;display:inline-flex}.tn-ui-datepicker[data-placeholder]{color:var(--tn-muted)}.tn-ui-datepicker__popup{z-index:50;transform-origin:var(--transform-origin);transition:opacity var(--tn-dur-fast), transform var(--tn-dur-fast)}.tn-ui-datepicker__popup[data-starting-style],.tn-ui-datepicker__popup[data-ending-style]{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.tn-ui-spinner{animation-duration:2.4s}.tn-ui-skeleton,.tn-ui-bar[data-indeterminate] .tn-ui-bar__indicator{animation:none}.tn-ui-carousel__viewport{scroll-behavior:auto}.tn-ui-panel,.tn-ui-chevron,.tn-ui-datepicker__popup{transition:none}}}
@layer components{.tn-chart-tip{z-index:10;pointer-events:none;padding:var(--tn-space-2) var(--tn-space-2);font-size:var(--tn-text-xs);min-width:var(--tn-space-12);position:absolute}.tn-chart-tip__row{align-items:center;gap:var(--tn-space-2);margin-top:2px;display:flex}.tn-chart-tip__row b{padding-left:var(--tn-space-3);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.tn-chart-dot{width:var(--tn-space-2);height:var(--tn-space-2);background:var(--c);border-radius:9999px;flex-shrink:0}.tn-chart-legend{gap:var(--tn-space-1) var(--tn-space-4);font-size:var(--tn-text-xs);color:var(--tn-muted);flex-wrap:wrap;display:flex}.tn-chart-legend>span{align-items:center;gap:var(--tn-space-1);display:inline-flex}.tn-code{border:1px solid var(--tn-border);border-radius:var(--tn-r-inner);background:var(--tn-surface-2);min-width:0;max-width:100%;overflow:hidden}.tn-code__bar{align-items:center;gap:var(--tn-space-2);padding:var(--tn-space-1) var(--tn-space-2) var(--tn-space-1) var(--tn-field-px);border-bottom:1px solid var(--tn-border);font-size:var(--tn-text-xs);color:var(--tn-muted);display:flex}.tn-code__body{padding:var(--tn-space-3) 0;font:var(--tn-space-3)/var(--tn-space-5) var(--font-mono,ui-monospace, monospace);display:flex;overflow-x:auto}.tn-code__ln{padding:0 var(--tn-space-3) 0 var(--tn-field-px);text-align:right;color:var(--tn-muted);opacity:.6;-webkit-user-select:none;user-select:none;flex-shrink:0}.tn-code__src{padding:0 var(--tn-field-px) 0 0;font:inherit;white-space:pre;flex:1;margin:0}.tn-code__body--plain .tn-code__src{padding-left:var(--tn-field-px)}.tn-tok-kw{color:var(--tn-c6)}.tn-tok-str{color:var(--tn-c4)}.tn-tok-num,.tn-tok-flag{color:var(--tn-c5)}.tn-tok-fn,.tn-tok-key{color:var(--tn-c3)}.tn-tok-com{color:var(--tn-muted);font-style:italic}.tn-trace{--dot:var(--tn-space-6);margin:0;padding:0;list-style:none}.tn-trace__step{padding-left:calc(var(--dot) + var(--tn-space-3));padding-bottom:var(--tn-space-5);position:relative}.tn-trace__step:last-child{padding-bottom:0}.tn-trace__step:not(:last-child):before{content:"";left:calc(var(--dot) / 2);top:calc(var(--dot) + var(--tn-space-1));bottom:var(--tn-space-1);background:var(--tn-border-strong);border-radius:2px;width:2px;margin-left:-1px;position:absolute}.tn-trace__head{align-items:center;gap:var(--tn-space-2);width:100%;min-height:var(--dot);text-align:left;font-size:var(--tn-text-base);border-radius:var(--tn-r-tip);font-weight:500;display:flex}.tn-trace__head:disabled{cursor:default}.tn-trace__status{width:var(--dot);height:var(--dot);border:2px solid var(--tn-border-strong);background:var(--tn-surface);color:var(--tn-muted);--tone:var(--tn-muted);border-radius:9999px;place-items:center;display:grid;position:absolute;top:0;left:0}.tn-trace__status[data-status=done]{border-color:var(--tn-ok);background:color-mix(in srgb, var(--tn-ok) 14%, var(--tn-surface));color:var(--tn-ok)}.tn-trace__status[data-status=error]{border-color:var(--tn-err);background:color-mix(in srgb, var(--tn-err) 14%, var(--tn-surface));color:var(--tn-err)}.tn-trace__status[data-status=running]{border-color:color-mix(in srgb, var(--tn-accent) 25%, transparent);border-top-color:var(--tn-accent);animation:.8s linear infinite tn-spin}@keyframes tn-spin{to{transform:rotate(360deg)}}.tn-trace__chev{color:var(--tn-muted);transition:transform var(--tn-dur-fast);margin-left:auto}.tn-trace__head[data-panel-open] .tn-trace__chev{transform:rotate(90deg)}.tn-trace__panel{height:var(--collapsible-panel-height);transition:height var(--tn-dur) var(--tn-ease);overflow:hidden}.tn-trace__panel[data-starting-style],.tn-trace__panel[data-ending-style]{height:0}.tn-trace__panel>div{padding:var(--tn-space-1) 0 0;font-size:var(--tn-text-base);color:var(--tn-muted)}.tn-msg{align-items:flex-end;gap:var(--tn-space-2);max-width:100%;display:flex}.tn-msg[data-role=user]{flex-direction:row-reverse}.tn-msg__stack{gap:var(--tn-space-1);min-width:0;max-width:min(85%, var(--tn-w-prose));flex-direction:column;display:flex}.tn-msg[data-role=user] .tn-msg__stack{align-items:flex-end}.tn-msg__name{padding-inline:var(--tn-space-1);font-size:var(--tn-text-xs);color:var(--tn-muted)}.tn-bubble{padding:var(--tn-space-2) var(--tn-space-3);border-radius:var(--tn-r-inner);font-size:var(--tn-text-base);overflow-wrap:anywhere;background:var(--tn-surface-2);border:1px solid var(--tn-border);line-height:1.5}.tn-msg[data-role=assistant] .tn-bubble{border-bottom-left-radius:var(--tn-r-tip)}.tn-msg[data-role=user] .tn-bubble{background:var(--tn-ink);color:var(--tn-ink-fg);border-bottom-right-radius:var(--tn-r-tip);border-color:#0000}.tn-typing{gap:var(--tn-space-1);height:calc(var(--tn-text-base) * 1.5);align-items:center;display:inline-flex}.tn-typing i{width:var(--tn-space-1);height:var(--tn-space-1);opacity:.35;background:currentColor;border-radius:9999px;animation:1.2s ease-in-out infinite tn-blink}.tn-typing i:nth-child(2){animation-delay:.15s}.tn-typing i:nth-child(3){animation-delay:.3s}@keyframes tn-blink{0%,80%,to{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-2px)}}.tn-scroller{gap:var(--tn-space-4);padding:var(--tn-inset);scroll-behavior:smooth;overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}@media (prefers-reduced-motion:reduce){.tn-scroller{scroll-behavior:auto}.tn-typing i,.tn-trace__status[data-status=running]{animation:none}}.tn-attach{align-items:center;gap:var(--tn-space-2);max-width:var(--tn-w-sm);padding:var(--tn-space-1) var(--tn-space-2) var(--tn-space-1) var(--tn-space-1);border:1px solid var(--tn-border);border-radius:var(--tn-r-field);background:var(--tn-surface);display:inline-flex;position:relative;overflow:hidden}.tn-attach__icon{width:var(--tn-h-control-sm);height:var(--tn-h-control-sm);border-radius:var(--tn-r-tip);background:color-mix(in srgb, var(--tn-c3) 14%, transparent);color:var(--tn-c3);flex-shrink:0;place-items:center;display:grid}.tn-attach[data-status=error]{border-color:var(--tn-err)}.tn-attach[data-status=error] .tn-attach__icon{background:color-mix(in srgb, var(--tn-err) 14%, transparent);color:var(--tn-err)}.tn-attach__bar{background:var(--tn-accent);height:2px;transition:width var(--tn-dur) var(--tn-ease);position:absolute;bottom:0;left:0}.tn-marker{--tone:var(--tn-muted);align-items:center;gap:var(--tn-space-1);font-size:var(--tn-text-xs);color:var(--tn-muted);display:inline-flex}.tn-marker[data-tone=ok]{--tone:var(--tn-ok)}.tn-marker[data-tone=warn]{--tone:var(--tn-warn)}.tn-marker[data-tone=err]{--tone:var(--tn-err)}.tn-marker[data-tone=info]{--tone:var(--tn-c3)}.tn-marker[data-tone=accent]{--tone:var(--tn-accent)}.tn-marker__dot{width:var(--tn-space-2);height:var(--tn-space-2);background:var(--tone);border-radius:9999px;flex-shrink:0;position:relative}.tn-marker[data-pulse] .tn-marker__dot:after{content:"";border-radius:inherit;background:var(--tone);animation:1.6s ease-out infinite tn-ping;position:absolute;inset:0}@keyframes tn-ping{to{opacity:0;transform:scale(2.6)}}.tn-marker[data-variant=pill]{color:var(--tone);background:0 0;font-weight:500}.tn-marker[data-variant=pill] .tn-marker__dot:after{content:"";border-radius:inherit;background:var(--tone);animation:1.8s ease-out infinite tn-ping;position:absolute;inset:0}.tn-marker[data-variant=pin]{color:var(--tn-text);flex-direction:column;align-items:center;gap:0}.tn-marker[data-variant=pin] .tn-marker__flag{padding:2px var(--tn-space-2);border-radius:var(--tn-r-tip);background:var(--tone);color:var(--tn-surface);white-space:nowrap;font-weight:500}.tn-marker[data-variant=pin] .tn-marker__stem{width:2px;height:var(--tn-space-5);background:var(--tone);opacity:.5}@media (prefers-reduced-motion:reduce){.tn-marker[data-pulse] .tn-marker__dot:after,.tn-marker[data-variant=pill] .tn-marker__dot:after{animation:none}}.tn-q-opt{align-items:center;gap:var(--tn-space-3);padding:var(--tn-space-3) var(--tn-field-px);border:1px solid var(--tn-border);border-radius:var(--tn-r-field);background:var(--tn-surface);font-size:var(--tn-text-base);cursor:pointer;transition:border-color var(--tn-dur-fast), background var(--tn-dur-fast);display:flex}.tn-q-opt:hover{background:var(--tn-surface-2)}.tn-q-opt:has(input:checked){border-color:var(--tn-accent);background:color-mix(in srgb, var(--tn-accent) 8%, var(--tn-surface))}.tn-q-opt:has(input:focus-visible){box-shadow:0 0 0 3px var(--tn-focus-ring)}.tn-q-opt input{opacity:0;pointer-events:none;position:absolute}.tn-q-opt__mark{width:var(--tn-space-4);height:var(--tn-space-4);border:2px solid var(--tn-border);color:#0000;border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.tn-q-opt[data-icon] .tn-q-opt__mark{order:3;margin-left:auto}.tn-q-opt[data-multi] .tn-q-opt__mark{border-radius:var(--tn-r-tip)}.tn-q-opt:has(input:checked) .tn-q-opt__mark{border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-accent-fg)}.tn-q-track{height:var(--tn-space-1);background:var(--tn-surface-2);border:1px solid var(--tn-border);border-radius:9999px;overflow:hidden}.tn-q-bar{border-radius:inherit;background:var(--tn-accent);height:100%;transition:width var(--tn-dur-slow) var(--tn-ease);display:block}.tn-sidebar{--w:var(--tn-w-sm);gap:var(--tn-space-2);width:var(--w);height:100%;padding:var(--tn-space-3);transition:width var(--tn-dur) var(--tn-ease);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.tn-sidebar[data-collapsed]{--w:calc(var(--tn-h-control) + var(--tn-space-6) + 2px)}.tn-sidebar__content{gap:var(--tn-space-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.tn-sidebar__label{padding:0 var(--tn-space-3);font-size:var(--tn-text-xs);color:var(--tn-muted);white-space:nowrap}.tn-sidebar[data-collapsed] .tn-sidebar__label{height:1px;margin:var(--tn-space-1) var(--tn-space-2);background:var(--tn-border);color:#0000;padding:0;overflow:hidden}.tn-sidebar__menu{margin:var(--tn-space-1) 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.tn-sidebar__item{align-items:center;gap:var(--tn-space-3);width:100%;height:var(--tn-h-control);padding-inline:var(--tn-space-3);border-radius:var(--tn-r-control);font-size:var(--tn-text-base);color:var(--tn-muted);white-space:nowrap;text-align:left;transition:background var(--tn-dur-fast), color var(--tn-dur-fast);border:1px solid #0000;display:flex}.tn-sidebar__item:hover{background:var(--tn-surface-2);color:var(--tn-text)}.tn-sidebar__item[data-active]{background:var(--tn-surface-2);color:var(--tn-text);border-color:var(--tn-border);font-weight:500}.tn-sidebar__item>svg,.tn-sidebar__item>span:first-child{flex-shrink:0}.tn-sidebar__badge{font-size:var(--tn-text-xs);opacity:.8;margin-left:auto}.tn-sidebar[data-collapsed] .tn-sidebar__text,.tn-sidebar[data-collapsed] .tn-sidebar__badge,.tn-sidebar[data-collapsed] .tn-sidebar__hide{display:none}.tn-sidebar[data-collapsed] .tn-sidebar__item{justify-content:center;padding-inline:0}.tn-onboard{padding:var(--tn-space-3);border:1px solid var(--tn-border);border-radius:var(--tn-r-inner);background:var(--tn-surface-2)}}