#app-page{display:contents}html[data-drawer-peek="1"] #app-page,html[data-drawer-peek="0"] #app-page{display:block!important;min-height:100dvh;transform-origin:left var(--drawer-peek-origin-y, 50dvh);transform:translate3d(var(--drawer-peek-x, 0px),0,0) scale(var(--drawer-peek-scale, 1));border-radius:22px;overflow:hidden;background:var(--drawer-surface-shade);box-shadow:0 0 0 .5px #15110d17,-3px 0 10px -3px #15110d29,0 0 44px -10px #15110d38;will-change:transform}html[data-drawer-peek="1"] body{background:var(--drawer-floor)!important}:root{--drawer-surface-shade: #fff;--drawer-floor: var(--drawer-surface-shade)}html[data-theme=dark],:root.dark{--drawer-surface-shade: #171717}[data-mobile-drawer=true][data-sidebar=true]{--drawer-surface: var(--drawer-surface-shade);background:var(--drawer-surface)!important}[data-mobile-drawer=true] nav .group\/item:active,[data-mobile-drawer=true] nav a:active,[data-mobile-drawer=true] .group\/recent:active,[data-mobile-drawer=true] .group\/recent:has(>a:active),[data-mobile-drawer=true] .group\/recent:has(>button:active){background:color-mix(in srgb,var(--drawer-surface) 90%,var(--sc-ink))!important;transition:none!important}[data-mobile-drawer=true]{-webkit-tap-highlight-color:transparent}[data-drawer-scrim=true]{touch-action:none;overscroll-behavior:contain}[data-sidebar=true]{--df-row-h: 32px;--df-row-px: 8px;--df-row-gap: 8px;--df-row-font: 14px;--df-row-ctl: 24px;--df-leading-slot: 20px;--df-radius-pill: 8px;--df-group-font: 12px;--df-group-pt: 12px;--df-fade-rest: 24px;--df-fade-hover: 44px}[data-sidebar=true][data-mobile-drawer=true]{--df-row-h: 44px;--df-row-px: 12px;--df-row-font: 15px;--df-row-ctl: 32px;--df-radius-pill: 12px;--df-group-font: 13.5px}.df-fade-label{display:block;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--df-fade-rest)),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - var(--df-fade-rest)),transparent 100%)}.group\/recent:hover .df-fade-label,.group\/recent:focus-within .df-fade-label{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--df-fade-hover)),transparent calc(100% - 20px));mask-image:linear-gradient(to right,#000 calc(100% - var(--df-fade-hover)),transparent calc(100% - 20px))}.df-status-dot{display:block;width:6px;height:6px;border-radius:9999px}.df-status-dot[data-kind=idle]{border:1px solid currentColor;opacity:.5}.df-status-dot[data-kind=unread]{background:currentColor}
