/* /meet only. Shared type, color, and chrome come from renaissance.css, site.css, and chrome.css. */
.meet-land{max-width:calc(var(--rn-max,1200px) + 2*var(--m,24px));margin:0 auto;padding:8px var(--m,24px) 96px}
.meet-land p{margin:0 0 28px;max-width:62ch;color:var(--rn-text-2,#B8B8C2)}
.meet-land .btn{min-height:40px}

.meet-stage{
  display:flex;
  flex-direction:column;
  min-height:calc(100dvh - 64px - var(--tl-h,44px) - env(safe-area-inset-bottom));
}
.meet-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  padding:12px var(--m,24px);
  border-bottom:1px solid var(--rn-line,#24242E);
}
.meet-room__name{
  flex:0 1 auto;
  margin:0;
  min-width:0;
  text-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
  font:600 20px/1.1 var(--rn-font-display,"Barlow Condensed","Arial Narrow",sans-serif);
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--rn-text-1,#F2F2F5);
}
.meet-url{
  flex:1 1 16rem;
  min-width:0;
  height:40px;
  margin:0;
  padding:0 12px;
  background:#07070A;
  color:#F2F2F5;
  border:1px solid var(--rn-line-strong,#3A3A46);
  border-radius:0;
  font:400 12px/40px var(--rn-font-mono,"IBM Plex Mono",ui-monospace,monospace);
}
.meet-bar .btn,.meet-land .btn{min-height:40px;background:transparent;cursor:pointer}
.meet-land .btn--primary{background:var(--rn-cyan,#54CDF2);color:var(--rn-on-neon,#07070A)}
.meet-bar .btn--secondary{border:1px solid var(--rn-line-strong,#3A3A46);color:var(--rn-text-1,#F2F2F5)}
.meet-bar .btn--secondary:hover,.meet-bar .btn--secondary:focus-visible{border-color:var(--rn-cyan,#54CDF2);color:var(--rn-cyan,#54CDF2)}
.meet-status{flex:1 1 100%;margin:0;min-height:1.2em;font:var(--rn-t-small,400 12.5px/1.5 "IBM Plex Mono",monospace);color:var(--rn-cyan,#54CDF2)}
.meet-frame{flex:1 1 auto;min-height:280px;background:#07070A;position:relative}
.meet-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.meet-error{
  margin:0;
  padding:16px var(--m,24px) 0;
  color:var(--rn-text-2,#B8B8C2);
  max-width:68ch;
}
.meet-error a{color:var(--rn-cyan,#54CDF2)}
@media (max-width:480px){
  .meet-url,.meet-bar .btn{flex-basis:100%}
  .meet-room__name{font-size:18px}
}