/* Scoped extension of Jitsi's native welcome page. */
.welcome .header { height: auto; min-height: 620px; overflow: visible; }
/* Let clicks reach the form through the full-size watermark layer. */
.welcome .header .header-watermark-container { pointer-events: none; }
.welcome .header .header-watermark-container a { pointer-events: auto; }
.welcome .header .header-container form { box-sizing: border-box; padding: 0 24px; }
.welcome label[for^="arm-meeting-"] { display: block; color: #fff; font-size: 15px; line-height: 22px; }
.welcome #arm-meeting-title { box-sizing: border-box; height: 48px; padding: 12px 16px; border: 1px solid #74859e; border-radius: 4px; background: #172c4a; color: #fff; font-size: 16px; }
.welcome #arm-meeting-title::placeholder { color: #bcc9dc; }
.welcome #arm-meeting-provider { min-height: 48px; border: 1px solid #74859e; font-size: 15px; }
.welcome #arm-meeting-title:focus-visible, .welcome #arm-meeting-provider:focus-visible { outline: 3px solid #a6d7ff; outline-offset: 2px; }
.welcome .header .header-container form .welcome-page-button { min-height: 48px; font-size: 16px; }
@media (max-width: 600px) {
  .welcome .header { min-height: 660px; }
  .welcome .header .header-container { margin-top: 80px; width: 100%; }
  .welcome .header .header-container form { padding: 0 20px; }
  .welcome .header .header-text-title { font-size: 32px; }
  .welcome .header .header-text-subtitle { padding: 0 20px; font-size: 17px; }
}