.channel-demo-frame{position:relative}.channel-demo-cursor{z-index:9}.chat-inbox-scene{outline:none}.chat-inbox-list{flex:0 0 300px;width:300px;min-width:0;border-right:1px solid var(--color-edge-muted);background:var(--color-panel);overflow:hidden}.chat-inbox-group{padding:2px 16px 2px 8px;font-size:12px;font-weight:600;letter-spacing:-.01em;color:color-mix(in srgb,var(--color-ink-extra-muted) 80%,transparent)}.chat-inbox-list [data-view-sidebar-content]{gap:4px}.chat-inbox-row{animation:chat-inbox-in .24s ease both}.chat-inbox-time{display:none;flex-shrink:0;font-size:12px;color:var(--color-ink-extra-muted)}.chat-inbox-row:hover .chat-inbox-time{display:block}.chat-inbox-preview{flex:1;min-width:0}.chat-inbox-empty{margin:auto;color:var(--color-ink-muted);font-size:13px}@keyframes chat-inbox-in{0%{opacity:0}}.chat-shortcut-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:8px 0 0;color:#a3a3a3}.chat-shortcut-dock>button{display:flex;align-items:center;gap:8px;padding:6px;font:400 12px/1.5 Inter Variable,Inter,sans-serif;color:#a3a3a3;transition:color .16s ease}.chat-shortcut-dock>button:hover,.chat-shortcut-dock>button[data-active=true]{color:#f0f0f0}.chat-shortcut-dock kbd{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:8px;background:linear-gradient(#242528,#191a1c);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff09,0 3px #080809;color:#b9bbc0;font:400 12px Inter,sans-serif;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.chat-shortcut-dock>button[data-active=true] kbd{background:#d8e0da;color:#151916;box-shadow:inset 0 1px #fff6,0 1px #080809}@media(max-width:699px){.chat-inbox-list{flex-basis:100%;width:100%;border-right:0}.chat-inbox-preview{display:none}.chat-shortcut-dock{gap:4px}.chat-shortcut-dock>button{flex-direction:column;font-size:10px}}@media(prefers-reduced-motion:reduce){.chat-inbox-row{animation:none}.channel-demo-cursor,.chat-shortcut-dock>button,.chat-shortcut-dock kbd{transition:none}}.chat-inbox-group:not(:first-child){margin-top:16px}.channel-hero-workspace{height:100%;border:0;border-radius:0}.channel-work-split{display:grid;grid-template-columns:repeat(var(--channel-pane-count, 1),minmax(0,1fr));grid-template-rows:minmax(0,1fr);position:relative;flex:1;min-width:0;min-height:0;height:100%;width:100%}.channel-work-conversation,.channel-work-item{display:flex;flex:1 1 0;position:relative;flex-direction:column;min-width:0;min-height:0}.channel-work-item{border-left:1px solid var(--color-edge-muted);background:var(--color-panel);overflow:hidden}.channel-work-item>[data-view-shell-top-bar]{padding-right:44px}.channel-work-close{position:absolute;top:12px;right:8px;z-index:6}.channel-work-split[data-narrow=true][data-active-pane]>.channel-work-conversation{visibility:hidden}.channel-work-split[data-narrow=true]>.channel-work-item{position:absolute;inset:0;border-left:0;z-index:8}.chat-inbox-scene:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.chat-shortcut-dock>button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:6px}@container sample-main (max-width: 620px){.channel-work-conversation>[data-view-shell-top-bar] .sample-tabs-inset{display:none}}.chat-inbox-back{display:none}@media(max-width:699px){.chat-inbox-scene{position:relative}.chat-inbox-scene[data-mobile-preview=true] .chat-inbox-list{visibility:hidden}.chat-inbox-scene[data-mobile-preview=true] .chat-inbox-preview{display:flex;position:absolute;inset:0;background:var(--color-panel);z-index:2}.chat-inbox-back{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--color-edge-muted);font-size:13px}}.channel-work-item [aria-label="Back to files"]{display:none}.channel-wide-demo .channel-work-item{flex:1}.channel-wide-demo .channel-work-item[data-pane-view=documents] .sample-detail-content>.dummy-scroll{padding-inline:24px}.channel-wide-demo .channel-work-item [aria-label="Document title"]{font-size:24px;line-height:1.3;margin-bottom:16px}.channel-wide-demo .channel-work-item [aria-label="Document body"]{font-size:14px;line-height:1.6}.channel-wide-demo .channel-work-item .website-demo-markdown h2{margin-top:24px;margin-bottom:12px;font-size:18px}.channel-work-item .doc-share-scrim{overflow-y:auto;z-index:10}.channel-permissions-demo .product-demo>.dummy-main{position:relative}.channel-permissions-demo .doc-share-scrim{overflow-y:auto;padding-top:24px}.channel-permissions-demo [aria-label="Back to files"]{display:none}@media(max-width:699px){.channel-wide-demo .channel-work-conversation{flex:1}.channel-wide-demo .channel-work-item[data-pane-view=documents] .sample-detail-content>.dummy-scroll{padding-inline:24px}.channel-wide-demo .channel-work-item [aria-label="Document title"]{font-size:24px}}.channel-work-split[data-narrow=true]>.channel-work-item[data-active=false]{visibility:hidden;pointer-events:none}.channel-work-back{display:none}.channel-work-split[data-narrow=true] .channel-work-back{display:flex;position:absolute;top:12px;left:8px;z-index:6}.channel-work-split[data-narrow=true] .channel-work-item>[data-view-shell-top-bar]{padding-left:42px}.channel-work-item .sample-email-thread .mail-thread-body{padding:32px 20px}.channel-work-item .sample-email-thread .mail-message-text{line-height:1.6;padding-right:0}@container sample-main (max-width: 440px){.channel-work-item [aria-label="Mark as unread"],.channel-work-item [aria-label="Mark done"],.channel-work-item [aria-label="Copy email link"],.channel-work-item [aria-label="Link copied"]{display:none}}@container sample-main (max-width: 440px){.channel-work-item .sample-email-thread .mail-thread-body{padding:24px 12px}.channel-work-item .sample-email-thread .macro-message-padding{padding-inline:0}}.channel-work-split[data-narrow=true]{display:flex}.channel-work-conversation,.channel-work-item{container:sample-main / inline-size}@media(min-width:700px){.channel-hero-demo .email-desktop-demo{--desktop-stage-width:min(1600px, calc(100vw - 48px) )}.channel-hero-demo .email-desktop-wallpaper{padding:24px}.channel-hero-demo .email-desktop-content{height:640px}}@container sample-main (max-width: 360px){.channel-wide-demo .sample-chat-log{padding-inline:16px}}.channel-thread-demo .sample-chat-log{padding:22px 28px}.channel-thread-demo .sample-message-row{margin-bottom:0}@media(max-width:699px){.channel-thread-demo .sample-chat-log{padding:18px 14px}}@container sample-main (max-width: 620px){.channel-thread-demo [data-view-shell-top-bar] .sample-tabs-inset{display:none}}.channel-permissions-demo .doc-share-scrim{inset:0;padding:32px 24px;background:#0006;backdrop-filter:blur(4px)}.channel-permissions-demo .doc-share-card{width:min(800px,100%);border-color:var(--color-edge);box-shadow:none}.channel-permissions-demo .doc-share-card>header{min-height:40px;padding:8px 16px;border-bottom:1px solid var(--color-edge-divider);line-height:20px}.channel-permissions-demo .doc-share-people{padding:16px}.channel-permissions-demo .doc-share-person{min-height:28px}.channel-permissions-demo .doc-share-link>p{line-height:20px}@media(max-width:699px){.channel-permissions-demo .doc-share-scrim{padding:16px 8px}.channel-permissions-demo .doc-share-card>header{padding-inline:12px}.channel-permissions-demo .doc-share-people{padding:12px}}