/* Original Foundation login: src/styles.css, WorkshopAuthGate.tsx. */
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: #1c2127; }
[hidden] { display: none !important; }
.bp6-input-group { display: block; position: relative; }
.bp6-input-group .bp6-input { position: relative; padding: 0 8px 0 30px; outline: none; }
.bp6-input-left-container { position: absolute; top: 0; left: 0; z-index: 1; margin: 7px; width: 16px; height: 16px; pointer-events: none; }
.bp6-button { display: flex; align-items: center; justify-content: center; padding: 5px 15px; border: 0; color: #fff; font-weight: 400; cursor: pointer; }
.bp6-button:disabled { cursor: default; opacity: .5; }
.bp6-button:focus-visible { outline: 2px solid #8abbff; outline-offset: 2px; }
.workshop-auth-login [role=status] { margin: 10px 0 0; color: #abb3bf; }

.workshop-auth-page {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 320px;
  min-height: 320px;
  overflow: auto;
  background: #1c2127;
  color: #f6f7f9;
}

.workshop-auth-login {
  width: 250px;
  color: #f6f7f9;
  font-family: Source-Sans-Pro, "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.workshop-auth-logo {
  width: 250px;
  height: 72px;
  margin: 0 0 20px;
  text-align: center;
}

.workshop-auth-logo svg {
  display: inline-block;
  width: 68px;
  height: 68px;
  object-fit: contain;
  color: #738694;
}

.workshop-auth-login form {
  position: relative;
  width: 250px;
  margin: 0 0 20px;
}

.workshop-auth-login .bp6-input-group,
.workshop-auth-login .bp6-input {
  width: 250px;
}

.workshop-auth-login .bp6-input-group + .bp6-input-group {
  margin-top: 10px;
}

.workshop-auth-login .bp6-input {
  --login-input-shadow: inset 0 0 0 1px #5f6b7c;
  height: 30px;
  padding-right: 8px;
  border: 0;
  border-radius: 4px;
  background: #191d23;
  box-shadow: var(--login-input-shadow);
  color: #f6f7f9;
  font-family: inherit;
  font-size: 14px;
  line-height: 30px;
}

.workshop-auth-login .bp6-input::placeholder,
.workshop-auth-login .bp6-input-left-container {
  color: #abb3bf;
}

.workshop-auth-login .bp6-input:focus {
  --login-input-shadow: inset 0 0 0 1px #8abbff, 0 0 0 1px #8abbff;
}

/* Keep the login surface dark when the browser fills a saved username. */
.workshop-auth-login .bp6-input:is(:autofill, :-webkit-autofill) {
  -webkit-text-fill-color: #f6f7f9;
  caret-color: #f6f7f9;
  box-shadow: var(--login-input-shadow), inset 0 0 0 1000px #191d23;
}

.workshop-auth-remember.bp6-control {
  display: block;
  width: 250px;
  min-height: 18px;
  margin: 20px 0 8px;
  color: #f6f7f9;
  font-size: 14px;
  line-height: 18px;
}

.workshop-auth-remember .bp6-control-input:focus:not(:focus-visible) ~ .bp6-control-indicator {
  outline: none;
}

.workshop-auth-remember .bp6-control-input:checked ~ .bp6-control-indicator {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.workshop-auth-login .bp6-button.bp6-large {
  width: 250px;
  min-height: 40px;
  margin-top: 20px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
}

.workshop-auth-login .bp6-button.bp6-intent-primary {
  background: #3b6fd8;
  box-shadow: none;
}

.workshop-auth-login .bp6-button.bp6-intent-primary:hover:not(.bp6-disabled) {
  background: #4c7fe5;
}

.workshop-auth-login .bp6-button.bp6-intent-primary.bp6-disabled {
  background: rgba(59, 111, 216, 0.5);
  color: rgba(255, 255, 255, 0.3);
}

.workshop-auth-login .multipass-login__submit-button__euyudg.bp6-disabled {
  background: oklch(0.5603 0.163361 257.636 / 0.5);
  color: oklch(0.999994 0.0000497986 none / 0.3);
  font-family: Source-Sans-Pro, Helvetica, sans-serif, blueprint-icons-16;
  line-height: 18.4px;
}

.workshop-auth-identifier {
  display: block;
  width: 250px;
  height: 30px;
  margin: 0 0 10px;
  padding: 0 8px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: rgba(17, 20, 24, 0.3);
  box-shadow: inset 0 0 0 1px #5f6b7c;
  color: #d3d8de;
  font: inherit;
  line-height: 30px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.workshop-auth-identifier:hover {
  background: rgba(17, 20, 24, 0.6);
}

.workshop-auth-error {
  width: 250px;
  margin-top: 10px;
  color: #ff7373;
  line-height: 18px;
}