/* TalkTake's supplied artwork, adapted only for size and contrast. */
.talktake-logo{display:block;object-fit:contain;object-position:left center;width:150px;height:auto;max-width:100%}
[data-theme="night"] .talktake-logo,body.cover-page .talktake-logo{filter:brightness(0) invert(.93)}
body:is(.v16-shell,.v16-positioning) #topbar{padding-left:72px}
body:is(.v16-shell,.v16-positioning) #topbar .brand{gap:16px;min-width:0}
body:is(.v16-shell,.v16-positioning) #topbar .brand>.talktake-logo{width:146px;height:34px;flex:none}
body:is(.v16-shell,.v16-positioning) #sidebar .sidebar-brand-block,
#sidebar .sidebar-brand-block{display:flex;align-items:center;justify-content:flex-start;padding:24px 22px;min-height:80px;letter-spacing:0}
#sidebar .sidebar-wordmark{width:132px;height:31px}
#sidebar .sidebar-symbol{display:none}
.v16-login .login-brand h1{padding:0;letter-spacing:0;line-height:1}
.v16-login .login-brand h1>.talktake-logo{width:238px;height:auto;margin:0 auto}
.v16-login .app-header .brand>.talktake-logo{width:140px;height:32px}
.shoot-brand h2>.talktake-logo{width:150px;height:35px}
body.shoot-room #startScreen .shoot-brand{padding-left:72px!important}
.cover-brand>.talktake-logo,.footer-brand>.talktake-logo{width:148px;height:34px}
.mode-select-brand .mode-logo-wrap{width:240px;flex:0 1 240px;max-width:70vw}
.free-brand .brand-mark.talktake-logo{width:140px;height:32px}
.brand-logo{object-fit:contain}
[data-theme="night"] .brand-logo{filter:brightness(0) invert(.93)}

.sidebar-toggle-control{position:fixed;top:0;left:0;z-index:1200;width:0;height:0}
.sidebar-toggle{position:fixed;top:24px;left:18px;z-index:1200;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border:1px solid #444;border-radius:8px;background:#242424;color:#d7d7d7;cursor:pointer;box-shadow:0 2px 8px #0002;list-style:none}
.sidebar-toggle::-webkit-details-marker{display:none}
.sidebar-toggle svg{width:22px;height:22px;flex:none}
.sidebar-toggle:hover{background:#35312c;color:#ead7b6;border-color:#746247}
.sidebar-toggle:focus-visible{outline:2px solid #d7bd91;outline-offset:3px}
.sidebar-toggle-control:not([open]) .sidebar-toggle svg{transform:scaleX(-1)}
body:has(#sidebarToggleControl:not([open])) #sidebar,body:has(#sidebarToggleControl:not([open])) #sidebarResizeHandle{display:none!important}
body.embed .sidebar-toggle-control{display:none!important}
body.video-focus-mode #appBody{height:100dvh;min-height:100dvh}
body.video-focus-mode .sidebar-toggle,body.shoot-room .sidebar-toggle{top:16px}
body.video-focus-mode #content{position:relative;flex:1;min-width:0}
body.video-focus-mode #content iframe{width:100%;height:100%}
body:not(.v16-shell):not(.v16-positioning):not(.shoot-room) #sidebar .sidebar-brand-block{padding-top:74px}
@media(max-width:760px){
  .sidebar-toggle{top:18px;left:12px;width:34px;height:34px}
  body:is(.v16-shell,.v16-positioning) #topbar{padding-left:58px;gap:8px}
  body:is(.v16-shell,.v16-positioning) #topbar .brand{gap:8px}
  body:is(.v16-shell,.v16-positioning) #topbar .brand>.talktake-logo{width:108px;height:26px}
  body:is(.v16-shell,.v16-positioning) #topbar .brand small{display:none}
  body:is(.v16-shell,.v16-positioning) #sidebar .sidebar-brand-block,#sidebar .sidebar-brand-block{padding:22px 8px;justify-content:center}
  #sidebar .sidebar-wordmark{display:none}
  #sidebar .sidebar-symbol{display:block;width:34px;height:28px}
  .v16-login .login-brand h1>.talktake-logo{width:210px}
}
@media(prefers-reduced-motion:reduce){.sidebar-toggle{transition:none}}

.brand-lockup img.talktake-logo{width:140px;height:32px;border-radius:0;background:none;box-shadow:none;object-fit:contain}
#topbar .brand>img.talktake-logo{width:146px;height:34px;object-fit:contain}

/* Focus hides the header while leaving navigation under the user's control. */
body.v16-shell.video-focus-mode #topbar{display:none!important}
body.shoot-room:not(.embed) #main{position:relative;inset:auto;width:auto!important;flex:1;min-width:0}
body.shoot-room:not(.embed):has(#sidebarToggleControl[open]) #sidebar{display:flex!important;flex:0 0 var(--app-sidebar-width,200px);height:100dvh}
body.shoot-room:not(.embed) #sidebar .sidebar-brand-block{padding-top:72px}

body.shoot-room{--app-sidebar-width:178px}
@media(max-width:760px){body.shoot-room{--app-sidebar-width:64px}}