.df-leading-slot{flex-shrink:0;width:var(--df-leading-slot, var(--df-icon-size));height:var(--df-leading-slot, var(--df-icon-size));display:flex;align-items:center;justify-content:center}.df-leading-slot svg{width:var(--df-icon-size);height:var(--df-icon-size);flex-shrink:0}.df-chrome-btn{--button-text: hsl(var(--text-500));--button-hover-text: hsl(var(--text-300));--button-hover-bg: var(--df-hover);--cds-text-primary: hsl(var(--text-500));--cds-fill-ghost-hover: var(--df-hover);--cds-page-bg: transparent}.df-chrome-btn:hover{--cds-text-primary: hsl(var(--text-300))}.df-chrome-btn svg{width:var(--df-chrome-icon-size);height:var(--df-chrome-icon-size)}.dframe-nav-scroll[data-scrolled]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 12px);mask-image:linear-gradient(to bottom,transparent 0,black 12px)}@keyframes dframe-dot-pulse{0%,5%{opacity:.3;animation-timing-function:cubic-bezier(.165,.84,.44,1)}15%,25%{opacity:1;animation-timing-function:cubic-bezier(.165,.84,.44,1)}65%,to{opacity:.3}}.dframe-dot{width:2px;height:2px;border-radius:9999px;background:hsl(var(--text-400));animation:dframe-dot-pulse 1.8s linear infinite}.dframe-dot:nth-child(2){animation-delay:.2s}.dframe-dot:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.dframe-dot{animation:none}}:root{--extended-green: hsla(134, 68%, 37%);--extended-orange: hsla(25, 76%, 44%);--extended-pink: hsla(342, 73%, 47%);--extended-purple: hsla(259, 59%, 64%);--extended-yellow: hsla(48, 66%, 36%);--dot-ready: hsl(210 80% 55%);--dot-awaiting: var(--extended-yellow)}[data-mode=dark]{--extended-green: hsla(134, 55%, 55%);--extended-orange: hsla(25, 95%, 58%);--extended-pink: hsla(342, 70%, 62%);--extended-purple: hsla(259, 60%, 72%);--extended-yellow: hsla(48, 100%, 54%);--dot-ready: hsl(210 85% 65%)}.status-dot{width:6px;height:6px;border-radius:50%;position:relative;display:block}.status-dot[data-kind=ready]{background:var(--dot-ready)}.status-dot[data-kind=awaiting]{background:var(--dot-awaiting)}.dframe-root{--df-chrome-bar-height: 0px;--df-z0: 0 0% 100%;--df-z1: 0 0% 96.1%;--df-z2: 0 0% 92.2%;--df-z3: 0 0% 87.8%;--df-z4: 0 0% 83.9%;--df-z5: 0 0% 60%;--df-z6: 0 0% 45.1%;--df-surface-primary: var(--df-z0);--df-sidebar-bg: hsl(var(--_gray-10) / 1);--df-sidebar-blur: 20px;--df-shadow-card: inset 0 0 0 0 transparent, 0 0 0 1px hsl(var(--_gray-900) / .06), 0 4px 24px hsl(var(--_gray-900) / .04);--df-shadow-float: 0 0 0 .5px rgba(0, 0, 0, .05), 0 2px 8px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .03);--df-shadow-pop: 0 0 0 .5px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .06), 0 16px 40px rgba(0, 0, 0, .08);--df-radius-card: 8px;--df-row-h: 26px;--df-row-px: 2px;--df-row-gap: 4px;--df-row-font: 13px;--df-icon-size: 16px;--df-leading-slot: 24px;--df-group-pt: 12px;--df-radius-pill: 6px;--df-chrome-icon-size: 16px;--df-footer-btn-size: 22px;--df-footer-gap: 3px;--df-ease-out: cubic-bezier(.32, .72, 0, 1);--df-ease-out-fast: cubic-bezier(.2, 0, 0, 1);--df-dur-fast: .12s;--df-dur-slow: .3s;--df-hover: rgba(0, 0, 0, .04);--df-selected: hsl(var(--bg-200));--df-bg-page-hsl: var(--_gray-10);--df-bg-page: hsl(var(--df-bg-page-hsl));--df-sidebar-width: 280px;--df-header-h: 48px;position:relative;width:100%;height:100%}:root:has(.dframe-root){--toast-top-offset: 56px}.dframe-root[data-system-font] .dframe-sidebar{font-family:var(--font-system)}.dframe-root[data-windows]{--df-chrome-bar-height: 36px}.dframe-root[data-windows] .dframe-sidebar{top:calc(12px + var(--df-chrome-bar-height))}.dframe-root[data-windows]:not([data-collapsed]) .dframe-sidebar-body{padding-top:12px}:root:has(.dframe-root[data-windows]){--toast-top-offset: 92px}[data-mode=dark] .dframe-root{--df-z0: 0 0% 3.9%;--df-z1: 0 0% 10.2%;--df-z2: 0 0% 14.9%;--df-z3: 0 0% 20%;--df-z4: 0 0% 23.9%;--df-z5: 0 0% 32.2%;--df-z6: 0 0% 65.1%;--df-surface-primary: var(--df-z1);--df-sidebar-bg: hsla(0, 0%, 7.8%, .9);--df-sidebar-blur: 24px;--df-bg-page-hsl: var(--_gray-800);--df-shadow-card: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 0 transparent, 0 4px 24px hsl(var(--_gray-900) / .08);--df-shadow-float: 0 0 0 .5px rgba(255, 255, 255, .06), 0 2px 8px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .25);--df-shadow-pop: 0 0 0 .5px rgba(255, 255, 255, .08), 0 4px 12px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .5);--df-hover: rgba(255, 255, 255, .05)}.dframe-sidebar{position:absolute;top:calc(8px + var(--df-chrome-bar-height));left:8px;bottom:8px;width:var(--df-sidebar-width);z-index:20;display:flex;flex-direction:column;border-radius:var(--df-radius-card);-electron-corner-smoothing:system-ui;box-shadow:var(--df-shadow-card);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--df-sidebar-bg);isolation:isolate}.dframe-sidebar:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:calc(var(--df-radius-card) - 1px);pointer-events:none;backdrop-filter:blur(var(--df-sidebar-blur));-webkit-backdrop-filter:blur(var(--df-sidebar-blur))}.dframe-root:not([data-frame-mode=code]) .dframe-sidebar,.dframe-root:not([data-frame-mode=code]) .dframe-card{--df-sidebar-bg: white;--df-shadow-card: inset 0 0 0 0 transparent, 0 0 0 1px hsl(var(--_gray-900) / .06), 0 4px 24px hsl(var(--_gray-900) / .06)}[data-mode=dark] .dframe-root .dframe-sidebar,[data-mode=dark] .dframe-root .dframe-card{--df-sidebar-bg: hsl(var(--df-z2));--df-surface-primary: var(--df-z2);--df-shadow-card: inset 0 0 0 1px hsl(var(--df-z3)), 0 0 0 0 transparent, 0 4px 24px hsl(var(--_gray-900) / .06)}:root:has(.dframe-root) button,:root:has(.dframe-root) [role=button],:root:has(.dframe-root) [role=menuitem],:root:has(.dframe-root) a:not([target=_blank]),:root:has(.dframe-root) .cursor-pointer{cursor:default}:root:has(.dframe-root) a[href]:not([role=button]):not([role=menuitem]):not(.cursor-default){cursor:pointer}.dframe-content{position:absolute;inset:0;padding-top:var(--df-chrome-bar-height);overflow:hidden;background:var(--df-bg-page);isolation:isolate;outline:none}.dframe-content-inner{--bg-100: var(--df-bg-page-hsl)}@property --df-sidebar-clearance{syntax: "<length>"; inherits: true; initial-value: 0px;}.dframe-content-inner{width:100%;height:100%;display:flex;flex-direction:column;min-width:0;--df-sidebar-clearance: calc(var(--df-sidebar-width) + 8px);--df-content-gutter: 8px;padding-left:calc(var(--df-sidebar-clearance) + var(--df-content-gutter))}.epitaxy-root .dframe-content-inner{--df-content-gutter: 0px}[data-mode=dark][data-darker] .epitaxy-root .dframe-root{--df-bg-page-hsl: var(--_gray-890)}[data-mode=dark][data-darker] .epitaxy-root .dframe-sidebar{--df-sidebar-bg: hsl(var(--_gray-860) / .95);--df-surface-primary: var(--df-z1);--df-shadow-card: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 0 transparent, 0 4px 24px hsl(var(--_gray-900) / .08)}.dframe-pane-host{--df-pane-col: .5;--df-pane-row: .5;display:grid;grid-template-columns:minmax(0,1fr) 0%;grid-template-rows:minmax(0,1fr) 0%;gap:0;transition:grid-template-columns .28s var(--df-ease-out-cubic);transition-behavior:allow-discrete}.dframe-pane-host[data-resizing]{transition:none}.dframe-pane-host[data-slots~=tr],.dframe-pane-host[data-slots~=br]{grid-template-columns:minmax(0,1fr) calc((1 - var(--df-pane-col)) * 100%)}.dframe-pane-host[data-slots~=bl],.dframe-pane-host[data-slots~=br]{grid-template-rows:minmax(0,1fr) calc((1 - var(--df-pane-row)) * 100%)}.dframe-pane-primary{grid-area:1 / 1}.dframe-pane-extra[data-slot=tr]{grid-area:1 / 2}.dframe-pane-extra[data-slot=br]{grid-area:2 / 2}.dframe-pane-extra[data-slot=bl]{grid-area:2 / 1}.dframe-pane-host:not([data-slots~=tr]) .dframe-pane-primary{grid-column:1 / span 2}.dframe-pane-host[data-slots~=tr]:not([data-slots~=bl]) .dframe-pane-primary{grid-row:1 / span 2}.dframe-pane-host:not([data-slots~=br]) .dframe-pane-extra[data-slot=tr]{grid-row:1 / span 2}.dframe-pane-host[data-slots~=bl][data-first-slot=bl]:not([data-slots~=br]) .dframe-pane-extra[data-slot=tr]{grid-row:1}.dframe-pane-host[data-slots~=tr][data-first-slot=bl]:not([data-slots~=br]) .dframe-pane-extra[data-slot=bl]{grid-column:1 / span 2}.dframe-pane-host:not([data-slots~=tr]):not([data-slots~=bl]) .dframe-pane-extra[data-slot=br]{grid-column:1 / span 2;border-left:none}.dframe-pane-extra{--df-pane-enter: translateX(8px);opacity:1;transform:none;transition:opacity .2s var(--df-ease-out),transform .2s var(--df-ease-out);@starting-style{opacity:0;transform:var(--df-pane-enter)}}.dframe-pane-extra[data-slot=bl],.dframe-pane-extra[data-slot=br]{--df-pane-enter: translateY(8px)}.dframe-pane-host:not([data-split]) .dframe-pane-extra{opacity:0;transform:var(--df-pane-enter)}@media (prefers-reduced-motion: reduce){.dframe-pane-host,.dframe-pane-extra{transition:none}}.dframe-pane{min-height:0;transition:filter .12s ease-out;will-change:transform}.dframe-pane-extra[data-slot=tr],.dframe-pane-extra[data-slot=br]{border-left:1px solid hsl(var(--border-300) / .12)}.dframe-pane-extra[data-slot=bl],.dframe-pane-extra[data-slot=br]{border-top:1px solid hsl(var(--border-300) / .12)}.dframe-pane-host[data-split] .dframe-pane:not([data-focused]){filter:opacity(.75) saturate(.85)}.dframe-pane-host[data-split] .dframe-pane:not([data-focused]) .dframe-pane-actions{opacity:0;transition:opacity .12s ease-out}.dframe-pane-host[data-split] .dframe-pane:not([data-focused]):hover .dframe-pane-actions{opacity:1}.dframe-pane-resize-col,.dframe-pane-resize-row{position:absolute;-webkit-app-region:no-drag}.dframe-pane-resize-col{top:0;bottom:0;width:12px;left:calc(var(--df-pane-col) * 100% - 6px);z-index:11}.dframe-pane-resize-row{left:0;right:0;height:12px;top:calc(var(--df-pane-row) * 100% - 6px);z-index:10}.dframe-pane-host .dframe-pane-resize-col>div>div{top:calc(var(--df-pane-row) * 100%)}.dframe-pane-host .dframe-pane-resize-row>div>div{left:calc(var(--df-pane-col) * 100%)}.dframe-pane-host:is([data-slots~=tr],[data-slots~=br]):not([data-slots~=bl]) .dframe-pane-resize-row{left:calc(var(--df-pane-col) * 100%)}.dframe-pane-host:is([data-slots~=tr],[data-slots~=br]):not([data-slots~=bl]) .dframe-pane-resize-row>div>div{left:0}.dframe-pane-host:is([data-slots~=tr],[data-slots~=br]):not([data-slots~=br]):not([data-first-slot=bl]) .dframe-pane-resize-row{right:calc((1 - var(--df-pane-col)) * 100%)}.dframe-pane-host:is([data-slots~=tr],[data-slots~=br]):not([data-slots~=br]):not([data-first-slot=bl]) .dframe-pane-resize-row>div>div{left:100%}.dframe-pane-host:is([data-slots~=bl],[data-slots~=br]):not([data-slots~=tr]) .dframe-pane-resize-col{top:calc(var(--df-pane-row) * 100%)}.dframe-pane-host:is([data-slots~=bl],[data-slots~=br]):not([data-slots~=tr]) .dframe-pane-resize-col>div>div{top:0}.dframe-pane-host[data-split] .dframe-pane:before{content:"";position:absolute;inset:0;border-radius:var(--df-radius-card);box-shadow:inset 0 0 0 2px hsl(var(--accent-100));opacity:0;pointer-events:none;transition:opacity .1s ease-out}.dframe-pane-host[data-cmd-held][data-split]:not([data-pane-dragging]) .dframe-pane:hover{cursor:grab}.dframe-pane-host[data-cmd-held][data-split] .dframe-pane:hover:before{opacity:1;transition-delay:.6s}.dframe-pane-host[data-pane-dragging]{cursor:grabbing}.dframe-pane-host[data-pane-dragging] .dframe-pane{transition:box-shadow .12s ease-out}.dframe-pane-host[data-pane-drag-intent=tl] .dframe-pane-primary,.dframe-pane-host[data-pane-drag-intent=tr] .dframe-pane-extra[data-slot=tr],.dframe-pane-host[data-pane-drag-intent=br] .dframe-pane-extra[data-slot=br],.dframe-pane-host[data-pane-drag-intent=bl] .dframe-pane-extra[data-slot=bl]{box-shadow:inset 0 0 0 2px hsl(var(--accent-100));border-radius:var(--df-radius-card)}.dframe-pane-host[data-pane-dragging]:after{content:"";position:absolute;border-radius:var(--df-radius-card);box-shadow:inset 0 0 0 2px hsl(var(--accent-100));opacity:0;pointer-events:none;transition:opacity .12s ease-out}.dframe-pane-host[data-pane-drag-intent=tr]:not([data-slots~=tr]):after{inset:0 0 calc((1 - var(--df-pane-row)) * 100%) calc(var(--df-pane-col) * 100%);opacity:1}.dframe-pane-host[data-pane-drag-intent=br]:not([data-slots~=br]):after{inset:calc(var(--df-pane-row) * 100%) 0 0 calc(var(--df-pane-col) * 100%);opacity:1}.dframe-pane-host[data-pane-drag-intent=bl]:not([data-slots~=bl]):after{inset:calc(var(--df-pane-row) * 100%) calc((1 - var(--df-pane-col)) * 100%) 0 0;opacity:1}.dframe-pane-host[data-pane-dragging="0"]:after{display:none}.dframe-root[data-collapsed] .dframe-sidebar{width:auto;bottom:auto;top:calc(10px + var(--df-chrome-bar-height));left:90px;padding:0;flex-direction:row;align-items:center;background:transparent;border-color:transparent;border-radius:0;box-shadow:none;overflow:visible;z-index:50;transition:none}.dframe-root[data-collapsed] .dframe-sidebar:before{content:none}.dframe-root[data-collapsed] .dframe-content-inner{--df-sidebar-clearance: 0px}.dframe-root[data-experiment] .dframe-content-inner{--df-sidebar-clearance: 0px;--df-content-gutter: 0px;transition:none}.dframe-root[data-collapsed] .dframe-content-inner .dframe-header{padding-left:calc(var(--df-trigger-right, 180px) + 8px)}.dframe-root[data-collapsed] .dframe-content-inner .dframe-header>*{padding-left:0}.dframe-root[data-collapsed] .dframe-sidebar-body{position:absolute;top:calc(100% + 8px);left:-84px;width:280px;max-height:70vh;padding:11.5px 7.5px 13px;border-radius:var(--df-radius-card);-electron-corner-smoothing:system-ui}.dframe-root[data-collapsed][data-windows] .dframe-sidebar{top:var(--df-chrome-bar-height);left:8px}.dframe-root[data-collapsed][data-windows] .dframe-sidebar-body{left:0}.dframe-root[data-collapsed][data-web] .dframe-sidebar{left:8px}.dframe-root[data-collapsed][data-web] .dframe-sidebar-body{left:-2px}.dframe-root[data-collapsed][data-windows]{--df-trigger-right: 0px}.dframe-root[data-collapsed] .dframe-sidebar-body{box-shadow:var(--df-shadow-pop);overflow:hidden;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;pointer-events:none}.dframe-root[data-collapsed][data-peeked] .dframe-sidebar-body{transition:opacity .14s ease,transform .18s var(--df-ease-out)}.dframe-root[data-collapsed] .dframe-sidebar-body:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.dframe-root[data-collapsed][data-hovering] .dframe-sidebar-body{opacity:1;transform:none;pointer-events:auto}.dframe-root[data-resizing] .dframe-sidebar,.dframe-root[data-resizing] .dframe-content-inner{transition:none}.dframe-resize-handle{position:absolute;top:0;right:-6px;bottom:0;width:12px;z-index:25}.dframe-root[data-collapsed] .dframe-resize-handle{display:none}.dframe-recents-by-mode[data-mode=chat]>[data-kind]:not([data-kind=chat]),.dframe-recents-by-mode[data-mode=cowork]>[data-kind]:not([data-kind=cowork]),.dframe-recents-by-mode[data-mode=code]>[data-kind]:not([data-kind=code]),.dframe-recents-by-mode[data-mode=home]>[data-kind]:not([data-kind=home]){display:none}[data-moreflyout-content]{transform-origin:left center;transition:transform .12s var(--df-ease-out-cubic),opacity .12s var(--df-ease-out-cubic);@starting-style{transform:scale(.98) translate(-2px);opacity:0}}:root{--df-ease-out-cubic: cubic-bezier(.215, .61, .355, 1)}.dframe-drop-overlay{position:absolute;inset:0;z-index:10;pointer-events:none}.dframe-root[data-session-dragging] .dframe-drop-overlay{pointer-events:auto}.dframe-drop-overlay-badge{--df-drop-inset: 12px;--df-drop-mid-l: calc( var(--df-pane-col, .5) * 100% + var(--df-drop-inset) / 2 );--df-drop-mid-r: calc( (1 - var(--df-pane-col, .5)) * 100% + var(--df-drop-inset) / 2 );--df-drop-mid-t: calc( var(--df-pane-row, .5) * 100% + var(--df-drop-inset) / 2 );--df-drop-mid-b: calc( (1 - var(--df-pane-row, .5)) * 100% + var(--df-drop-inset) / 2 );position:absolute;inset:var(--df-drop-inset);display:flex;align-items:center;justify-content:center;border-radius:var(--df-radius-card);border:1px solid hsl(var(--border-300) / .2);background:hsl(var(--bg-200) / .4);backdrop-filter:blur(2px);font-size:.875rem;font-weight:500;box-shadow:inset 0 0 0 2px transparent;pointer-events:none;opacity:0;transition:opacity .15s var(--df-ease-out-cubic),box-shadow .15s var(--df-ease-out-cubic)}.dframe-drop-overlay-badge[data-target=tr]{left:var(--df-drop-mid-l)}.dframe-drop-overlay-badge[data-target=bl],.dframe-drop-overlay-badge[data-target=br]{top:var(--df-drop-mid-t)}.dframe-pane-host[data-split] .dframe-drop-overlay-badge[data-target=tr]{bottom:var(--df-drop-mid-b)}.dframe-pane-host[data-split] .dframe-drop-overlay-badge[data-target=bl]{right:var(--df-drop-mid-r)}.dframe-pane-host[data-split] .dframe-drop-overlay-badge[data-target=br]{left:var(--df-drop-mid-l)}.dframe-drop-overlay-badge[data-over]{opacity:1;box-shadow:inset 0 0 0 2px hsl(var(--accent-100))}.dframe-drop-overlay-label{padding:4px 10px;border-radius:9999px;color:hsl(var(--text-300));transition:background-color .15s var(--df-ease-out-cubic),color .15s var(--df-ease-out-cubic)}.dframe-drop-overlay-badge[data-over] .dframe-drop-overlay-label{background:hsl(var(--accent-100));color:hsl(var(--always-white))}.dframe-drop-overlay-badge:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 24px hsl(var(--accent-100) / .2);opacity:0;pointer-events:none;transition:opacity .15s var(--df-ease-out-cubic)}.dframe-drop-overlay-badge[data-over]:before{opacity:1}.dframe-pin-drop{margin-top:var(--df-group-pt)}.dframe-pin-drop-label{padding-top:6px}@media (prefers-reduced-motion: reduce){.dframe-drop-overlay-badge,.dframe-drop-overlay-badge:before,.dframe-drop-overlay-label{transition:none}}.dframe-pin-drop-placeholder{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 12px;border-radius:10px;background:hsl(var(--bg-200) / .6);font-size:12px;color:hsl(var(--text-500));transition:transform .15s ease-out,background .15s ease-out}.dframe-pin-drop[data-over] .dframe-pin-drop-placeholder{transform:scale(1.02);background:hsl(var(--bg-400));color:hsl(var(--text-200))}.dframe-pin-drop-placeholder svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dframe-pin-drop[data-over] .dframe-pin-drop-placeholder svg{transform:rotate(-12deg) scale(1.15)}@media (prefers-reduced-motion: reduce){.dframe-drop-overlay-label,.dframe-pin-drop-label,.dframe-pin-drop-placeholder,.dframe-pin-drop-placeholder svg,.df-drag-shiftable{transition:none}}.dframe-root [data-pin-dragging]{pointer-events:none}@media (prefers-reduced-motion: no-preference){.dframe-root [data-pin-dragging] .df-drag-shiftable{transition:transform .12s ease-out}}.df-pills{position:relative;display:flex;align-items:center;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%}.dframe-root[data-windows] .df-pills{margin-top:0}.dframe-root[data-collapsed] .df-pills[data-segmented]{margin-top:-3.5px}.df-pill:focus-visible{box-shadow:inset 0 0 0 1px hsl(var(--accent-100)),0 0 6px hsl(var(--accent-100) / .2)}.df-pill-indicator{position:absolute;top:0;left:0;visibility:hidden;z-index:0;background:hsl(var(--bg-200));pointer-events:none;transition:transform .16s var(--df-ease-out-fast),background-color var(--df-dur-slow) var(--df-ease-out);will-change:transform}[data-mode=dark] .df-pill-indicator{background:hsl(var(--df-z4))}.df-pill-indicator[data-snap]{transition:background-color var(--df-dur-slow) var(--df-ease-out)}@media (prefers-reduced-motion: reduce){.df-pill-indicator,.df-pill-indicator[data-snap]{transition:none}}.df-pill{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex:none;border:none;background:transparent;color:hsl(var(--text-400));cursor:default}.df-pill-icon{display:contents}.df-pill:hover:not([data-active]):not([data-disabled]),.df-pill:focus-visible:not([data-active]):not([data-disabled]){background:var(--df-hover)}.df-pill[data-disabled]{opacity:.5}.df-pill[data-active]{color:hsl(var(--text-000))}.df-pill-label{font-size:var(--df-row-font);font-weight:470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-pills[data-segmented]{--df-pill-radius: 8px;width:100%;margin:-8px 0 -4px;padding:2px;border-radius:10px;background:var(--df-hover);container-type:inline-size}.df-pills[data-segmented] .df-pill-indicator{top:2px;height:28px;background:hsl(var(--bg-000));border-radius:var(--df-pill-radius);box-shadow:0 0 0 .5px hsl(var(--border-300) / .3)}[data-mode=dark] .df-pills[data-segmented] .df-pill-indicator{background:hsl(var(--df-z4))}.df-pills[data-segmented] .df-pill{justify-content:center;height:28px;flex:1 1 auto;min-width:28px;padding:0 8px;border-radius:var(--df-pill-radius)}.df-pills[data-segmented] .df-pill-label{font-size:12px}@container (max-width: 240px){.df-pills[data-segmented] .df-pill:not([data-active]) .df-pill-label{display:none}.df-pills[data-segmented] .df-pill:not([data-active]){padding:0}.df-pills[data-segmented] .df-pill[data-active]{flex:0 0 auto;padding:0 16px}}.dframe-root:not([data-collapsed]) .dframe-sidebar:has(.df-pills[data-rail]){--df-rail-w: 40px;--df-rail-gap: 8px;left:calc(8px + var(--df-rail-w) + var(--df-rail-gap));width:calc(var(--df-sidebar-width) - var(--df-rail-w) - var(--df-rail-gap))}.dframe-root:not([data-collapsed]) .df-pills[data-rail]{position:absolute;left:calc(-1 * (var(--df-rail-w) + var(--df-rail-gap)));top:44px;flex-direction:column;gap:16px;width:var(--df-rail-w);margin:0}.dframe-root[data-windows]:not([data-collapsed]) .df-pills[data-rail]{top:0}.df-pills[data-rail]{--df-pill-icon-h: 36px;--df-pill-radius: 8px;align-items:flex-start}.df-pills[data-rail] .df-pill-indicator{height:auto;border-radius:var(--df-pill-radius)}.df-pills[data-rail] .df-pill{position:static;z-index:auto;flex-direction:column;gap:4px;width:100%;height:auto;padding:0;border-radius:0}.df-pills[data-rail] .df-pill-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--df-pill-icon-h);height:var(--df-pill-icon-h);border-radius:var(--df-pill-radius)}.df-pills[data-rail] .df-pill:is(:hover,:focus-visible):not([data-active]):not([data-disabled]){background:transparent}.df-pills[data-rail] .df-pill:hover:not([data-active]):not([data-disabled]) .df-pill-icon{background:var(--df-hover)}.df-pills[data-rail] .df-pill:focus-visible{box-shadow:none}.df-pills[data-rail] .df-pill:focus-visible .df-pill-icon{box-shadow:inset 0 0 0 1px hsl(var(--accent-100)),0 0 6px hsl(var(--accent-100) / .2)}.df-pills[data-rail] .df-pill-label{font-size:9px}.dframe-root[data-collapsed] .df-pills[data-rail]{flex-direction:row;gap:12px;width:-moz-fit-content;width:fit-content;margin:-3.5px 0 0}.dframe-root[data-collapsed] .df-pills[data-rail] .df-pill{width:auto}