/* Prototypes/Afspraak/Styles/afspraak.scss */
:root {
  --theme-color-1: #544b45;
  --theme-color-2: #3b3530;
  --theme-color-rgb-2:
    59,
    53,
    48;
  --theme-color-3: #87817d;
  --theme-color-4: #bdbcbc;
  --theme-color-5: #7e7a6e;
  --theme-color-6: #656263;
  --primary-color: #ffffff;
  --primary-rgb-color:
    255,
    255,
    255;
  --primary-text-color: #231f20;
}
@font-face {
  font-family: "Helvetica Neue Light";
  src: url(/assetfiles/font/vanbesouw/helveticaneue/helveticaneue-light.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue Regular";
  src: url(/assetfiles/font/vanbesouw/helveticaneue/helveticaneue-regular.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assetfiles/font/vanbesouw/helveticaneue/helveticaneue.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "marigoal";
  src: url(/assetfiles/font/vanbesouw/marigoal/marigoal.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url(/assetfiles/font/brands/montserrat.woff2) format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/assetfiles/font/brands/figtree.woff2) format("woff2");
  font-weight: 300 600;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url(/assetfiles/font/brands/playfair-display.woff2) format("woff2");
  font-weight: 400 600;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(/assetfiles/font/brands/raleway.woff2) format("woff2");
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: "Syne";
  src: url(/assetfiles/font/brands/syne.woff2) format("woff2");
  font-weight: 400 800;
  font-display: swap;
}
:root {
  --bk-bg: #ffffff;
  --bk-surface: #ecebe9;
  --bk-text: var(--theme-color-1);
  --bk-muted: var(--theme-color-3);
  --bk-heading: var(--theme-color-1);
  --bk-accent: var(--theme-color-1);
  --bk-accent-text: #ffffff;
  --bk-accent-hover: var(--theme-color-2);
  --bk-line: #e2e0df;
  --bk-font-body:
    "Helvetica Neue",
    Arial,
    sans-serif;
  --bk-font-heading:
    "Helvetica Neue Light",
    "Helvetica Neue",
    Arial,
    sans-serif;
  --bk-body-weight: 400;
  --bk-heading-weight: 400;
  --bk-heading-transform: uppercase;
  --bk-heading-spacing: 0.04em;
  --bk-title-size: clamp(30px, 5vw, 56px);
  --bk-button-radius: 26px;
  --bk-button-transform: none;
  --bk-button-style: italic;
  --bk-button-weight: 400;
  --bk-button-spacing: 0.02em;
  --bk-button-size: 15px;
  --bk-card-radius: 0px;
  --bk-hero-shade: rgba(59, 53, 48, 0.55);
}
html[data-setting-merk=therdex] {
  --bk-bg: #ffffff;
  --bk-surface: #ededed;
  --bk-text: #212529;
  --bk-muted: #797979;
  --bk-heading: #000000;
  --bk-accent: #000000;
  --bk-accent-text: #ffffff;
  --bk-accent-hover: #333333;
  --bk-line: #d6d6d6;
  --bk-font-body:
    "Montserrat",
    Arial,
    sans-serif;
  --bk-font-heading:
    "Montserrat",
    Arial,
    sans-serif;
  --bk-body-weight: 400;
  --bk-heading-weight: 300;
  --bk-heading-transform: uppercase;
  --bk-heading-spacing: 0;
  --bk-button-radius: 0px;
  --bk-button-transform: uppercase;
  --bk-button-style: normal;
  --bk-button-weight: 600;
  --bk-button-spacing: 0.02em;
  --bk-button-size: 14px;
  --bk-card-radius: 0px;
  --bk-hero-shade: rgba(0, 0, 0, 0.5);
}
html[data-setting-merk=jabo] {
  --bk-bg: #f2f1ec;
  --bk-surface: #eceae3;
  --bk-text: #000000;
  --bk-muted: #6f6257;
  --bk-heading: #433029;
  --bk-accent: #433029;
  --bk-accent-text: #ffffff;
  --bk-accent-hover: #2e211c;
  --bk-line: #e0dbd0;
  --bk-font-body:
    "Figtree",
    Arial,
    sans-serif;
  --bk-font-heading:
    "Playfair Display",
    Georgia,
    serif;
  --bk-body-weight: 300;
  --bk-heading-weight: 500;
  --bk-heading-transform: uppercase;
  --bk-heading-spacing: 0;
  --bk-button-radius: 0px;
  --bk-button-transform: uppercase;
  --bk-button-style: normal;
  --bk-button-weight: 400;
  --bk-button-spacing: 0.1em;
  --bk-button-size: 12px;
  --bk-card-radius: 0px;
  --bk-hero-shade: rgba(67, 48, 41, 0.55);
}
html[data-setting-merk=leoxx] {
  --bk-bg: #ffffff;
  --bk-surface: #f6f6f6;
  --bk-text: #232323;
  --bk-muted: #6d6a67;
  --bk-heading: #232323;
  --bk-accent: #e64147;
  --bk-accent-text: #ffffff;
  --bk-accent-hover: #f94f56;
  --bk-line: #e2e0de;
  --bk-font-body:
    "Raleway",
    Arial,
    sans-serif;
  --bk-font-heading:
    "Raleway",
    Arial,
    sans-serif;
  --bk-body-weight: 400;
  --bk-heading-weight: 400;
  --bk-heading-transform: uppercase;
  --bk-heading-spacing: 0.02em;
  --bk-button-radius: 0px;
  --bk-button-transform: uppercase;
  --bk-button-style: normal;
  --bk-button-weight: 800;
  --bk-button-spacing: 0.04em;
  --bk-button-size: 13px;
  --bk-card-radius: 0px;
  --bk-hero-shade: rgba(35, 35, 35, 0.55);
}
html[data-setting-merk=prints-van-oranje] {
  --bk-bg: #ffffff;
  --bk-surface: #f0efef;
  --bk-text: #3a3a3a;
  --bk-muted: #767575;
  --bk-heading: #212121;
  --bk-accent: #d47239;
  --bk-accent-text: #ffffff;
  --bk-accent-hover: #e8893f;
  --bk-line: #cccbcb;
  --bk-font-body:
    "Syne",
    Arial,
    sans-serif;
  --bk-font-heading:
    "Syne",
    Arial,
    sans-serif;
  --bk-body-weight: 400;
  --bk-heading-weight: 800;
  --bk-heading-transform: none;
  --bk-heading-spacing: -0.02em;
  --bk-button-radius: 500px;
  --bk-button-transform: none;
  --bk-button-style: normal;
  --bk-button-weight: 700;
  --bk-button-spacing: 0;
  --bk-button-size: 16px;
  --bk-card-radius: 20px;
  --bk-hero-shade: rgba(33, 33, 33, 0.5);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--bk-bg);
  color: var(--bk-text);
  font-family: var(--bk-font-body);
  font-weight: var(--bk-body-weight);
  font-size: 16px;
  line-height: 1.6;
}
img {
  display: block;
  max-width: 100%;
}
.bk-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 600px) {
  .bk-wrap {
    padding: 0 32px;
  }
}
.bk-header {
  background: var(--bk-bg);
  border-bottom: 1px solid var(--bk-line);
}
.bk-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 76px;
}
.bk-logo {
  display: block;
}
.bk-logo img {
  height: 36px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  object-position: left center;
}
html[data-setting-merk=prints-van-oranje] .bk-logo img {
  height: 44px;
}
.bk-header-link {
  color: var(--bk-text);
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.bk-header-link:hover {
  color: var(--bk-accent);
}
.bk-hero {
  position: relative;
  isolation: isolate;
  min-height: 300px;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  background: var(--bk-heading);
}
@media (min-width: 960px) {
  .bk-hero {
    min-height: 400px;
  }
}
.bk-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      90deg,
      var(--bk-hero-shade) 0%,
      var(--bk-hero-shade) 35%,
      transparent 85%),
    linear-gradient(
      0deg,
      var(--bk-hero-shade) 0%,
      transparent 60%);
}
.bk-hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.bk-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bk-hero-inner {
  padding-top: 48px;
  padding-bottom: 40px;
}
@media (min-width: 960px) {
  .bk-hero-inner {
    padding-bottom: 56px;
  }
}
.bk-eyebrow {
  margin: 0 0 12px;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.9;
}
.bk-title {
  margin: 0;
  max-width: 16ch;
  font-family: var(--bk-font-heading);
  font-weight: var(--bk-heading-weight);
  font-size: var(--bk-title-size);
  line-height: 1.05;
  letter-spacing: var(--bk-heading-spacing);
  text-transform: var(--bk-heading-transform);
}
.bk-lead {
  margin: 16px 0 0;
  max-width: 52ch;
  font-size: 17px;
}
@media (min-width: 960px) {
  .bk-lead {
    font-size: 19px;
  }
}
.bk-main {
  padding-top: 32px;
  padding-bottom: 72px;
  scroll-margin-top: 16px;
}
.bk-progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.bk-progress li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  border-top: 3px solid var(--bk-line);
  color: var(--bk-muted);
  font-size: 14px;
}
.bk-progress li.is-current {
  border-color: var(--bk-accent);
  color: var(--bk-heading);
}
.bk-progress li.is-done {
  border-color: var(--bk-accent);
  cursor: pointer;
}
.bk-progress-nr {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 26px;
  height: 26px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 13px;
}
.is-current .bk-progress-nr,
.is-done .bk-progress-nr {
  background: var(--bk-accent);
  border-color: var(--bk-accent);
  color: var(--bk-accent-text);
}
@media (max-width: 600px) {
  .bk-progress-label {
    display: none;
  }
  .is-current .bk-progress-label {
    display: inline;
  }
}
.bk-layout {
  display: grid;
  gap: 32px;
  align-items: start;
}
@media (min-width: 960px) {
  .bk-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 48px;
  }
}
.bk-form,
.bk-done {
  min-width: 0;
}
.bk-step-title {
  margin: 0 0 8px;
  color: var(--bk-heading);
  font-family: var(--bk-font-heading);
  font-weight: var(--bk-heading-weight);
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.15;
  letter-spacing: var(--bk-heading-spacing);
  text-transform: var(--bk-heading-transform);
}
.bk-step-intro {
  margin: 0 0 24px;
  color: var(--bk-muted);
}
.bk-sub-title {
  margin: 32px 0 12px;
  color: var(--bk-heading);
  font-family: var(--bk-font-body);
  font-size: 16px;
  font-weight: 600;
}
.bk-choices {
  display: grid;
  gap: 12px;
}
.bk-choice {
  position: relative;
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  background: var(--bk-bg);
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-card-radius);
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.bk-choice:hover {
  border-color: var(--bk-muted);
}
.bk-choice:has(input:checked) {
  border-color: var(--bk-accent);
  box-shadow: inset 0 0 0 1px var(--bk-accent);
}
.bk-choice:has(input:focus-visible) {
  outline: 2px solid var(--bk-accent);
  outline-offset: 2px;
}
.bk-choice.is-disabled {
  cursor: not-allowed;
  background: var(--bk-surface);
  color: var(--bk-muted);
}
.bk-choice input {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--bk-accent);
}
.bk-choice-body {
  display: grid;
  gap: 2px;
}
.bk-choice-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--bk-heading);
  font-weight: 600;
}
.is-disabled .bk-choice-title {
  color: var(--bk-muted);
}
.bk-choice-hint {
  color: var(--bk-muted);
  font-size: 14px;
}
.bk-badge {
  padding: 2px 8px;
  background: var(--bk-accent);
  color: var(--bk-accent-text);
  border-radius: var(--bk-button-radius);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.bk-or {
  margin: 4px 0;
  color: var(--bk-muted);
  font-size: 14px;
  text-align: center;
}
.bk-badge-muted {
  background: transparent;
  color: var(--bk-muted);
  border: 1px solid var(--bk-line);
}
.bk-place {
  position: relative;
  max-width: 420px;
}
.bk-place .bk-field {
  width: 100%;
}
.bk-place-list {
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 4px 0;
  list-style: none;
  background: var(--bk-bg);
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-card-radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.bk-place-list li {
  padding: 9px 14px;
  cursor: pointer;
}
.bk-place-list [aria-selected=true],
.bk-place-list li:hover {
  background: var(--bk-surface);
}
.bk-place-list .bk-place-none {
  color: var(--bk-muted);
  cursor: default;
}
.bk-place-found,
.bk-manager-info {
  margin: 10px 0 0;
  color: var(--bk-muted);
  font-size: 14px;
}
.bk-managers {
  margin-top: 8px;
}
.bk-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bk-chip {
  position: relative;
  cursor: pointer;
}
.bk-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bk-chip span {
  display: inline-block;
  padding: 9px 16px;
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-button-radius);
  background: var(--bk-bg);
  font-size: 15px;
  transition: border-color 0.2s, background 0.2s;
}
.bk-chip:hover span {
  border-color: var(--bk-muted);
}
.bk-chip input:checked + span {
  background: var(--bk-accent);
  border-color: var(--bk-accent);
  color: var(--bk-accent-text);
}
.bk-chip input:focus-visible + span {
  outline: 2px solid var(--bk-accent);
  outline-offset: 2px;
}
.bk-fields {
  display: grid;
  gap: 16px;
}
@media (min-width: 600px) {
  .bk-fields-2 {
    grid-template-columns: 1fr 1fr;
  }
}
.bk-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.bk-field-wide {
  grid-column: 1/-1;
  margin-top: 16px;
}
.bk-fields .bk-field-wide {
  margin-top: 0;
}
.bk-label {
  color: var(--bk-heading);
  font-size: 14px;
  font-weight: 600;
}
.bk-optional {
  color: var(--bk-muted);
  font-weight: 400;
}
.bk-field input,
.bk-field select,
.bk-field textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  background: var(--bk-bg);
  border: 1px solid var(--bk-line);
  border-radius: min(var(--bk-card-radius), 8px);
  color: var(--bk-text);
  font: inherit;
  font-size: 16px;
}
.bk-field input:focus,
.bk-field select:focus,
.bk-field textarea:focus {
  outline: 2px solid var(--bk-accent);
  outline-offset: -1px;
  border-color: var(--bk-accent);
}
.bk-field textarea {
  resize: vertical;
}
.bk-days {
  display: flex;
  gap: 8px;
  margin: 0 -16px;
  padding: 4px 16px 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
}
@media (min-width: 600px) {
  .bk-days {
    margin: 0;
    padding: 4px 0 12px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    overflow: visible;
  }
}
.bk-day {
  display: grid;
  flex: 0 0 84px;
  gap: 2px;
  padding: 12px 8px;
  background: var(--bk-bg);
  border: 1px solid var(--bk-line);
  border-radius: min(var(--bk-card-radius), 12px);
  color: var(--bk-text);
  font: inherit;
  text-align: center;
  cursor: pointer;
  scroll-snap-align: start;
}
.bk-day:hover:not(:disabled) {
  border-color: var(--bk-muted);
}
.bk-day[aria-pressed=true] {
  background: var(--bk-accent);
  border-color: var(--bk-accent);
  color: var(--bk-accent-text);
}
.bk-day:disabled {
  background: var(--bk-surface);
  color: var(--bk-muted);
  cursor: not-allowed;
}
.bk-day-name {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.bk-day-date {
  font-weight: 600;
}
.bk-day-free {
  font-size: 12px;
  opacity: 0.8;
}
.bk-slots-title::first-letter {
  text-transform: uppercase;
}
.bk-slots {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media (min-width: 600px) {
  .bk-slots {
    grid-template-columns: repeat(4, 1fr);
  }
}
.bk-slot {
  display: grid;
  gap: 2px;
  min-height: 52px;
  padding: 10px 8px;
  background: var(--bk-bg);
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-button-radius);
  color: var(--bk-text);
  font: inherit;
  font-size: 15px;
  cursor: pointer;
}
.bk-slot:hover:not(:disabled) {
  border-color: var(--bk-accent);
}
.bk-slot[aria-pressed=true] {
  background: var(--bk-accent);
  border-color: var(--bk-accent);
  color: var(--bk-accent-text);
}
.bk-slot:disabled {
  color: var(--bk-muted);
  background: var(--bk-surface);
  cursor: not-allowed;
}
.bk-slot-who {
  font-size: 12px;
  opacity: 0.85;
}
.bk-slot:disabled .bk-slot-who {
  text-decoration: none;
}
.bk-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--bk-line);
}
.bk-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 28px;
  background: var(--bk-accent);
  border: 2px solid var(--bk-accent);
  border-radius: var(--bk-button-radius);
  color: var(--bk-accent-text);
  font-family: var(--bk-font-body);
  font-size: var(--bk-button-size);
  font-style: var(--bk-button-style);
  font-weight: var(--bk-button-weight);
  letter-spacing: var(--bk-button-spacing);
  text-transform: var(--bk-button-transform);
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s,
    color 0.2s;
}
.bk-button:hover:not(:disabled) {
  background: var(--bk-accent-hover);
  border-color: var(--bk-accent-hover);
}
.bk-button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.bk-button:focus-visible {
  outline: 2px solid var(--bk-accent);
  outline-offset: 3px;
}
.bk-button[hidden] {
  display: none;
}
@media (max-width: 600px) {
  .bk-button {
    flex: 1 1 auto;
  }
}
.bk-button-ghost {
  background: transparent;
  color: var(--bk-accent);
}
.bk-button-ghost:hover:not(:disabled) {
  background: var(--bk-surface);
  border-color: var(--bk-accent);
}
.bk-summary {
  background: var(--bk-surface);
  border-radius: var(--bk-card-radius);
  overflow: hidden;
}
@media (min-width: 960px) {
  .bk-summary {
    position: sticky;
    top: 24px;
  }
}
.bk-summary dl {
  margin: 0;
  padding: 0 24px;
}
.bk-summary dl > div {
  padding: 12px 0;
  border-top: 1px solid var(--bk-line);
}
.bk-summary dt {
  color: var(--bk-muted);
  font-size: 13px;
}
.bk-summary dd {
  margin: 0;
  color: var(--bk-heading);
  font-weight: 600;
}
.bk-summary dd::first-letter {
  text-transform: uppercase;
}
.bk-summary-figure {
  position: relative;
  margin: 0;
}
.bk-summary-figure figcaption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 2px 10px;
  background: rgba(0, 0, 0, 0.55);
  color: #ffffff;
  font-size: 12px;
}
.bk-summary-photo {
  aspect-ratio: 16/9;
  width: 100%;
  object-fit: cover;
}
.bk-summary-title {
  margin: 0;
  padding: 20px 24px 12px;
  color: var(--bk-heading);
  font-family: var(--bk-font-heading);
  font-weight: var(--bk-heading-weight);
  font-size: 20px;
  letter-spacing: var(--bk-heading-spacing);
  text-transform: var(--bk-heading-transform);
}
.bk-summary-empty {
  margin: 0;
  padding: 0 24px 16px;
  color: var(--bk-muted);
  font-size: 15px;
}
.bk-summary-call {
  margin: 0;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--bk-line);
  color: var(--bk-muted);
  font-size: 14px;
}
.bk-summary-call a {
  color: var(--bk-heading);
  font-weight: 600;
  white-space: nowrap;
}
.bk-why {
  margin: 0 16px 16px;
  padding: 14px 16px;
  background: #fffbe6;
  border: 1px dashed #c4a052;
  color: #3d3420;
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  font-size: 13px;
  line-height: 1.45;
}
.bk-why ol {
  margin: 8px 0;
  padding-left: 18px;
}
.bk-why a {
  color: inherit;
}
.bk-why-title {
  margin: 0;
  font-weight: 700;
}
.bk-why-tier {
  display: inline-block;
  margin-left: 4px;
  padding: 0 6px;
  background: #c4a052;
  color: #ffffff;
  font-weight: 600;
}
.bk-why-note {
  margin: 0;
  opacity: 0.75;
}
.bk-done {
  padding: 8px 0;
}
.bk-done[hidden] {
  display: none;
}
.bk-done-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  background: var(--bk-accent);
  color: var(--bk-accent-text);
  border-radius: 50%;
}
.bk-done-text {
  max-width: 56ch;
  margin: 12px 0 0;
  font-size: 17px;
}
.bk-form[hidden] {
  display: none;
}
.bk-footer {
  background: var(--bk-surface);
  color: var(--bk-muted);
  font-size: 14px;
}
.bk-footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 32px;
  padding-top: 28px;
  padding-bottom: 28px;
}
.bk-footer-inner p {
  margin: 0;
}
.bk-footer-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bk-footer-group img {
  height: 18px;
  width: auto;
  mix-blend-mode: multiply;
}
.tw-main {
  padding-top: 40px;
  padding-bottom: 72px;
}
.tw-main > .bk-eyebrow {
  color: var(--bk-muted);
}
.tw-main > .bk-title {
  max-width: none;
  color: var(--bk-heading);
}
.tw-main > .bk-lead {
  max-width: 72ch;
}
.tw-section {
  margin-top: 48px;
}
.tw-rules,
.tw-questions {
  display: grid;
  gap: 10px;
  max-width: 80ch;
  margin: 16px 0 0;
  padding-left: 22px;
}
.tw-test-fields {
  margin-top: 16px;
}
@media (min-width: 600px) {
  .tw-test-fields {
    grid-template-columns: repeat(3, 1fr);
  }
}
.tw-result {
  margin-top: 16px;
  padding: 20px 24px;
  background: var(--bk-surface);
  border-radius: var(--bk-card-radius);
}
.tw-result-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
  color: var(--bk-heading);
}
.tw-trace {
  margin: 12px 0 0;
  padding-left: 20px;
  color: var(--bk-muted);
  font-size: 15px;
}
.tw-tier {
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
}
.tw-tier-gekozen,
.tw-tier-op-locatie,
.tw-tier-regio {
  background: #e3f1e4;
  color: #1f5a27;
}
.tw-tier-reist-mee,
.tw-tier-brandcenter {
  background: #fbefd0;
  color: #6b4b00;
}
.tw-tier-aanvraag {
  background: #f9dcdb;
  color: #8a1f1b;
}
.tw-table-scroll {
  margin-top: 16px;
  overflow-x: auto;
}
.tw-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  font-size: 14px;
}
.tw-table th,
.tw-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--bk-line);
  text-align: left;
  vertical-align: top;
}
.tw-table thead th {
  color: var(--bk-muted);
  font-weight: 600;
  border-bottom-width: 2px;
}
.tw-table tbody th {
  color: var(--bk-heading);
  font-weight: 600;
}
.tw-cell {
  border-left: 2px solid var(--bk-bg);
}
.tw-cell-names {
  display: block;
  font-weight: 600;
}
.tw-cell-tier {
  display: block;
  font-size: 12px;
  opacity: 0.85;
}
.tw-vacancy {
  color: var(--bk-muted);
  font-style: italic;
}
.tw-later {
  color: var(--bk-muted);
  font-size: 12px;
  white-space: nowrap;
}
/*# sourceMappingURL=afspraak.css.map */