.mp-modal-backdrop{position:fixed;inset:0;z-index:9998;background-color:rgb(0 0 0 / .4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}.mp-modal-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.mp-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}.mp-modal.is-open{opacity:1;visibility:visible;pointer-events:none}.mp-modal__viewport{position:relative;width:100%;max-width:32rem;max-height:calc(100dvh - 2rem);overflow:auto;pointer-events:auto;-webkit-overflow-scrolling:touch}.mp-modal__inner{position:relative;width:100%;background-color:#fff;border-radius:1.25rem;box-shadow:0 1.25rem 3.75rem rgb(16 24 40 / .18)}.mp-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;background:#fff0;color:#414651;font-size:1.75rem;line-height:1;cursor:pointer;transition:color 0.2s ease,background-color 0.2s ease}.mp-modal__close:hover{color:#181d27;background-color:#f5f5f5}.mp-modal__close:focus-visible{outline:2px solid #b5964d;outline-offset:2px}.mp-modal__close.is-hidden,.mp-modal__close.hidden{display:none}body.mp-modal-open{overflow:hidden}@media (max-width:40rem){.mp-modal{padding:.75rem}.mp-modal__viewport{max-height:calc(100dvh - 1.5rem)}}