/* frontend/help/ai-chat/src/styles/error-page.css */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background: url(/images/PatroonBg.png) no-repeat center center fixed;
  background-size: cover;
  font-family: var(--font-family-base, "Open Sans", system-ui, sans-serif);
  color: var(--color-text-on-background-800, #41474d);
  line-height: 25px;
}
help-jonas-error-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 420px;
  max-width: calc(100vw - 32px);
}
help-jonas-error-page .logo {
  text-align: center;
  margin-bottom: 10px;
}
help-jonas-error-page .logo img {
  height: 40px;
}
help-jonas-error-page .error-card {
  display: flow-root;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  padding: 30px 40px;
  box-sizing: border-box;
}
help-jonas-error-page h1 {
  margin: 0 0 12px;
  padding: 0;
  font-family:
    "Roboto",
    system-ui,
    sans-serif;
  font-weight: 300;
  font-size: 22px;
  color: var(--color-primary-600, #0078d7);
}
help-jonas-error-page p {
  margin: 0 0 16px;
  font-size: 15px;
}
help-jonas-error-page code {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  font-size: 13px;
}
help-jonas-error-page [data-spotify-slot] {
  display: block;
  margin: 16px 0;
}
help-jonas-error-page [data-spotify-slot] iframe {
  border: 0;
  width: 300px;
  max-width: 100%;
  height: 380px;
}
help-jonas-error-page .link-btn {
  display: inline-block;
  float: right;
  width: 100px;
  padding: 6px;
  box-sizing: border-box;
  background: var(--color-success-500, #3cc658);
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
help-jonas-error-page .link-btn:hover {
  background: var(--color-success-400, #47d664);
  color: #fff;
  text-decoration: none;
}
help-jonas-error-page .link-btn:active {
  background: var(--color-success-600, #30bb4c);
}
/*# sourceMappingURL=error-page.css.map */