.mcs{--mcs-paars:#8b00e3;--mcs-paars-h:#ac49eb;--mcs-tekst:#1d1d1d;--mcs-sub:#6d7390;--mcs-lav:#f3edfa;--mcs-groen:#3c9a2a;position:fixed;z-index:990;font-family:DM Sans,system-ui,sans-serif;color:var(--mcs-tekst);-webkit-font-smoothing:antialiased}.mcs *{box-sizing:border-box;margin:0;padding:0}.mcs__kaart{background:#fff;border:1px solid #f4f4f4;border-radius:24px;box-shadow:0 18px 48px -12px #34164747,0 4px 12px #0000000f;overflow:hidden}.mcs__beeld{position:relative;aspect-ratio:2/1;background:#e9e0fb;overflow:hidden}.mcs__beeld img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mcs__beeld svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mcs__score{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:8px 12px 8px 14px;box-shadow:0 6px 16px -6px #3416474d;opacity:0;transform:translateY(8px)}.mcs__getal{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;color:#2a0f3d;font-variant-numeric:tabular-nums}.mcs__getal small{font-size:13px;font-weight:500;color:var(--mcs-sub);letter-spacing:0;margin-left:1px}.mcs__label{display:inline-flex;align-items:center;gap:6px;background:#e9f5e4;color:#2f7a21;font-size:13px;font-weight:600;border-radius:99px;padding:5px 10px}.mcs__label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mcs-groen)}.mcs__tekst{padding:18px 20px 20px}.mcs__kop{font-size:21px;font-weight:600;line-height:1.15;letter-spacing:-.01em;text-transform:none}.mcs__sub{margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--mcs-sub)}.mcs__knop{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:99px;background:var(--mcs-paars);color:#fff!important;font-size:15.5px;font-weight:700;text-decoration:none!important;transition:background .2s ease-out,transform .2s ease-out}.mcs__knop:hover{background:var(--mcs-paars-h);transform:translateY(-1px)}.mcs__knop svg{width:18px;height:18px}.mcs__micro{margin-top:10px;text-align:center;font-size:12.5px;color:var(--mcs-sub)}.mcs__sluit{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border:0;border-radius:50%;background:#ffffffeb;color:#40436d;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #0000001f}.mcs__sluit svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;display:block}.mcs__balk{display:none}.mcs .mcs-lijn{stroke-dasharray:1;stroke-dashoffset:1}.mcs .mcs-punt,.mcs .mcs-paar,.mcs .mcs-marge{opacity:0}.mcs.is-meet .mcs-marge{animation:mcs-in .5s ease-out forwards}.mcs.is-meet .mcs-punt{animation:mcs-pop .35s cubic-bezier(.2,.9,.3,1.4) forwards;transform-box:fill-box;transform-origin:center}.mcs.is-meet .mcs-paar{animation:mcs-in .4s ease-out forwards}.mcs.is-meet .mcs-lijn{animation:mcs-teken 1.1s ease-out .55s forwards}.mcs.is-meet .mcs__score{animation:mcs-op .45s ease-out 1.5s forwards}.mcs .mcs__label{opacity:0;transform:scale(.8)}.mcs.is-meet .mcs__label{animation:mcs-pop .35s cubic-bezier(.2,.9,.3,1.4) 2.45s forwards}@keyframes mcs-teken{to{stroke-dashoffset:0}}@keyframes mcs-in{to{opacity:1}}@keyframes mcs-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes mcs-op{to{opacity:1;transform:none}}@media(min-width:750px){.mcs{right:24px;bottom:96px;width:372px;transform:translate(calc(100% + 40px));opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease-out;pointer-events:none}.mcs.is-open{transform:none;opacity:1;pointer-events:auto}.mcs.is-dicht{transform:translate(calc(100% + 40px));opacity:0;transition:transform .3s ease-in,opacity .25s ease-in}}@media(max-width:749.98px){.mcs{left:10px;right:10px;bottom:88px;transform:translateY(calc(100% + 30px));transition:transform .45s cubic-bezier(.16,1,.3,1)}.mcs.is-open{transform:none}.mcs.is-dicht{transform:translateY(calc(100% + 30px));transition:transform .3s ease-in}.mcs__kaart{display:none}.mcs.is-groot{bottom:10px;z-index:2147483000}.mcs.is-groot .mcs__kaart{display:block}.mcs.is-groot .mcs__balk{display:none}.mcs__balk{display:flex;align-items:center;gap:4px;width:100%;background:#fff;border:1px solid #f0eaf7;border-radius:20px;padding:8px 6px 8px 8px;box-shadow:0 14px 36px -10px #34164759,0 3px 10px #0000000f}.mcs__balkknop{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.mcs__duim{position:relative;flex:0 0 84px;height:60px;border-radius:12px;overflow:hidden;background:#e9e0fb}.mcs__duim img{width:100%;height:100%;object-fit:cover;display:block}.mcs__duim svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mcs__duim b{position:absolute;right:4px;bottom:4px;background:#fff;border-radius:7px;font-size:12px;font-weight:700;color:#2a0f3d;padding:1px 6px}.mcs__balktekst{flex:1;min-width:0}.mcs__balktekst strong{display:block;font-size:15px;font-weight:600;line-height:1.25}.mcs__balktekst span{display:block;margin-top:2px;font-size:12.5px;color:var(--mcs-sub)}.mcs__pijl{flex:0 0 38px;height:38px;border-radius:50%;background:var(--mcs-paars);display:grid;place-items:center}.mcs__pijl svg{width:18px;height:18px;color:#fff}.mcs__balksluit{flex:0 0 28px;height:28px;border:0;background:none;color:#8a8fa8;display:grid;place-items:center;margin-left:-4px}.mcs__balksluit svg{width:16px;height:16px}.mcs.is-groot:before{content:"";position:fixed;top:-100vh;right:-10px;bottom:-10px;left:-10px;background:#15091c59;z-index:-1;animation:mcs-in .3s ease-out forwards;opacity:0}.mcs__kop{font-size:20px}}@media(prefers-reduced-motion:reduce){.mcs,.mcs.is-open,.mcs.is-dicht{transition:opacity .2s linear!important}.mcs .mcs-lijn{stroke-dashoffset:0!important;animation:none!important}.mcs .mcs-punt,.mcs .mcs-paar,.mcs .mcs-marge,.mcs .mcs__score,.mcs .mcs__label{opacity:1!important;transform:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/matrascheck-slidein.css.map */