/* === Automatically created from sample.scss - do not modify! === */

html {
  font-size: clamp(11pt, 2.1vw, 20pt);
}
body {
  color: var(--text-color);
  background: var(--background-color);
  text-wrap: pretty;
}
.pfy-header-wrapper, .pfy-main {
  padding: var(--page-padding, 4vw);
  padding-bottom: 0;
}
.pfy-img {
  max-width: 100%;
}
.pfy-header-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pfy-header-wrapper > * {
  flex: 1 0 auto;
}
.pfy-header .pfy-page-switcher-wrapper {
  flex-basis: 100%;
}
.pfy-small-screen .pfy-header {
  display: none;
}
.pfy-primary-nav.pfy-nav-horizontal {
  display: flex;
  justify-content: flex-end;
}
#pfy .pfy-nav-horizontal li.pfy-lvl-1:last-child > div {
  right: 0;
  left: unset !important;
  text-align: right;
}
.v-align-with-nav {
  padding-top: calc((var(--pfy-nav-elem-height, 2em) - 1.2em) / 2 + 3px);
  padding-bottom: calc((var(--pfy-nav-elem-height, 2em) - 1.2em) / 2);
}
img {
  max-width: 100%;
}
.pfy-footer {
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--footer-background, #333);
  padding: 1em var(--page-padding, 1em) 0 var(--page-padding, 1em);
}
.pfy-footer, .pfy-footer a {
  color: var(--footer-text-color, white);
}
.pfy-footer-sitemap {
  flex-basis: 100%;
}
.pfy-footer-sitemap .pfy-sitemap {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 0.6em;
  --pfy-nav-horizontal-first-indent: -1em;
  --pfy-nav-horizontal-indent-step: 1em;
}
.pfy-footer-sitemap .pfy-sitemap.pfy-nav-indented .pfy-lvl-3 > a {
  padding-left: 1em !important;
}
.pfy-onboardingaid-button * {
  color: orange;
  margin: 0 0.3em 0 0.2em;
}
.pfy-onboardingaid {
  margin: 2em 0;
  padding: 2em;
  border: 1px solid orange;
  background: #fff2da;
}
#pfy .pfy-onboarding-link {
  display: block;
  margin: 1em 0 0 0;
  color: red;
  border: 1px solid red;
  padding: 0.5em;
}
.dev-footer {
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
  background: #a537ff;
  background: repeating-linear-gradient(-55deg, #9f29ff, #9f29ff 10px, #9310fe 10px, #9310fe 15px);
}
.pfy-page-switcher-wrapper.pfy-page-switcher-empty.pfy-page-switcher-empty {
  margin: 0;
}
.pfy-default-styling .pfy-table td:not(.pfy-service-col) > div {
  max-height: 3.5em;
  overflow-y: auto;
  background: linear-gradient(var(--pfy-page-bg-color, white) 15px, rgba(255, 255, 255, 0)) 0 0 / 100% 50px, radial-gradient(at top, var(--pfy-hint-shadow-color, rgba(0, 0, 0, 0.4)), transparent 70%) 0 0 / 100% 15px, linear-gradient(to top, var(--pfy-page-bg-color, white) 15px, rgba(255, 255, 255, 0)) bottom / 100% 50px, radial-gradient(at bottom, var(--pfy-hint-shadow-color, rgba(0, 0, 0, 0.4)), transparent 70%) bottom / 100% 15px;
  background-repeat: no-repeat;
  background-attachment: local, scroll, local, scroll;
}
body.dev::before {
  content: "Dev";
  position: fixed;
  top: 0;
  left: 0;
  width: 2.5em;
  background: rgba(250, 216, 152, 0.5);
  border-right: 1px solid orange;
  border-bottom: 1px solid orange;
  border-bottom-right-radius: 0.5em;
  color: black;
  font-size: 10pt;
  text-align: center;
  padding: 0.2em;
  z-index: 1000;
}