html.mb-modal-open{overflow:hidden}.mb-modal{position:fixed;width:min(720px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:16px;background:var(--mb-wit);color:var(--mb-zwart);box-shadow:0 24px 64px color-mix(in srgb,var(--mb-zwart) 24%,transparent)}.mb-modal[open]{display:flex;flex-direction:column;animation:mb-modal-in .2s ease}.mb-modal::backdrop{background:color-mix(in srgb,var(--mb-zwart, #000) 55%,transparent)}@keyframes mb-modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mb-modal__sluit{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--mb-wit);color:var(--mb-zwart);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--mb-zwart) 16%,transparent);transition:background-color .15s ease}.mb-modal__sluit:hover{background:var(--mb-beige)}.mb-modal__sluit:focus-visible{outline:2px solid var(--mb-blauw);outline-offset:2px}.mb-modal__sluit span{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--mb-modal-sluit) center / contain no-repeat;mask:var(--mb-modal-sluit) center / contain no-repeat}.mb-modal__inhoud{position:relative;flex:1 1 auto;min-height:0}.mb-modal__frame{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .2s ease}.mb-modal.is-geladen .mb-modal__frame{opacity:1}.mb-modal__laden{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--mb-grijs);border-top-color:var(--mb-blauw);border-radius:50%;animation:mb-modal-draai .8s linear infinite}.mb-modal.is-geladen .mb-modal__laden{display:none}@keyframes mb-modal-draai{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.mb-modal{width:100vw;height:100dvh;border-radius:0}.mb-modal__sluit{top:calc(8px + env(safe-area-inset-top,0px));right:8px}}@media(prefers-reduced-motion:reduce){.mb-modal[open],.mb-modal__laden{animation:none}.mb-modal__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/mublio-modal.css.map */