@font-face{font-family:"Cabin";src:url("assets/fonts/cabin-latin-400-700.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-latin-400-700.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}.msm-dierenpension-dagboek *,.msm-dierenpension-dagboek *::before,.msm-dierenpension-dagboek *::after{box-sizing:border-box;min-width:0}
.msm-dierenpension-dagboek{overflow:hidden}
.msm-dierenpension-dagboek .heart{white-space:normal;overflow-wrap:anywhere}
.msm-dierenpension-dagboek{box-sizing:border-box;font-family:var(--m-font-body,"Source Sans 3",sans-serif);color:var(--m-ink,#213228);padding:110px 5vw;background:var(--m-primary);color:var(--m-bg)}.msm-dierenpension-dagboek header{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:end;margin-bottom:44px}.msm-dierenpension-dagboek h2{font:900 clamp(48px,7vw,92px)/.9 var(--m-font-display,"Cabin",sans-serif);margin:0}.msm-dierenpension-dagboek header p,.msm-dierenpension-dagboek header span{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.msm-dierenpension-dagboek .dp-diary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.msm-dierenpension-dagboek .dp-diary article{background:var(--m-bg);color:var(--m-ink);border-radius:30px;padding:18px;display:flex;flex-direction:column}.msm-dierenpension-dagboek .dp-diary img{width:100%;aspect-ratio:1;object-fit:contain}.msm-dierenpension-dagboek .dp-diary small{color:var(--m-muted);font-weight:800;text-transform:uppercase}.msm-dierenpension-dagboek .dp-diary p{font-size:18px;line-height:1.45;flex:1}.msm-dierenpension-dagboek .heart{border:1px solid var(--m-ink);background:transparent;border-radius:999px;padding:11px;cursor:pointer;font-weight:800}.msm-dierenpension-dagboek .heart span{display:inline-block;color:var(--m-muted);font-size:20px}.msm-dierenpension-dagboek .heart[aria-pressed=true] span{color:var(--m-accent);animation:dp-heart .55s ease}.msm-dierenpension-dagboek .dp-replies{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.msm-dierenpension-dagboek .dp-replies blockquote{margin:0;padding:28px;border:1px solid color-mix(in srgb,var(--m-bg) 28%,transparent);border-radius:22px;font:700 20px/1.4 var(--m-font-display,"Cabin",sans-serif)}.msm-dierenpension-dagboek .dp-replies small{display:block;margin-top:12px;font:700 11px var(--m-font-body);text-transform:uppercase}@keyframes dp-heart{40%{transform:scale(.45)}70%{transform:scale(1.35)}}@media(max-width:900px){.msm-dierenpension-dagboek .dp-diary{grid-template-columns:1fr 1fr}.msm-dierenpension-dagboek header{grid-template-columns:1fr}}@media(max-width:540px){.msm-dierenpension-dagboek .dp-diary,.msm-dierenpension-dagboek .dp-replies{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.msm-dierenpension-dagboek .heart span{animation:none!important}}



.msm-dierenpension-dagboek .heart{will-change:transform}.msm-dierenpension-dagboek .heart span{transform-origin:center;will-change:transform}.msm-dierenpension-dagboek .heart[data-pressed]{transform:scale(.97)}.msm-dierenpension-dagboek .heart b{display:inline-block;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.msm-dierenpension-dagboek .heart,.msm-dierenpension-dagboek .heart span{will-change:auto}}

.msm-dierenpension-dagboek .pulse-native{display:block;margin-top:auto}
.msm-dierenpension-dagboek .pulse-heart {
  --ph-size: 40px;
  --ph-corner: 32px;
  --ph-pill: #232326;
  --ph-idle: #8b8b93;
  --ph-liked: var(--m-accent);
  --ph-text: #f5f5f5;
  --ph-roll: 350ms;
  --ph-stroke: 2.5px;
  --ph-ease-out: cubic-bezier(0.23, 1, 0.32, 1);

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--ph-corner);
  background: none;
  color: var(--ph-text);
  font-family: inherit;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  outline: none;
  transition: transform 160ms var(--ph-ease-out);
}

.msm-dierenpension-dagboek .pulse-heart[data-pressed] {
  transform: scale(0.97);
}

.msm-dierenpension-dagboek .pulse-heart:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ph-liked) 60%, transparent);
  outline-offset: 3px;
}

.msm-dierenpension-dagboek .pulse-heart:disabled {
  opacity: 0.55;
  cursor: default;
}

.msm-dierenpension-dagboek .pulse-heart__pill {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ph-size) * 0.25);
  padding: calc(var(--ph-size) * 0.3);
  padding-inline-end: calc(var(--ph-size) * 0.4);
  border-radius: var(--ph-corner);
  background: var(--ph-pill);
  transform-origin: center;
}

.msm-dierenpension-dagboek .pulse-heart[data-no-count] .pulse-heart__pill {
  padding-inline-end: calc(var(--ph-size) * 0.3);
}

.msm-dierenpension-dagboek .pulse-heart__heart {
  display: block;
  width: var(--ph-size);
  height: var(--ph-size);
  color: var(--ph-idle);
  transform-origin: center;
  transition: color 160ms ease;
}

.msm-dierenpension-dagboek .pulse-heart__heart svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--ph-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.msm-dierenpension-dagboek .pulse-heart[data-solid] .pulse-heart__heart svg,
.msm-dierenpension-dagboek .pulse-heart[data-liked='true'] .pulse-heart__heart svg {
  fill: currentColor;
}

.msm-dierenpension-dagboek .pulse-heart[data-liked='true'] .pulse-heart__heart {
  color: var(--ph-liked);
}

.msm-dierenpension-dagboek .pulse-heart[data-running] .pulse-heart__heart,
.msm-dierenpension-dagboek .pulse-heart[data-instant] .pulse-heart__heart {
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  .msm-dierenpension-dagboek .pulse-heart:not([data-liked='true']):not(:disabled):hover .pulse-heart__heart {
    color: color-mix(in srgb, var(--ph-idle) 45%, var(--ph-liked));
  }
}

.msm-dierenpension-dagboek .pulse-heart__count {
  display: inline-flex;
  font-size: calc(var(--ph-size) * 0.5);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.1px;
  font-variant-numeric: tabular-nums;
  color: var(--ph-text);
}

.msm-dierenpension-dagboek .pulse-heart__count > span {
  display: block;
  height: 1em;
}

.msm-dierenpension-dagboek .pulse-heart__slot {
  position: relative;
  overflow: hidden;
}

.msm-dierenpension-dagboek .pulse-heart__roll {
  display: flex;
  flex-direction: column;
  transition: transform var(--ph-roll) var(--ph-ease-out);
}

.msm-dierenpension-dagboek .pulse-heart__roll > span {
  display: block;
  height: 1em;
  line-height: 1;
}

.msm-dierenpension-dagboek .pulse-heart__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (pointer: coarse) {
  .msm-dierenpension-dagboek .pulse-heart {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (prefers-contrast: more) {
  .msm-dierenpension-dagboek .pulse-heart__pill {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ph-text) 25%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .msm-dierenpension-dagboek .pulse-heart {
    transition: none;
  }

  .msm-dierenpension-dagboek .pulse-heart__heart {
    transition: color 200ms ease;
  }

  .msm-dierenpension-dagboek .pulse-heart__roll {
    transition: none;
  }
}