@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/punchlist-mono-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/punchlist-mono-semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
body.punchlist-oidc-login {
  --punchlist-auth-accent: #e0704f;
  --punchlist-auth-ink: #ede9e1;
  --punchlist-auth-mark-ink: #1b1a18;
}
body.punchlist-oidc-login.light {
  --punchlist-auth-accent: #c9573a;
  --punchlist-auth-ink: #1c1a17;
  --punchlist-auth-mark-ink: #fffdf9;
}
body.punchlist-oidc-login .punchlist-login-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
}
body.punchlist-oidc-login .punchlist-login-mark {
  display: inline-grid;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 9px;
  background: var(--punchlist-auth-accent);
  color: var(--punchlist-auth-mark-ink);
}
body.punchlist-oidc-login .punchlist-login-name {
  color: var(--punchlist-auth-ink);
  font: 600 26px/1 "IBM Plex Mono", "Cascadia Mono", ui-monospace, monospace;
  letter-spacing: -0.06em;
}
body.punchlist-oidc-login .main_ui_auth_login__sso-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  height: auto;
  padding: 12px 16px;
  font: 400 16px/1.25 "IBM Plex Mono", "Cascadia Mono", ui-monospace, monospace;
}
body.punchlist-oidc-login .main_ui_auth_login__sso-icon {
  display: none;
}
body.punchlist-oidc-login .main_ui_auth_login__sso-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: var(--punchlist-auth-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b1a18' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}