.mf{--gold:#49243e;--line:rgba(27,20,24,.16)}.mf-tabs{justify-self:start}.mf-mailkop{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 18px;background:#fff;border-bottom:1px solid rgba(27,20,24,.08)}.mf-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#49243e;color:#f2e6b1;display:grid;place-items:center;font:600 13px/1 var(--lp-body);letter-spacing:.04em}.mf-mailkop-tekst{display:grid;gap:2px;min-width:0}.mf-van{display:flex;gap:8px;align-items:baseline;font-size:13.5px;color:var(--lp-ink)}.mf-van span{color:var(--lp-muted);font-size:12.5px}.mf-onderwerp{font-weight:600;font-size:15px;color:var(--lp-ink)}.mf-onderwerp,.mf-proef{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-proef{font-size:13px;color:var(--lp-muted)}.mf-laden{position:absolute;right:14px;top:14px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#49243e;background:#f2e6b1;border-radius:999px;padding:4px 9px}.mf-mailvak{background:#f4efe9}.mf-schaal{position:absolute;left:0;top:0;transform-origin:0 0}.mf-schaal>div{border:0!important;border-radius:0!important}.mf-tal{font-size:11.5px;opacity:.6;margin-left:2px}.mf-strook{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 24px 3px 3px;margin:-3px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.mf-strook::-webkit-scrollbar{display:none}.mf-strook .fb-chip{flex:0 0 auto;white-space:nowrap}.mf-bonraam{background:radial-gradient(120% 90% at 85% 0,#f2e6b1 0,#faf6e6 45%,#fff 100%)}.mf-bonvak{position:relative;aspect-ratio:680/500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(18px,5%,40px)}.mf-kaart{width:min(460px,92%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mf-bonvak:hover .mf-kaart{transform:rotate(-1.2deg) translateY(-3px)}.mf-verstuurd{width:min(520px,100%);display:flex;gap:12px;align-items:center;background:#fff;border:1px solid rgba(27,20,24,.1);border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px -24px rgba(53,26,45,.45);animation:mf-in .35s cubic-bezier(.2,.8,.2,1)}.mf-verstuurd b{display:block;font-size:14.5px;color:#49243e}.mf-verstuurd p{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:var(--lp-muted)}.mf-vink{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#a0ac4f;color:#2f1729;display:grid;place-items:center;font-weight:700}.mf-opnieuw{flex:0 0 auto;margin-left:auto;border:1px solid rgba(27,20,24,.14);background:#fff;border-radius:999px;padding:7px 12px;font:500 13px/1 var(--lp-body);color:var(--lp-ink);cursor:pointer}.mf-opnieuw:hover{border-color:#49243e}@keyframes mf-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mf-kaarten{align-items:center}.mf-mini{flex:0 0 auto;width:62px;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.mf-mini:hover{transform:translateY(-1px)}.mf-kleur{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(27,20,24,.14);border-radius:999px;padding:4px 12px 4px 5px;font:500 13px/1 var(--lp-body);color:var(--lp-ink);cursor:pointer;white-space:nowrap}.mf-kleur.mf-aan{border-color:#49243e;box-shadow:0 0 0 1px #49243e}.mf-kleur input{width:24px;height:24px;border:0;padding:0;border-radius:50%;background:none;cursor:pointer}.mf-kleur input::-webkit-color-swatch-wrapper{padding:0}.mf-kleur input::-webkit-color-swatch{border:1px solid rgba(0,0,0,.12);border-radius:50%}.mf-kleur input::-moz-color-swatch{border:1px solid rgba(0,0,0,.12);border-radius:50%}.mf-veld{border:1px solid rgba(27,20,24,.14);background:#fff;color:var(--lp-ink);border-radius:999px;padding:8px 14px;font:500 14px/1.2 var(--lp-body);min-width:0;width:min(260px,100%);outline:none}.mf-veld:focus{border-color:#49243e}.mf-veld-kort{width:90px}@media (max-width:560px){.mf-mailkop{padding:12px 14px}.mf-avatar{width:32px;height:32px}.mf-bonvak{aspect-ratio:auto;min-height:260px;padding:24px 16px;gap:14px}.mf-verstuurd{flex-wrap:wrap}.mf-opnieuw{margin-left:42px}}@media (prefers-reduced-motion:reduce){.mf-kaart,.mf-verstuurd{transition:none;animation:none}.mf-bonvak:hover .mf-kaart{transform:none}}