@charset "UTF-8";
@font-face {
  font-family: "Caprasimo";
  src: url("fonts/Caprasimo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --pp-color-brand: #33691e;
  --pp-color-brand-hover: #2a561a;
  --pp-color-brand-contrast: #f5ead8;
  --pp-color-accent: #c67139;
  --pp-color-accent-contrast: #f5ead8;
  --pp-brand-100: #eef7e6;
  --pp-brand-200: #dbecc9;
  --pp-brand-300: #bcd9a4;
  --pp-brand-400: #94bd77;
  --pp-brand-500: #4f8331;
  --pp-brand-600: #2a561a;
  --pp-brand-700: #274f17;
  --pp-brand-800: #1c3a11;
  --pp-brand-900: #12250b;
  --pp-accent-100: #fff2eb;
  --pp-accent-200: #ffe1d0;
  --pp-accent-300: #ffc6a5;
  --pp-accent-400: #f6a06b;
  --pp-accent-500: #d67f48;
  --pp-accent-600: #b2622d;
  --pp-accent-700: #8c491a;
  --pp-accent-800: #643312;
  --pp-accent-900: #402310;
  --pp-color-bg: #f5ead8;
  --pp-color-bg-alt: #ebddc5;
  --pp-color-surface: #ebddc5;
  --pp-color-border: color-mix(in srgb, var(--pp-color-text) 16%, transparent);
  --pp-color-text: #201e1d;
  --pp-color-text-muted: color-mix(in srgb, var(--pp-color-text) 70%, transparent);
  --pp-color-text-inverse: #f5ead8;
  --pp-neutral-100: #f9f4ed;
  --pp-neutral-200: #eee7db;
  --pp-neutral-300: #dcd3c4;
  --pp-neutral-400: #c0b6a5;
  --pp-neutral-500: #a19786;
  --pp-neutral-600: #82796a;
  --pp-neutral-700: #645c50;
  --pp-neutral-800: #474238;
  --pp-neutral-900: #2e2b25;
  --pp-color-success: #33691e;
  --pp-color-warning: #b2622d;
  --pp-color-error: #a5341f;
  --pp-color-info: #56633f;
  --pp-font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pp-font-heading: "Caprasimo", Georgia, serif;
  --pp-text-xs: 0.8125rem;
  --pp-text-sm: 0.9375rem;
  --pp-text-md: 1.0625rem;
  --pp-text-lg: 1.1875rem;
  --pp-text-xl: 1.5rem;
  --pp-text-2xl: 1.875rem;
  --pp-text-3xl: 2.125rem;
  --pp-text-4xl: 3.25rem;
  --pp-text-hero: clamp(2.75rem, 8vw, 5.25rem);
  --pp-weight-regular: 400;
  --pp-weight-medium: 600;
  --pp-weight-bold: 700;
  --pp-weight-heading: 400;
  --pp-leading-tight: 1.08;
  --pp-leading-normal: 1.6;
  --pp-leading-loose: 1.75;
  --pp-tracking-kicker: 0.09em;
  --pp-tracking-heading: -0.01em;
  --pp-space-1: 0.275rem;
  --pp-space-2: 0.55rem;
  --pp-space-3: 0.825rem;
  --pp-space-4: 1.1rem;
  --pp-space-5: 1.65rem;
  --pp-space-6: 2.2rem;
  --pp-space-7: 3.3rem;
  --pp-space-8: 4.4rem;
  --pp-space-9: 5.5rem;
  --pp-container-max: 1180px;
  --pp-container-gutter: var(--pp-space-6);
  --pp-header-height: 4.25rem;
  --pp-radius-sm: 8px;
  --pp-radius-md: 16px;
  --pp-radius-lg: 28px;
  --pp-radius-xl: 32px;
  --pp-radius-full: 9999px;
  --pp-shadow-sm: 0 1px 2px color-mix(in srgb, var(--pp-neutral-900) 14%, transparent);
  --pp-shadow-md: 0 3px 10px color-mix(in srgb, var(--pp-neutral-900) 16%, transparent);
  --pp-shadow-lg: 0 12px 32px color-mix(in srgb, var(--pp-neutral-900) 22%, transparent);
  --pp-duration-fast: 120ms;
  --pp-duration-normal: 200ms;
  --pp-ease: cubic-bezier(0.2, 0, 0, 1);
  --pp-z-header: 100;
  --pp-z-nav: 110;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--pp-color-bg);
  color: var(--pp-color-text);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-md);
  line-height: var(--pp-leading-normal);
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--pp-brand-700);
  transition: color var(--pp-duration-fast) var(--pp-ease);
}
a:hover, a:focus-visible {
  color: var(--pp-color-brand);
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--pp-space-3);
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  line-height: var(--pp-leading-tight);
  letter-spacing: var(--pp-tracking-heading);
  text-wrap: balance;
}

h1 {
  font-size: clamp(2rem, 4vw, 2.875rem);
}

h2 {
  font-size: var(--pp-text-3xl);
}

h3 {
  font-size: var(--pp-text-2xl);
}

h4 {
  font-size: var(--pp-text-xl);
}

h5 {
  font-size: var(--pp-text-lg);
}

h6 {
  font-size: var(--pp-text-md);
}

p,
ul,
ol {
  margin: 0 0 var(--pp-space-4);
}

strong,
b {
  font-weight: var(--pp-weight-medium);
}

.pp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.pp-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
.pp-page > .pp-main {
  flex: 1 0 auto;
}
.pp-page > .pp-footer {
  margin-top: auto;
}

.pp-container {
  width: 100%;
  max-width: var(--pp-container-max);
  margin-inline: auto;
  padding-inline: var(--pp-space-4);
}
@media (min-width: 48em) {
  .pp-container {
    padding-inline: var(--pp-container-gutter);
  }
}

.pp-main > .pp-container {
  padding-block: var(--pp-space-6);
}

.pp-pane:empty {
  display: none;
}

.pp-pane--hero .pp-module,
.pp-pane--blokken .pp-module {
  margin-bottom: 0;
}

.pp-main > .pp-container:not(:has(.pp-account__head)):not(:has(.pp-pane > *)) {
  display: none;
}

.pp-popup {
  padding: var(--pp-space-5);
}

.pp-userbar {
  background: var(--pp-brand-900);
  color: var(--pp-color-text-inverse);
  font-size: var(--pp-text-xs);
}
.pp-userbar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pp-space-4);
  min-height: 2.25rem;
  padding-block: var(--pp-space-1);
}
.pp-userbar__label {
  margin-right: auto;
  letter-spacing: var(--pp-tracking-kicker);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--pp-color-text-inverse) 55%, transparent);
}
.pp-userbar__status {
  padding: 0 var(--pp-space-3);
  border-radius: var(--pp-radius-full);
  background: var(--pp-accent-300);
  color: var(--pp-accent-900);
  font-weight: 600;
}
.pp-userbar__badge {
  display: inline-block;
  min-width: 1.5em;
  margin-left: var(--pp-space-1);
  padding: 0 var(--pp-space-2);
  border-radius: var(--pp-radius-full);
  background: var(--pp-accent-300);
  color: var(--pp-accent-900);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.pp-userbar__link,
.pp-userbar a {
  color: var(--pp-color-text-inverse);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--pp-duration-fast) var(--pp-ease), color var(--pp-duration-fast) var(--pp-ease);
}
.pp-userbar__link:hover, .pp-userbar__link:focus-visible,
.pp-userbar a:hover,
.pp-userbar a:focus-visible {
  color: var(--pp-brand-300);
  border-bottom-color: var(--pp-brand-300);
}

.pp-header {
  position: sticky;
  top: 0;
  z-index: var(--pp-z-header);
  background: color-mix(in srgb, var(--pp-color-bg) 92%, transparent);
  backdrop-filter: blur(8px);
}
.pp-header__inner {
  display: flex;
  align-items: center;
  gap: var(--pp-space-4);
  min-height: var(--pp-header-height);
  padding-block: var(--pp-space-3);
}
@media (min-width: 56.25em) {
  .pp-header__inner {
    gap: var(--pp-space-6);
  }
}
.pp-header__logo {
  margin-right: auto;
}
.pp-header__logo a {
  display: inline-flex;
  align-items: center;
  gap: var(--pp-space-3);
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-lg);
  letter-spacing: var(--pp-tracking-heading);
  color: var(--pp-color-text);
  text-decoration: none;
}
.pp-header__logo img {
  max-height: 2.125rem;
  width: auto;
}
.pp-header__logo a:not(:has(img))::before {
  content: "";
  flex: none;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: var(--pp-radius-full);
  background: radial-gradient(circle, var(--pp-brand-300) 0 0.5rem, var(--pp-color-brand) 0.5rem);
}
.pp-header__cta.pp-btn {
  display: none;
  font-size: var(--pp-text-sm);
  padding: var(--pp-space-2) var(--pp-space-4);
}
@media (min-width: 40em) {
  .pp-header__cta.pp-btn {
    display: inline-flex;
  }
}
.pp-header__user {
  display: flex;
  align-items: center;
  gap: var(--pp-space-2);
  font-size: var(--pp-text-xs);
}

.pp-nav__list, .pp-nav__sub {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-nav__link {
  display: block;
  padding: var(--pp-space-2) 0;
  border-bottom: 2px solid transparent;
  color: var(--pp-color-text);
  font-size: var(--pp-text-sm);
  text-decoration: none;
  transition: color var(--pp-duration-fast) var(--pp-ease), border-color var(--pp-duration-fast) var(--pp-ease);
}
.pp-nav__link:hover, .pp-nav__link:focus-visible {
  color: var(--pp-color-brand);
}
.pp-nav__item {
  position: relative;
}
.pp-nav__item.is-active > .pp-nav__link, .pp-nav__item.is-current-branch > .pp-nav__link {
  color: var(--pp-color-brand);
  border-bottom-color: var(--pp-color-brand);
}
.pp-nav {
  display: none;
  position: absolute;
  inset: 100% 0 auto 0;
  z-index: var(--pp-z-nav);
  background: var(--pp-color-bg);
  border-bottom: 1px solid var(--pp-color-border);
  box-shadow: var(--pp-shadow-md);
  padding: var(--pp-space-3) var(--pp-container-gutter) var(--pp-space-5);
}
.pp-nav.is-open {
  display: block;
}
.pp-nav__sub {
  padding-left: var(--pp-space-4);
}
@media (min-width: 56.25em) {
  .pp-nav {
    display: block;
    position: static;
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .pp-nav__list {
    display: flex;
    align-items: center;
    gap: var(--pp-space-5);
  }
  .pp-nav__sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13rem;
    padding: var(--pp-space-2) 0;
    background: var(--pp-color-bg);
    border-radius: var(--pp-radius-md);
    box-shadow: var(--pp-shadow-md);
  }
  .pp-nav__sub .pp-nav__link {
    padding: var(--pp-space-2) var(--pp-space-4);
    border-bottom: 0;
  }
  .pp-nav__item:hover > .pp-nav__sub, .pp-nav__item:focus-within > .pp-nav__sub {
    display: block;
  }
}

.pp-nav-toggle {
  display: inline-grid;
  gap: 4px;
  padding: var(--pp-space-2);
  border: 0;
  border-radius: var(--pp-radius-full);
  background: transparent;
  cursor: pointer;
}
.pp-nav-toggle span {
  display: block;
  width: 1.25rem;
  height: 2px;
  border-radius: 2px;
  background: var(--pp-color-text);
  transition: transform var(--pp-duration-normal) var(--pp-ease), opacity var(--pp-duration-normal) var(--pp-ease);
}
.pp-nav-toggle[aria-expanded=true] span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
.pp-nav-toggle[aria-expanded=true] span:nth-child(2) {
  opacity: 0;
}
.pp-nav-toggle[aria-expanded=true] span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}
.pp-nav-toggle:hover, .pp-nav-toggle:focus-visible {
  background: var(--pp-brand-100);
}
@media (min-width: 56.25em) {
  .pp-nav-toggle {
    display: none;
  }
}

.pp-footer {
  background: var(--pp-brand-900);
  color: var(--pp-color-text-inverse);
  padding-block: var(--pp-space-7) var(--pp-space-5);
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
}
.pp-footer a {
  color: inherit;
  text-decoration: none;
}
.pp-footer a:hover, .pp-footer a:focus-visible {
  color: var(--pp-brand-300);
}
.pp-footer .Normal {
  color: inherit;
  font-size: inherit;
}
.pp-footer__grid {
  display: grid;
  gap: var(--pp-space-6);
}
@media (min-width: 56.25em) {
  .pp-footer__grid {
    grid-template-columns: 1.2fr 0.6fr 0.6fr;
  }
}
.pp-footer__brand {
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-xl);
  letter-spacing: var(--pp-tracking-heading);
}
.pp-footer__tagline {
  margin-top: var(--pp-space-2);
  max-width: 26em;
  color: color-mix(in srgb, var(--pp-color-text-inverse) 70%, transparent);
}
.pp-footer__col {
  display: grid;
  gap: var(--pp-space-2);
  align-content: start;
}
.pp-footer__links {
  display: grid;
  gap: var(--pp-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pp-footer__leeg {
  color: color-mix(in srgb, var(--pp-color-text-inverse) 55%, transparent);
  font-style: italic;
}
.pp-footer__label {
  font-size: var(--pp-text-xs);
  letter-spacing: var(--pp-tracking-kicker);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--pp-color-text-inverse) 55%, transparent);
}
.pp-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-4);
  margin-top: var(--pp-space-6);
  padding-top: var(--pp-space-4);
  border-top: 1px solid color-mix(in srgb, var(--pp-color-text-inverse) 16%, transparent);
  font-size: var(--pp-text-xs);
  color: color-mix(in srgb, var(--pp-color-text-inverse) 70%, transparent);
}

.pp-kicker {
  display: block;
  margin-bottom: var(--pp-space-2);
  font-size: var(--pp-text-xs);
  letter-spacing: var(--pp-tracking-kicker);
  text-transform: uppercase;
  color: var(--pp-color-brand);
}

.pp-lead {
  max-width: 34em;
  font-size: var(--pp-text-md);
  line-height: var(--pp-leading-normal);
  color: var(--pp-color-text-muted);
  text-wrap: pretty;
}

.pp-quote {
  margin: 0;
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-2xl);
  line-height: 1.25;
}

.pp-cite {
  display: block;
  margin-top: var(--pp-space-3);
  font-size: var(--pp-text-sm);
  color: var(--pp-color-text-muted);
}

.pp-accent {
  color: var(--pp-color-brand);
}

.pp-section {
  padding-block: var(--pp-space-7);
}
@media (min-width: 48em) {
  .pp-section {
    padding-block: var(--pp-space-8);
  }
}
.pp-section--tinted {
  background: var(--pp-color-surface);
}
.pp-section--brand {
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
}
.pp-section--brand .pp-kicker {
  color: var(--pp-brand-300);
}
.pp-section--brand a {
  color: inherit;
}

.pp-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pp-space-4);
  margin-bottom: var(--pp-space-6);
}
.pp-section__head h2 {
  margin-bottom: 0;
}

.pp-split {
  display: grid;
  gap: var(--pp-space-6);
  align-items: start;
}
@media (min-width: 56.25em) {
  .pp-split {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: var(--pp-space-7);
  }
}
.pp-split--media {
  align-items: center;
}
@media (min-width: 56.25em) {
  .pp-split--media {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}
@media (min-width: 56.25em) {
  .pp-split--media-rechts > :first-child {
    order: 2;
  }
}
.pp-split--even {
  align-items: center;
}
@media (min-width: 56.25em) {
  .pp-split--even {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  }
}

.pp-prose {
  max-width: 44em;
}

.pp-intro {
  max-width: 24em;
  margin-bottom: var(--pp-space-4);
}
.pp-intro h1 {
  text-wrap: balance;
}

.pp-grid {
  display: grid;
  gap: var(--pp-space-5);
}
@media (min-width: 40em) {
  .pp-grid--2, .pp-grid--3, .pp-grid--4, .pp-grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 56.25em) {
  .pp-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pp-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .pp-grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--pp-space-4);
  }
}

.pp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--pp-space-2);
  min-height: 2.75rem;
  padding: var(--pp-space-3) var(--pp-space-5);
  border: 0;
  border-radius: var(--pp-radius-full);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--pp-duration-fast) var(--pp-ease), color var(--pp-duration-fast) var(--pp-ease);
}
.pp-btn--primary {
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
}
.pp-btn--primary:hover, .pp-btn--primary:focus-visible {
  background: var(--pp-brand-600);
  color: var(--pp-color-brand-contrast);
}
.pp-btn--primary:active {
  background: var(--pp-brand-700);
}
.pp-btn--secondary {
  background: transparent;
  color: var(--pp-brand-700);
  box-shadow: inset 0 0 0 1.5px var(--pp-brand-500);
}
.pp-btn--secondary:hover, .pp-btn--secondary:focus-visible {
  background: var(--pp-brand-100);
  color: var(--pp-brand-800);
}
.pp-btn--ghost {
  background: transparent;
  color: var(--pp-brand-700);
  padding-inline: var(--pp-space-3);
}
.pp-btn--ghost:hover, .pp-btn--ghost:focus-visible {
  background: var(--pp-brand-100);
}
.pp-btn--contrast {
  background: var(--pp-color-brand-contrast);
  color: var(--pp-brand-800);
}
.pp-btn--contrast:hover, .pp-btn--contrast:focus-visible {
  background: var(--pp-brand-100);
  color: var(--pp-brand-900);
}
.pp-btn--lg {
  padding: var(--pp-space-4) var(--pp-space-6);
  font-size: var(--pp-text-md);
}

.pp-btn:focus-visible,
.pp-nav__link:focus-visible,
.pp-input:focus-visible,
.pp-nav-toggle:focus-visible {
  outline: 2px solid var(--pp-color-brand);
  outline-offset: 2px;
}

.pp-tag {
  display: inline-flex;
  align-items: center;
  padding: var(--pp-space-1) var(--pp-space-3);
  border-radius: var(--pp-radius-full);
  background: var(--pp-brand-200);
  color: var(--pp-brand-800);
  font-size: var(--pp-text-xs);
  font-weight: var(--pp-weight-medium);
}
@media (min-width: 40em) {
  .pp-tag {
    white-space: nowrap;
  }
}
.pp-tag--accent {
  background: var(--pp-accent-200);
  color: var(--pp-accent-800);
}

.pp-card {
  padding: var(--pp-space-5);
  border-radius: var(--pp-radius-lg);
  background: var(--pp-color-bg);
  box-shadow: var(--pp-shadow-sm);
}
.pp-card--flat {
  background: var(--pp-color-surface);
  box-shadow: none;
}
.pp-card--outlined {
  border: 1px solid var(--pp-color-border);
  box-shadow: none;
}
.pp-card--accent {
  background: var(--pp-brand-100);
  box-shadow: none;
}
.pp-card__dot {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  margin-bottom: var(--pp-space-3);
  border-radius: var(--pp-radius-full);
  background: var(--pp-brand-200);
}
.pp-card__dot--accent {
  background: var(--pp-accent-200);
}
.pp-card__kicker {
  display: block;
  margin-bottom: var(--pp-space-3);
  font-size: var(--pp-text-xs);
  letter-spacing: var(--pp-tracking-kicker);
  text-transform: uppercase;
  color: var(--pp-color-text-muted);
}
.pp-card__title {
  margin-bottom: var(--pp-space-2);
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-lg);
  line-height: var(--pp-leading-tight);
}
.pp-card__body {
  margin: 0;
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
  color: var(--pp-color-text-muted);
}

.pp-steps {
  display: grid;
  gap: var(--pp-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.pp-step {
  display: flex;
  gap: var(--pp-space-5);
  align-items: flex-start;
}
.pp-step__num {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--pp-radius-full);
  background: var(--pp-brand-200);
  color: var(--pp-brand-800);
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-lg);
}
.pp-step__title {
  margin-bottom: var(--pp-space-1);
  font-size: var(--pp-text-lg);
}
.pp-step__body {
  margin: 0;
  font-size: var(--pp-text-sm);
  color: var(--pp-color-text-muted);
}
.pp-section--brand .pp-step__num {
  background: color-mix(in srgb, var(--pp-color-brand-contrast) 18%, transparent);
  color: var(--pp-color-brand-contrast);
}
.pp-section--brand .pp-step__body {
  color: color-mix(in srgb, var(--pp-color-brand-contrast) 80%, transparent);
}

.pp-panel {
  padding: var(--pp-space-6);
  border-radius: var(--pp-radius-xl);
  background: var(--pp-color-surface);
}
@media (min-width: 48em) {
  .pp-panel {
    padding: var(--pp-space-7);
  }
}
.pp-panel--brand {
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
}
.pp-panel--brand .pp-kicker {
  color: var(--pp-brand-300);
}
.pp-panel--brand p {
  color: color-mix(in srgb, var(--pp-color-brand-contrast) 85%, transparent);
}
.pp-panel--brand a:not(.pp-btn) {
  color: inherit;
}
.pp-panel__grid {
  display: grid;
  gap: var(--pp-space-6);
  align-items: center;
}
@media (min-width: 56.25em) {
  .pp-panel__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
  }
}
.pp-panel__grid--split {
  align-items: start;
}
@media (min-width: 56.25em) {
  .pp-panel__grid--split {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  }
}
.pp-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-3);
}
@media (min-width: 56.25em) {
  .pp-panel__actions {
    justify-content: flex-end;
  }
}
.pp-panel > :last-child {
  margin-bottom: 0;
}

.pp-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-5) var(--pp-space-6);
  margin: var(--pp-space-5) 0 0;
  padding: 0;
  list-style: none;
}

.pp-stat__value {
  display: block;
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-xl);
  line-height: var(--pp-leading-tight);
  color: var(--pp-brand-700);
}
.pp-stat__label {
  display: block;
  margin-top: var(--pp-space-1);
  font-size: var(--pp-text-xs);
  color: var(--pp-color-text-muted);
}

.pp-timeline {
  display: grid;
  gap: var(--pp-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pp-timeline__row {
  display: flex;
  gap: var(--pp-space-3);
  align-items: baseline;
  padding-bottom: var(--pp-space-3);
  border-bottom: 1px solid color-mix(in srgb, currentColor 22%, transparent);
}
.pp-timeline__row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.pp-timeline__time {
  flex: none;
  min-width: 4rem;
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-sm);
  color: var(--pp-brand-700);
}
.pp-panel--brand .pp-timeline__time, .pp-section--brand .pp-timeline__time {
  color: var(--pp-brand-300);
}
.pp-timeline__text {
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
}

.pp-checklist {
  display: grid;
  gap: var(--pp-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 48em) {
  .pp-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pp-checklist__item {
  display: flex;
  gap: var(--pp-space-3);
  align-items: flex-start;
  padding: var(--pp-space-4) var(--pp-space-5);
  border-radius: var(--pp-radius-lg);
  background: var(--pp-color-surface);
  font-size: var(--pp-text-sm);
  line-height: 1.5;
}
.pp-checklist__item::before {
  content: "";
  flex: none;
  width: 0.625rem;
  height: 0.625rem;
  margin-top: 0.45em;
  border-radius: var(--pp-radius-full);
  background: var(--pp-color-brand);
}
.pp-section--tinted .pp-checklist .pp-checklist__item {
  background: var(--pp-color-bg);
}

.pp-washed {
  overflow: hidden;
  border-radius: var(--pp-radius-xl);
  filter: saturate(0.6) contrast(0.85) brightness(1.1) opacity(0.94);
}
.pp-washed--circle {
  border-radius: var(--pp-radius-full);
  aspect-ratio: 1;
}
.pp-washed img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pp-blob {
  position: absolute;
  border-radius: var(--pp-radius-full);
  background: var(--pp-brand-200);
  pointer-events: none;
}
.pp-blob--accent {
  background: var(--pp-accent-200);
}

.pp-media {
  position: relative;
}
.pp-media__blob {
  top: -1.1rem;
  right: -0.9rem;
  width: 6rem;
  height: 6rem;
}
.pp-media__photo {
  position: relative;
  height: 20rem;
}
@media (min-width: 48em) {
  .pp-media__photo {
    height: 26rem;
  }
}
.pp-media__photo--leeg {
  background: var(--pp-brand-200);
}

.pp-field {
  display: grid;
  gap: var(--pp-space-2);
  margin-bottom: var(--pp-space-4);
}
.pp-field > label {
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
}

.pp-input {
  width: 100%;
  min-height: 2.875rem;
  padding: var(--pp-space-3) var(--pp-space-4);
  border: 1px solid var(--pp-color-border);
  border-radius: var(--pp-radius-full);
  background: var(--pp-color-bg);
  color: var(--pp-color-text);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
}
.pp-input::placeholder {
  color: var(--pp-neutral-500);
}
textarea.pp-input {
  min-height: 9rem;
  border-radius: var(--pp-radius-lg);
  resize: vertical;
}

.pp-form-note {
  font-size: var(--pp-text-xs);
  color: var(--pp-color-text-muted);
}

.pp-contact {
  display: grid;
  gap: var(--pp-space-6);
  align-items: start;
}
@media (min-width: 56.25em) {
  .pp-contact {
    grid-template-columns: 1.2fr 0.8fr;
    gap: var(--pp-space-7);
  }
}
.pp-contact__form {
  padding: var(--pp-space-5);
  border-radius: var(--pp-radius-xl);
  background: var(--pp-color-surface);
}
@media (min-width: 48em) {
  .pp-contact__form {
    padding: var(--pp-space-6) var(--pp-space-7);
  }
}
.pp-contact__row {
  display: grid;
  gap: 0 var(--pp-space-4);
}
@media (min-width: 40em) {
  .pp-contact__row {
    grid-template-columns: 1fr 1fr;
  }
}
.pp-contact__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pp-space-4);
  margin-top: var(--pp-space-2);
}
.pp-contact__info {
  display: grid;
  gap: var(--pp-space-4);
}
.pp-contact__intro {
  margin-bottom: var(--pp-space-5);
}
.pp-contact__snel {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-2);
  margin-top: var(--pp-space-4);
}
.pp-contact__details {
  display: grid;
  gap: var(--pp-space-3);
  margin: 0;
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
}
.pp-contact__details dt {
  font-size: var(--pp-text-xs);
  color: var(--pp-color-text-muted);
}
.pp-contact__details dd {
  margin: 0;
}

.pp-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pp-form-success {
  display: grid;
  justify-items: start;
  gap: var(--pp-space-3);
}
.pp-form-success__icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: var(--pp-radius-full);
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-xl);
}
.pp-form-success h3 {
  margin: 0;
}
.pp-form-success p {
  max-width: 32em;
  margin: 0;
  color: var(--pp-color-text-muted);
}

.pp-faq__item {
  padding-block: var(--pp-space-4);
  border-top: 1px solid var(--pp-color-border);
}
.pp-faq__item:last-child {
  border-bottom: 1px solid var(--pp-color-border);
}
.pp-faq__item > summary {
  cursor: pointer;
  list-style: none;
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-lg);
}
.pp-faq__item > summary::-webkit-details-marker {
  display: none;
}
.pp-faq__item > p,
.pp-faq__item > .pp-faq__answer {
  max-width: 44em;
  margin: var(--pp-space-3) 0 0;
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
  color: var(--pp-color-text-muted);
}
.pp-faq__answer > :last-child {
  margin-bottom: 0;
}

.pp-pricelist {
  display: grid;
  padding: var(--pp-space-2) var(--pp-space-5);
  border-radius: var(--pp-radius-xl);
  background: var(--pp-color-surface);
}
@media (min-width: 48em) {
  .pp-pricelist {
    padding-inline: var(--pp-space-6);
  }
}
.pp-pricelist__group {
  margin: var(--pp-space-5) 0 var(--pp-space-2);
  font-size: var(--pp-text-xl);
}
.pp-pricelist__group:first-child {
  margin-top: var(--pp-space-4);
}
.pp-pricelist__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--pp-space-2) var(--pp-space-4);
  padding-block: var(--pp-space-4);
  border-bottom: 1px solid var(--pp-color-border);
}
.pp-pricelist__row:last-child {
  border-bottom: 0;
}
@media (min-width: 40em) {
  .pp-pricelist__row {
    flex-wrap: nowrap;
    gap: var(--pp-space-4);
  }
}
.pp-pricelist__info {
  display: grid;
  gap: var(--pp-space-1);
  min-width: 0;
}
.pp-pricelist__name {
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-lg);
  line-height: var(--pp-leading-tight);
  overflow-wrap: anywhere;
}
.pp-pricelist__meta {
  max-width: 38em;
  font-size: var(--pp-text-sm);
  line-height: 1.55;
  color: var(--pp-color-text-muted);
}
.pp-pricelist__price {
  flex: none;
  margin-left: auto;
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
  font-size: var(--pp-text-xl);
  line-height: var(--pp-leading-tight);
  text-align: right;
  white-space: nowrap;
}
.pp-pricelist__price--gratis {
  color: var(--pp-brand-700);
}

.pp-testimonial {
  margin: 0;
  padding: var(--pp-space-5);
  border-radius: var(--pp-radius-lg);
  background: var(--pp-color-surface);
}
.pp-testimonial .pp-quote {
  font-size: var(--pp-text-lg);
  line-height: 1.35;
}
.pp-testimonial .pp-quote::before {
  content: "“";
}
.pp-testimonial .pp-quote::after {
  content: "”";
}
.pp-testimonial__cite {
  margin-top: var(--pp-space-2);
  font-size: var(--pp-text-sm);
  color: var(--pp-color-text-muted);
}

.pp-review-cta {
  margin: var(--pp-space-5) 0 0;
}

.pp-hero {
  background: var(--pp-color-surface);
  padding-block: var(--pp-space-7) var(--pp-space-6);
}
@media (min-width: 48em) {
  .pp-hero {
    padding-block: var(--pp-space-9) var(--pp-space-8);
  }
}
.pp-hero__title {
  max-width: 16em;
  margin: var(--pp-space-4) 0 0;
  font-size: var(--pp-text-hero);
  line-height: 1.02;
  letter-spacing: -0.025em;
}
.pp-hero__body {
  display: grid;
  gap: var(--pp-space-5);
  align-items: end;
  margin-top: var(--pp-space-6);
}
@media (min-width: 56.25em) {
  .pp-hero__body {
    grid-template-columns: 1.2fr 1fr;
    gap: var(--pp-space-7);
  }
}
.pp-hero__lead {
  max-width: 32em;
  margin: 0;
  font-size: var(--pp-text-lg);
  line-height: var(--pp-leading-normal);
  color: var(--pp-color-text-muted);
}
.pp-hero__photos {
  display: flex;
  gap: var(--pp-space-2);
}
@media (min-width: 56.25em) {
  .pp-hero__photos {
    justify-content: flex-end;
  }
}
.pp-hero__photos .pp-washed {
  width: 7rem;
  height: 7rem;
}
.pp-hero__photos .pp-washed:nth-child(2) {
  margin-top: var(--pp-space-5);
}
.pp-hero__photo--leeg {
  background: var(--pp-brand-200);
  filter: none;
}
.pp-hero__photo--leeg:nth-child(2) {
  background: var(--pp-accent-200);
}
.pp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-3);
  margin-top: var(--pp-space-6);
}
.pp-hero__note {
  margin: var(--pp-space-4) 0 0;
  font-size: var(--pp-text-xs);
  color: var(--pp-color-text-muted);
}
.pp-hero--rond {
  background: var(--pp-color-bg);
  padding-block: var(--pp-space-6) var(--pp-space-7);
}
@media (min-width: 48em) {
  .pp-hero--rond {
    padding-block: var(--pp-space-7) var(--pp-space-8);
  }
}
.pp-hero--creme {
  background: var(--pp-color-bg);
}
.pp-hero--tinted {
  background: var(--pp-color-surface);
}
.pp-hero__grid {
  display: grid;
  gap: var(--pp-space-7);
  align-items: center;
}
@media (min-width: 56.25em) {
  .pp-hero__grid {
    grid-template-columns: 1.05fr 0.95fr;
  }
}
.pp-hero--rond .pp-hero__title {
  max-width: 12em;
  margin: var(--pp-space-4) 0 var(--pp-space-5);
  font-size: clamp(2.25rem, 5.5vw, 3.5rem);
  line-height: 1.06;
  letter-spacing: var(--pp-tracking-heading);
}
.pp-hero--rond .pp-hero__lead {
  max-width: 34em;
  font-size: var(--pp-text-md);
}
.pp-hero--rond .pp-hero__actions {
  margin-top: var(--pp-space-5);
}
.pp-hero--rond .pp-hero__note {
  margin-top: var(--pp-space-5);
}
.pp-hero__figure {
  position: relative;
  width: fit-content;
  margin-inline: auto;
}
@media (min-width: 56.25em) {
  .pp-hero__figure {
    margin-inline: auto 0;
  }
}
.pp-hero__photo {
  position: relative;
  width: clamp(14rem, 70vw, 25rem);
  height: auto;
  aspect-ratio: 1;
}
.pp-hero__blob--groot {
  left: -3rem;
  bottom: -1.2rem;
  width: 9.5rem;
  height: 9.5rem;
}
.pp-hero__blob--klein {
  right: 0.9rem;
  top: -1.5rem;
  width: 4.6rem;
  height: 4.6rem;
}
.pp-hero--rond .pp-hero__photo--leeg {
  background: var(--pp-brand-300);
}

.pp-module {
  margin-bottom: var(--pp-space-6);
}
.pp-module__title {
  font-size: var(--pp-text-2xl);
}

:root {
  --dnn-color-primary: var(--pp-color-brand);
  --dnn-color-primary-light: var(--pp-brand-500);
  --dnn-color-primary-dark: var(--pp-brand-700);
  --dnn-color-primary-contrast: var(--pp-color-brand-contrast);
  --dnn-color-primary-r: 51;
  --dnn-color-primary-g: 105;
  --dnn-color-primary-b: 30;
  --dnn-color-secondary: var(--pp-brand-100);
  --dnn-color-secondary-light: var(--pp-brand-200);
  --dnn-color-secondary-dark: var(--pp-brand-300);
  --dnn-color-secondary-contrast: var(--pp-brand-800);
  --dnn-color-tertiary: var(--pp-accent-200);
  --dnn-color-tertiary-dark: var(--pp-accent-500);
  --dnn-color-tertiary-contrast: var(--pp-accent-900);
  --dnn-color-background: var(--pp-color-bg);
  --dnn-color-background-dark: var(--pp-color-surface);
  --dnn-color-background-contrast: var(--pp-color-text);
  --dnn-color-foreground: var(--pp-color-text);
  --dnn-color-foreground-light: var(--pp-neutral-400);
  --dnn-color-foreground-dark: var(--pp-neutral-900);
  --dnn-color-foreground-contrast: var(--pp-color-bg);
  --dnn-color-foreground-r: 32;
  --dnn-color-foreground-g: 30;
  --dnn-color-foreground-b: 29;
  --dnn-color-neutral: var(--pp-neutral-200);
  --dnn-color-neutral-light: var(--pp-neutral-100);
  --dnn-color-neutral-dark: var(--pp-neutral-500);
  --dnn-color-neutral-contrast: var(--pp-neutral-800);
  --dnn-color-info: var(--pp-brand-900);
  --dnn-color-info-dark: var(--pp-brand-800);
  --dnn-color-info-contrast: var(--pp-color-text-inverse);
  --dnn-color-info-r: 18;
  --dnn-color-info-g: 37;
  --dnn-color-info-b: 11;
  --dnn-color-success: var(--pp-brand-100);
  --dnn-color-success-dark: var(--pp-brand-400);
  --dnn-color-success-contrast: var(--pp-brand-900);
  --dnn-color-warning: var(--pp-accent-100);
  --dnn-color-warning-dark: var(--pp-accent-500);
  --dnn-color-warning-contrast: var(--pp-accent-900);
  --dnn-color-danger: var(--pp-color-error);
  --dnn-color-danger-dark: var(--pp-accent-900);
  --dnn-color-danger-contrast: var(--pp-color-text-inverse);
  --dnn-controls-radius: var(--pp-radius-sm);
}

.pp-footer__legal .SkinObject {
  color: inherit;
}

.Normal {
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-md);
  color: var(--pp-color-text);
}

.Head,
.SubHead {
  font-family: var(--pp-font-heading);
  font-weight: var(--pp-weight-heading);
}

.dnnClear::after {
  content: "";
  display: table;
  clear: both;
}

#ControlBar,
#ControlBar *,
.dnn_mact,
.dnn_mact *,
.personalBarContainer,
.personalBarContainer * {
  box-sizing: content-box;
}

.dnnFormPopup .ui-dialog-buttonpane button, .dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
.dnnFormItem input[type=submit],
.dnnFormItem input[type=button],
.dnnFormItem input[type=reset],
.dnnFormItem button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--pp-space-2);
  min-width: 0;
  min-height: 2.75rem;
  margin: 0;
  padding: var(--pp-space-3) var(--pp-space-5);
  border: 0;
  border-radius: var(--pp-radius-full);
  background: transparent;
  box-shadow: none;
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  cursor: pointer;
  overflow: visible;
  transition: background var(--pp-duration-fast) var(--pp-ease), color var(--pp-duration-fast) var(--pp-ease);
}
.dnnFormPopup .ui-dialog-buttonpane button:focus-visible, .dnnPrimaryAction:focus-visible,
.dnnSecondaryAction:focus-visible,
.dnnTertiaryAction:focus-visible,
.dnnFormItem input[type=submit]:focus-visible,
.dnnFormItem input[type=button]:focus-visible,
.dnnFormItem input[type=reset]:focus-visible,
.dnnFormItem button:focus-visible {
  outline: 2px solid var(--pp-color-brand);
  outline-offset: 2px;
}

.dnnFormPopup .ui-dialog-buttonpane button:first-child, .dnnPrimaryAction,
a.dnnPrimaryAction,
.dnnFormItem input[type=submit] {
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
}
.dnnFormPopup .ui-dialog-buttonpane button:link:first-child, .dnnPrimaryAction:link,
.dnnFormItem input[type=submit]:link, .dnnFormPopup .ui-dialog-buttonpane button:visited:first-child, .dnnPrimaryAction:visited,
.dnnFormItem input[type=submit]:visited {
  color: var(--pp-color-brand-contrast);
}
.dnnFormPopup .ui-dialog-buttonpane button:hover:first-child, .dnnPrimaryAction:hover,
.dnnFormItem input[type=submit]:hover, .dnnFormPopup .ui-dialog-buttonpane button:focus-visible:first-child, .dnnPrimaryAction:focus-visible,
.dnnFormItem input[type=submit]:focus-visible {
  background: var(--pp-brand-600);
  color: var(--pp-color-brand-contrast);
}
.dnnFormPopup .ui-dialog-buttonpane button:active:first-child, .dnnPrimaryAction:active,
.dnnFormItem input[type=submit]:active {
  background: var(--pp-brand-700);
  color: var(--pp-color-brand-contrast);
}

.dnnFormPopup .ui-dialog-buttonpane button, .dnnSecondaryAction,
a.dnnSecondaryAction,
.dnnFormItem input[type=reset],
.dnnFormItem input[type=button],
.dnnLogin .LoginTabGroup span {
  background: transparent;
  color: var(--pp-brand-700);
  box-shadow: inset 0 0 0 1.5px var(--pp-brand-500);
}
.dnnFormPopup .ui-dialog-buttonpane button:link, .dnnSecondaryAction:link,
.dnnFormItem input[type=reset]:link,
.dnnFormItem input[type=button]:link,
.dnnLogin .LoginTabGroup span:link, .dnnFormPopup .ui-dialog-buttonpane button:visited, .dnnSecondaryAction:visited,
.dnnFormItem input[type=reset]:visited,
.dnnFormItem input[type=button]:visited,
.dnnLogin .LoginTabGroup span:visited {
  color: var(--pp-brand-700);
}
.dnnFormPopup .ui-dialog-buttonpane button:hover, .dnnSecondaryAction:hover,
.dnnFormItem input[type=reset]:hover,
.dnnFormItem input[type=button]:hover,
.dnnLogin .LoginTabGroup span:hover, .dnnFormPopup .ui-dialog-buttonpane button:focus-visible, .dnnSecondaryAction:focus-visible,
.dnnFormItem input[type=reset]:focus-visible,
.dnnFormItem input[type=button]:focus-visible,
.dnnLogin .LoginTabGroup span:focus-visible {
  background: var(--pp-brand-100);
  color: var(--pp-brand-800);
}
.dnnFormPopup .ui-dialog-buttonpane button:active, .dnnSecondaryAction:active,
.dnnFormItem input[type=reset]:active,
.dnnFormItem input[type=button]:active,
.dnnLogin .LoginTabGroup span:active {
  background: var(--pp-brand-200);
  color: var(--pp-brand-800);
}

.dnnTertiaryAction,
a.dnnTertiaryAction {
  padding-inline: var(--pp-space-3);
  background: transparent;
  color: var(--pp-brand-700);
}
.dnnTertiaryAction:hover, .dnnTertiaryAction:focus-visible,
a.dnnTertiaryAction:hover,
a.dnnTertiaryAction:focus-visible {
  background: var(--pp-brand-100);
  color: var(--pp-brand-800);
}

.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:link, .dnnPrimaryAction[disabled]:visited, .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active,
a.dnnPrimaryAction[disabled],
a.dnnPrimaryAction[disabled]:link,
a.dnnPrimaryAction[disabled]:visited,
a.dnnPrimaryAction[disabled]:hover,
a.dnnPrimaryAction[disabled]:active,
.dnnSecondaryAction[disabled],
.dnnSecondaryAction[disabled]:link,
.dnnSecondaryAction[disabled]:visited,
.dnnSecondaryAction[disabled]:hover,
.dnnSecondaryAction[disabled]:active,
a.dnnSecondaryAction[disabled],
a.dnnSecondaryAction[disabled]:link,
a.dnnSecondaryAction[disabled]:visited,
a.dnnSecondaryAction[disabled]:hover,
a.dnnSecondaryAction[disabled]:active,
.dnnFormItem input[type=submit][disabled],
.dnnFormItem input[type=submit][disabled]:link,
.dnnFormItem input[type=submit][disabled]:visited,
.dnnFormItem input[type=submit][disabled]:hover,
.dnnFormItem input[type=submit][disabled]:active,
.dnnFormItem button[disabled],
.dnnFormItem button[disabled]:link,
.dnnFormItem button[disabled]:visited,
.dnnFormItem button[disabled]:hover,
.dnnFormItem button[disabled]:active,
a.dnnDisabledAction,
a.dnnDisabledAction:link,
a.dnnDisabledAction:visited,
a.dnnDisabledAction:hover,
a.dnnDisabledAction:active {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

a.dnnPrimaryAction.dnnDisabledAction, a.dnnPrimaryAction.dnnDisabledAction:link, a.dnnPrimaryAction.dnnDisabledAction:visited, a.dnnPrimaryAction.dnnDisabledAction:hover, a.dnnPrimaryAction.dnnDisabledAction:active {
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
}

.dnnActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pp-space-3);
  float: none;
  clear: both;
  margin: 0;
  padding: var(--pp-space-2) 0 0;
  list-style: none;
}
.dnnActions.dnnClear::after {
  content: none;
}
.dnnActions li {
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dnnActions li:empty {
  display: none;
}

.dnnForm {
  width: 100%;
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-md);
  color: var(--pp-color-text);
}
.dnnForm fieldset {
  min-width: 0;
  margin: 0 0 var(--pp-space-5);
  padding: 0;
  border: 0;
}
.dnnForm .dnnFormItem {
  float: none;
  display: block;
  width: 100%;
  margin-bottom: var(--pp-space-4);
  padding: 0;
}
.dnnForm .dnnFormItem::after {
  content: "";
  display: table;
  clear: both;
}
.dnnForm .dnnFormItem .dnnLabel,
.dnnForm .dnnFormItem .dnnFormLabel {
  float: none;
  display: block;
  width: auto;
  margin: 0 0 var(--pp-space-2);
  padding: 0;
  text-align: left;
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
  line-height: var(--pp-leading-normal);
}
.dnnForm .dnnFormItem .dnnLabel > span,
.dnnForm .dnnFormItem .dnnFormLabel > span {
  text-align: left;
}
.dnnForm .dnnFormItem .dnnLabel label {
  display: inline;
}
.dnnForm .dnnFormItem .dnnLabel + span {
  display: block;
  margin: 0;
  font-size: var(--pp-text-sm);
}
.dnnForm .dnnFormItem .dnnFormLabel:empty {
  display: none;
}
.dnnForm .dnnFormItem > p {
  margin: 0;
  font-size: var(--pp-text-sm);
  color: var(--pp-color-text-muted);
}
.dnnForm .dnnFormItem input[type=text], .dnnForm .dnnFormItem input[type=password], .dnnForm .dnnFormItem input[type=email], .dnnForm .dnnFormItem input[type=tel], .dnnForm .dnnFormItem input[type=url], .dnnForm .dnnFormItem input[type=number], .dnnForm .dnnFormItem input[type=search], .dnnForm .dnnFormItem input[type=date], .dnnForm .dnnFormItem input[type=datetime-local], .dnnForm .dnnFormItem select, .dnnForm .dnnFormItem textarea {
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 2.875rem;
  margin: 0;
  padding: var(--pp-space-3) var(--pp-space-4);
  border: 1px solid var(--pp-color-border);
  border-radius: var(--pp-radius-full);
  background: var(--pp-color-bg);
  box-shadow: none;
  color: var(--pp-color-text);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
  line-height: 1.3;
}
.dnnForm .dnnFormItem input[type=text]::placeholder, .dnnForm .dnnFormItem input[type=password]::placeholder, .dnnForm .dnnFormItem input[type=email]::placeholder, .dnnForm .dnnFormItem input[type=tel]::placeholder, .dnnForm .dnnFormItem input[type=url]::placeholder, .dnnForm .dnnFormItem input[type=number]::placeholder, .dnnForm .dnnFormItem input[type=search]::placeholder, .dnnForm .dnnFormItem input[type=date]::placeholder, .dnnForm .dnnFormItem input[type=datetime-local]::placeholder, .dnnForm .dnnFormItem select::placeholder, .dnnForm .dnnFormItem textarea::placeholder {
  color: var(--pp-neutral-500);
}
.dnnForm .dnnFormItem input[type=text]:focus, .dnnForm .dnnFormItem input[type=text]:active, .dnnForm .dnnFormItem input[type=password]:focus, .dnnForm .dnnFormItem input[type=password]:active, .dnnForm .dnnFormItem input[type=email]:focus, .dnnForm .dnnFormItem input[type=email]:active, .dnnForm .dnnFormItem input[type=tel]:focus, .dnnForm .dnnFormItem input[type=tel]:active, .dnnForm .dnnFormItem input[type=url]:focus, .dnnForm .dnnFormItem input[type=url]:active, .dnnForm .dnnFormItem input[type=number]:focus, .dnnForm .dnnFormItem input[type=number]:active, .dnnForm .dnnFormItem input[type=search]:focus, .dnnForm .dnnFormItem input[type=search]:active, .dnnForm .dnnFormItem input[type=date]:focus, .dnnForm .dnnFormItem input[type=date]:active, .dnnForm .dnnFormItem input[type=datetime-local]:focus, .dnnForm .dnnFormItem input[type=datetime-local]:active, .dnnForm .dnnFormItem select:focus, .dnnForm .dnnFormItem select:active, .dnnForm .dnnFormItem textarea:focus, .dnnForm .dnnFormItem textarea:active {
  border-color: var(--pp-color-brand);
  background: var(--pp-color-bg);
  box-shadow: none;
  outline: 2px solid var(--pp-color-brand);
  outline-offset: 2px;
}
.dnnForm .dnnFormItem input[type=text]:invalid, .dnnForm .dnnFormItem input[type=password]:invalid, .dnnForm .dnnFormItem input[type=email]:invalid, .dnnForm .dnnFormItem input[type=tel]:invalid, .dnnForm .dnnFormItem input[type=url]:invalid, .dnnForm .dnnFormItem input[type=number]:invalid, .dnnForm .dnnFormItem input[type=search]:invalid, .dnnForm .dnnFormItem input[type=date]:invalid, .dnnForm .dnnFormItem input[type=datetime-local]:invalid, .dnnForm .dnnFormItem select:invalid, .dnnForm .dnnFormItem textarea:invalid {
  background-color: var(--pp-color-bg);
}
.dnnForm .dnnFormItem input[type=text].aspNetDisabled, .dnnForm .dnnFormItem input[type=text][disabled], .dnnForm .dnnFormItem input[type=password].aspNetDisabled, .dnnForm .dnnFormItem input[type=password][disabled], .dnnForm .dnnFormItem input[type=email].aspNetDisabled, .dnnForm .dnnFormItem input[type=email][disabled], .dnnForm .dnnFormItem input[type=tel].aspNetDisabled, .dnnForm .dnnFormItem input[type=tel][disabled], .dnnForm .dnnFormItem input[type=url].aspNetDisabled, .dnnForm .dnnFormItem input[type=url][disabled], .dnnForm .dnnFormItem input[type=number].aspNetDisabled, .dnnForm .dnnFormItem input[type=number][disabled], .dnnForm .dnnFormItem input[type=search].aspNetDisabled, .dnnForm .dnnFormItem input[type=search][disabled], .dnnForm .dnnFormItem input[type=date].aspNetDisabled, .dnnForm .dnnFormItem input[type=date][disabled], .dnnForm .dnnFormItem input[type=datetime-local].aspNetDisabled, .dnnForm .dnnFormItem input[type=datetime-local][disabled], .dnnForm .dnnFormItem select.aspNetDisabled, .dnnForm .dnnFormItem select[disabled], .dnnForm .dnnFormItem textarea.aspNetDisabled, .dnnForm .dnnFormItem textarea[disabled] {
  border-color: var(--pp-color-border);
  background: var(--pp-color-surface);
  color: var(--pp-color-text-muted);
  opacity: 1;
}
.dnnForm .dnnFormItem textarea {
  min-height: 9rem;
  border-radius: var(--pp-radius-lg);
  resize: vertical;
}
.dnnForm .dnnFormItem select {
  padding-right: var(--pp-space-7);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23274f17' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--pp-space-4) center;
}
.dnnForm .dnnFormItem input[type=checkbox],
.dnnForm .dnnFormItem input[type=radio] {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 var(--pp-space-2) 0 0;
  padding: 0;
  vertical-align: -0.2em;
  accent-color: var(--pp-color-brand);
}
.dnnForm .dnnFormItem input[type=checkbox] + label,
.dnnForm .dnnFormItem input[type=radio] + label,
.dnnForm .dnnFormItem input[type=checkbox] + span,
.dnnForm .dnnFormItem input[type=radio] + span {
  display: inline;
  width: auto;
  margin: 0;
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-regular);
}
.dnnForm .dnnFormItem.dnnFormRequired > .dnnLabel > label > span::after,
.dnnForm .dnnFormItem .dnnLabel label span.dnnFormRequired::after,
.dnnForm .dnnFormItem span.dnnFormRequired::after {
  content: "*";
  display: inline;
  margin-left: var(--pp-space-1);
  color: var(--pp-color-error);
  font-size: 1em;
  line-height: 1;
  font-weight: var(--pp-weight-medium);
}
.dnnForm .dnnFormItem.dnnFormRequired > .dnnLabel .dnnFormHelpContent span::after {
  content: none;
}
.dnnForm .dnnFormItem a.dnnFormHelp {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 0 0 var(--pp-space-2) !important;
  padding: 0 !important;
  border-radius: var(--pp-radius-full);
  background: var(--pp-brand-200);
  color: var(--pp-brand-800);
  font-size: 0.6875rem;
  font-weight: var(--pp-weight-medium);
  line-height: 1;
  text-decoration: none;
  vertical-align: -0.15em;
}
.dnnForm .dnnFormItem a.dnnFormHelp::before {
  content: "?";
}
.dnnForm .dnnFormItem a.dnnFormHelp span {
  position: static;
}
.dnnForm .dnnFormItem .dnnTooltip {
  position: static !important;
  inset: auto !important;
  width: auto;
  margin: 0;
}
.dnnForm .dnnFormItem .dnnTooltip .dnnFormHelpContent {
  top: auto !important;
  left: 0 !important;
  right: auto !important;
  margin-top: var(--pp-space-1);
}
.dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError {
  position: static;
  display: block;
  width: auto;
  margin: var(--pp-space-2) 0 0;
  padding: var(--pp-space-2) var(--pp-space-3);
  border: 0;
  border-radius: var(--pp-radius-md);
  background: var(--pp-accent-100);
  color: var(--pp-color-error);
  font-size: var(--pp-text-xs);
  line-height: var(--pp-leading-normal);
  text-align: left;
}
.dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError::after {
  display: none;
}
.dnnForm .dnnFormError input[type=text], .dnnForm .dnnFormError input[type=password], .dnnForm .dnnFormError input[type=email], .dnnForm .dnnFormError input[type=tel], .dnnForm .dnnFormError input[type=url], .dnnForm .dnnFormError input[type=number], .dnnForm .dnnFormError input[type=search], .dnnForm .dnnFormError input[type=date], .dnnForm .dnnFormError input[type=datetime-local], .dnnForm .dnnFormError select, .dnnForm .dnnFormError textarea {
  border-color: var(--pp-color-error);
}
.dnnForm div.dnnFormGroup {
  display: block;
  width: auto;
  margin: var(--pp-space-2) 0 0;
  padding: var(--pp-space-4);
  border-radius: var(--pp-radius-md);
  background: var(--pp-color-surface);
}

.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
  width: 17rem;
  max-width: calc(100vw - 2 * var(--pp-space-4));
  padding: var(--pp-space-3) var(--pp-space-4);
  border-radius: var(--pp-radius-md);
  background: var(--pp-brand-900);
  box-shadow: var(--pp-shadow-lg);
  color: var(--pp-color-text-inverse);
  font-size: var(--pp-text-xs);
  line-height: var(--pp-leading-normal);
}
.dnnTooltip .dnnFormHelpContent .dnnHelpText,
.dnnHelperTip .dnnFormHelpContent .dnnHelpText {
  color: inherit;
}
.dnnTooltip .dnnFormHelpContent .pinHelp,
.dnnHelperTip .dnnFormHelpContent .pinHelp {
  display: none;
}

.dnnFormMessage {
  display: block;
  max-width: none;
  margin: 0 0 var(--pp-space-5);
  padding: var(--pp-space-4) var(--pp-space-5);
  border: 0;
  border-radius: var(--pp-radius-md);
  background: var(--pp-brand-100);
  color: var(--pp-brand-900);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
}
.dnnFormMessage a {
  color: inherit;
  text-decoration: underline;
}
.dnnFormMessage .dnnLabel {
  float: none;
  width: auto;
}
.dnnFormMessage.dnnFormWarning {
  background: var(--pp-accent-100);
  color: var(--pp-accent-900);
}
.dnnFormMessage.dnnFormWarning a {
  color: inherit;
}
.dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary {
  background: var(--pp-accent-100);
  color: var(--pp-color-error);
}
.dnnFormMessage.dnnFormError a, .dnnFormMessage.dnnFormValidationSummary a {
  color: inherit;
}
.dnnFormMessage.dnnFormSuccess {
  background: var(--pp-brand-100);
  color: var(--pp-brand-900);
}
.dnnFormMessage.dnnFormSuccess a {
  color: inherit;
}
.dnnFormMessage .error {
  display: block;
  margin-top: var(--pp-space-2);
  color: var(--pp-color-error);
}

h2.dnnFormSectionHead {
  margin: var(--pp-space-6) 0 var(--pp-space-4);
  padding-bottom: var(--pp-space-2);
  border-bottom: 1px solid var(--pp-color-border);
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-xl);
  font-weight: var(--pp-weight-heading);
  line-height: var(--pp-leading-tight);
  letter-spacing: var(--pp-tracking-heading);
}
h2.dnnFormSectionHead:first-child {
  margin-top: 0;
}
h2.dnnFormSectionHead > a,
h2.dnnFormSectionHead > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pp-space-3);
  font: inherit;
  color: var(--pp-color-text);
  text-decoration: none;
  letter-spacing: inherit;
}
h2.dnnFormSectionHead a,
h2.dnnFormSectionHead a.dnnSectionExpanded,
h2.dnnFormSectionHead a:hover,
h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
  background: none;
  color: var(--pp-color-text);
}
h2.dnnFormSectionHead a:hover {
  color: var(--pp-brand-700);
}
h2.dnnFormSectionHead a::after {
  content: "";
  flex: none;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0.35em 0.25em 0;
  border-right: 2px solid var(--pp-brand-700);
  border-bottom: 2px solid var(--pp-brand-700);
  transform: rotate(45deg);
  transition: transform var(--pp-duration-normal) var(--pp-ease);
}
h2.dnnFormSectionHead a.dnnSectionExpanded::after {
  margin-bottom: -0.25em;
  transform: rotate(-135deg);
}

ul.dnnAdminTabNav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-2);
  width: auto;
  margin: 0 0 var(--pp-space-6);
  padding: 0 0 var(--pp-space-3);
  border-bottom: 1px solid var(--pp-color-border);
  list-style: none;
}
ul.dnnAdminTabNav li {
  display: flex;
  margin: 0;
  list-style: none;
}
ul.dnnAdminTabNav li a {
  margin: 0;
  padding: var(--pp-space-2) var(--pp-space-4);
  border: 0;
  border-radius: var(--pp-radius-full);
  background: transparent;
  color: var(--pp-brand-700);
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
  line-height: 1.3;
  text-decoration: none;
}
ul.dnnAdminTabNav li a:hover, ul.dnnAdminTabNav li a:active, ul.dnnAdminTabNav li a:focus-visible {
  background: var(--pp-brand-100);
  color: var(--pp-brand-800);
}
ul.dnnAdminTabNav li.ui-tabs-active a,
ul.dnnAdminTabNav li.ui-tabs-active a:hover {
  border-color: transparent;
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
}

table.dnnGrid,
.dnnGrid {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--pp-text-sm);
}
table.dnnGrid th,
table.dnnGrid td,
.dnnGrid th,
.dnnGrid td {
  padding: var(--pp-space-2) var(--pp-space-3);
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--pp-color-border);
}
table.dnnGrid th,
table.dnnGrid .dnnGridHeader td,
table.dnnGrid .dnnGridHeader th,
.dnnGrid th,
.dnnGrid .dnnGridHeader td,
.dnnGrid .dnnGridHeader th {
  border-top: 0;
  background: var(--pp-color-surface);
  font-size: var(--pp-text-xs);
  font-weight: var(--pp-weight-medium);
  letter-spacing: var(--pp-tracking-kicker);
  text-transform: uppercase;
  color: var(--pp-color-text-muted);
}

.dnnForm .dnnFormItem .token-input-list-facebook {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pp-space-1);
  width: 100%;
  min-height: 2.875rem;
  margin: 0;
  padding: var(--pp-space-2) var(--pp-space-4) !important;
  border: 1px solid var(--pp-color-border);
  border-radius: var(--pp-radius-lg);
  background: var(--pp-color-bg);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
  list-style: none;
}
.dnnForm .dnnFormItem .token-input-list-facebook:focus-within {
  border-color: var(--pp-color-brand);
  outline: 2px solid var(--pp-color-brand);
  outline-offset: 2px;
}
.dnnForm .dnnFormItem .token-input-list-facebook li {
  margin: 0;
}
.dnnForm .dnnFormItem .token-input-list-facebook .token-input-token-facebook {
  display: inline-flex;
  align-items: center;
  gap: var(--pp-space-1);
  padding: var(--pp-space-1) var(--pp-space-3);
  border: 0;
  border-radius: var(--pp-radius-full);
  background: var(--pp-brand-100);
  color: var(--pp-brand-700);
  white-space: nowrap;
}
.dnnForm .dnnFormItem .token-input-list-facebook .token-input-token-facebook p {
  display: inline;
  margin: 0;
  font-size: inherit;
}
.dnnForm .dnnFormItem .token-input-list-facebook .token-input-token-facebook .token-input-delete-token-facebook {
  margin: 0;
  color: inherit;
  cursor: pointer;
}
.dnnForm .dnnFormItem .token-input-list-facebook .token-input-input-token-facebook {
  flex: 1 1 6rem;
}
.dnnForm .dnnFormItem .token-input-list-facebook .token-input-input-token-facebook input[type=text] {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
}

.dnnFormPopup {
  padding: var(--pp-space-5);
  border-radius: var(--pp-radius-lg);
  background: var(--pp-color-bg);
  box-shadow: var(--pp-shadow-lg);
  color: var(--pp-color-text);
  font-family: var(--pp-font-body);
}
.dnnFormPopup .ui-dialog-titlebar {
  padding: 0 0 var(--pp-space-3);
  border-bottom: 1px solid var(--pp-color-border);
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-xl);
  font-weight: var(--pp-weight-heading);
}
.dnnFormPopup .ui-dialog-content {
  background: var(--pp-color-bg);
}
.dnnFormPopup .ui-dialog-buttonpane {
  padding: var(--pp-space-3) 0 0;
  border-top: 1px solid var(--pp-color-border);
}
.dnnFormPopup .ui-dialog-buttonpane button {
  margin: var(--pp-space-2) var(--pp-space-2) 0 0;
}
.dnnFormPopup .ui-dialog-buttonpane button:first-child {
  box-shadow: none;
}

.dnnCheckbox,
.dnnRadiobutton {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
}
.dnnCheckbox .mark,
.dnnRadiobutton .mark {
  position: relative;
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border: 1.5px solid var(--pp-brand-500);
  border-radius: 5px;
  background: var(--pp-color-bg);
  transition: background var(--pp-duration-fast) var(--pp-ease), border-color var(--pp-duration-fast) var(--pp-ease);
}
.dnnCheckbox img,
.dnnRadiobutton img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  background-image: none;
  opacity: 0;
}
.dnnCheckbox-focus,
.dnnRadiobutton-focus {
  border-radius: 5px;
  outline: 2px solid var(--pp-color-brand);
  outline-offset: 2px;
}
.dnnCheckbox-disabled .mark,
.dnnRadiobutton-disabled .mark {
  opacity: 0.5;
}

.dnnCheckbox-checked .mark {
  border-color: var(--pp-color-brand);
  background: var(--pp-color-brand);
}
.dnnCheckbox-checked .mark::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 9px;
  border-right: 2px solid var(--pp-color-brand-contrast);
  border-bottom: 2px solid var(--pp-color-brand-contrast);
  transform: rotate(45deg);
}

.dnnRadiobutton .mark {
  border-radius: var(--pp-radius-full);
}
.dnnRadiobutton-focus {
  border-radius: var(--pp-radius-full);
}

.dnnRadiobutton-checked .mark {
  border-color: var(--pp-color-brand);
}
.dnnRadiobutton-checked .mark::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: var(--pp-radius-full);
  background: var(--pp-color-brand);
}

.dnnCheckbox-error .mark,
.dnnRadiobutton-error .mark {
  border-color: var(--pp-color-error);
}

.dnnForm .dnnFormItem .dnnBoxLabel,
.dnnBoxLabel {
  display: inline;
  margin: 0 0 0 var(--pp-space-2);
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-regular);
  vertical-align: middle;
}

.dnnButtonDropdown,
.dnnButtonDropdown-clicked,
.dnnButtonDropdown-ul {
  border-color: var(--pp-color-border);
  font-size: var(--pp-text-sm);
}

.pp-account__head {
  max-width: 46rem;
  margin-bottom: var(--pp-space-6);
}
.pp-account__title {
  margin-bottom: var(--pp-space-3);
  font-size: var(--pp-text-2xl);
  overflow-wrap: break-word;
  hyphens: auto;
}
@media (min-width: 48em) {
  .pp-account__title {
    font-size: var(--pp-text-3xl);
  }
}
.pp-account__intro {
  margin: 0;
}

.pp-main--account > .pp-container .pp-pane {
  max-width: 46rem;
}
.pp-main--account.pp-main--account-narrow > .pp-container .pp-pane,
.pp-main--account.pp-main--account-narrow .pp-account__head {
  max-width: 30rem;
}

.dnnLogin {
  width: 100%;
}
.dnnLogin .LoginPanel {
  float: none;
  width: auto;
  padding: 0;
}
.dnnLogin .LoginTabGroup {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pp-space-2);
  height: auto;
  margin: 0 0 var(--pp-space-5);
  padding-bottom: var(--pp-space-3);
  border-bottom: 1px solid var(--pp-color-border);
}
.dnnLogin .LoginTabGroup span,
.dnnLogin .LoginTabGroup span.LoginTabSelected {
  margin: 0;
  padding: var(--pp-space-2) var(--pp-space-4);
  border: 0;
  border-radius: var(--pp-radius-full);
}
.dnnLogin .LoginTabGroup span.LoginTabSelected {
  background: var(--pp-color-brand);
  color: var(--pp-color-brand-contrast);
  box-shadow: none;
}

.dnnSocialRegistration #socialControls,
.dnnSocialRegistration #mainContainer {
  float: none;
  padding: 0;
}
.dnnSocialRegistration ul.buttonList {
  margin: var(--pp-space-4) 0 0;
  padding: 0;
  list-style: none;
}
.dnnSocialRegistration ul.buttonList:empty {
  display: none;
}
.dnnSocialRegistration ul.buttonList li {
  float: none;
  width: auto;
  margin: 0 0 var(--pp-space-2);
}
.dnnSocialRegistration ul.buttonList li a {
  border-radius: var(--pp-radius-full);
  box-shadow: none;
  text-shadow: none;
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
}
.dnnSocialRegistration:has(ul.buttonList:empty) {
  display: none;
}

.dnnLoginService .dnnFormItem input[type=text],
.dnnLoginService .dnnFormItem input[type=password] {
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
}
.dnnLoginService span.dnnFormLabel {
  display: none;
}
.dnnLoginService .dnnFormItem:has(> .dnnPrimaryAction) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pp-space-3);
  margin-top: var(--pp-space-5);
}

.dnnLoginService .dnnFormItem .dnnLoginRememberMe {
  display: inline-flex;
  align-items: center;
  gap: var(--pp-space-2);
  padding: 0;
  font-size: var(--pp-text-sm);
}
.dnnLoginService .dnnFormItem .dnnLoginRememberMe label {
  margin: 0;
  font-weight: var(--pp-weight-regular);
}

.dnnLoginActions {
  display: block;
  margin-top: var(--pp-space-2);
}
.dnnLoginActions .dnnActions {
  padding-top: 0;
  gap: var(--pp-space-4);
}
.dnnLoginActions a.dnnSecondaryAction {
  min-height: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--pp-brand-700);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.dnnLoginActions a.dnnSecondaryAction:hover, .dnnLoginActions a.dnnSecondaryAction:focus-visible {
  background: none;
  color: var(--pp-color-brand);
}

.dnnForm div.dnnCaptcha {
  width: 100% !important;
  margin-left: 0;
  padding-left: 0;
}

span.dnnFormMessage.dnnFormError.dnnCaptcha {
  position: static;
  right: auto;
  bottom: auto;
}

.dnnPassword,
.dnnProfile,
.dnnUserSettings,
.dnnSendPassword,
.dnnPasswordReset {
  margin: 0;
}

.dnnPassword .dnnFormItem p {
  margin: 0;
}

.password-strength-container {
  display: block;
  width: 100%;
  max-width: none;
}
.password-strength-container .min-length-text {
  display: block;
  margin-top: var(--pp-space-2);
  font-size: var(--pp-text-xs);
  color: var(--pp-color-text-muted);
}
.password-strength-container .meter {
  margin-top: var(--pp-space-2);
}
.password-strength-container .meter div span {
  height: 4px;
  border-radius: var(--pp-radius-full);
  background-color: var(--pp-neutral-300);
}
.password-strength-container .meter label {
  font-size: var(--pp-text-xs);
  color: var(--pp-color-text-muted);
}
.password-strength-container .password-strength-tooltip {
  border-radius: var(--pp-radius-md);
  background: var(--pp-brand-900);
  color: var(--pp-color-text-inverse);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-xs);
}
.password-strength-container .password-strength-tooltip::before {
  border-top-color: var(--pp-brand-900);
}
.password-strength-container .password-strength-tooltip-content h2 {
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
  color: inherit;
}
.password-strength-container .password-strength-tooltip-content li label {
  color: inherit;
}

.confirm-password-tooltip {
  border-radius: var(--pp-radius-md);
  background: var(--pp-brand-900);
  color: var(--pp-color-text-inverse);
  font-family: var(--pp-font-body);
  font-size: var(--pp-text-xs);
}
.confirm-password-tooltip::before {
  border-top-color: var(--pp-brand-900);
}

.dnnFormItem input.validate-success,
.dnnFormItem input.matched,
.dnnFormItem input.validate-fail,
.dnnFormItem input.unmatched {
  background-color: var(--pp-color-bg) !important;
}

#dnnEditUser .dnnFormGroup {
  width: auto;
}
#dnnEditUser .dnnUserVanityUrl {
  width: 100%;
  margin-bottom: var(--pp-space-3);
}
#dnnEditUser .dnnFormGroup .NormalBold {
  display: block;
  margin-bottom: var(--pp-space-2);
  font-size: var(--pp-text-sm);
  font-weight: var(--pp-weight-medium);
}

#dnnManageUsers .dnnUser,
#dnnManageUsers .dnnMembership {
  float: none;
  margin: 0;
  padding: 0;
  background: none;
}

.dnnProfileDetails .dnnFormItem .dnnTooltip {
  width: auto;
}

.dnnProfileDetails .dnnFormItem select.dnnFormVisibility {
  width: auto;
}

.dnnForm.dnnRegistrationForm,
#RegistrationForm {
  min-width: 0;
}

.dnnUser.register {
  width: 100%;
}

p.dnnFormRequired span {
  padding-left: 0;
  border-left: 0;
}

.dnnPasswordReset > div:first-child:has(> input[type=checkbox]) {
  display: flex;
  align-items: flex-start;
  gap: var(--pp-space-3);
  margin-bottom: var(--pp-space-4);
  font-size: var(--pp-text-sm);
  line-height: var(--pp-leading-normal);
}
.dnnPasswordReset > div:first-child:has(> input[type=checkbox]) input[type=checkbox] {
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.2em 0 0;
  accent-color: var(--pp-color-brand);
}

.dnnTerms,
.dnnPrivacy {
  max-width: 44em;
  font-size: var(--pp-text-md);
  line-height: var(--pp-leading-normal);
}
.dnnTerms div[align=left],
.dnnPrivacy div[align=left] {
  text-align: left;
}
.dnnTerms .SubHead,
.dnnPrivacy .SubHead {
  display: block;
  margin: var(--pp-space-6) 0 var(--pp-space-2);
  font-family: var(--pp-font-heading);
  font-size: var(--pp-text-lg);
  font-weight: var(--pp-weight-heading);
  line-height: var(--pp-leading-tight);
  letter-spacing: var(--pp-tracking-heading);
  text-transform: none;
}
.dnnTerms p:first-child .SubHead,
.dnnPrivacy p:first-child .SubHead {
  margin-top: 0;
}
.dnnTerms ul,
.dnnTerms ol,
.dnnPrivacy ul,
.dnnPrivacy ol {
  padding-left: 1.25em;
}
.dnnTerms li,
.dnnPrivacy li {
  margin-bottom: var(--pp-space-2);
}