.ModalShell__Overlay{position:fixed;inset:0;z-index:1000;background:var(--color-black-overlay);opacity:0;transition:opacity .3s ease-in-out}.ModalShell__Overlay--after-open{opacity:1}.ModalShell__Overlay--before-close{opacity:0}.ModalShell__Content{position:fixed;z-index:1001;background:var(--color-white);outline:none}.ModalShell__Content--drawer{top:0;right:-509px;bottom:0;display:flex;width:509px;flex-direction:column;justify-content:center;padding:62px 45px;transition:right .3s ease-in-out}.ModalShell__Content--mobile{inset:0;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease-in-out}.ModalShell__Content--fullscreen{inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-black-pure);opacity:0;transition:opacity .3s ease-in-out}.ModalShell__Content--drawer.ModalShell__Content--after-open{right:0}.ModalShell__Content--drawer.ModalShell__Content--before-close{right:-509px}.ModalShell__Content--mobile.ModalShell__Content--after-open{transform:translateX(0)}.ModalShell__Content--mobile.ModalShell__Content--before-close{transform:translateX(100%)}.ModalShell__Content--fullscreen.ModalShell__Content--after-open{opacity:1}.ModalShell__Content--fullscreen.ModalShell__Content--before-close{opacity:0}.ModalShell__Close{position:absolute;top:.75rem;right:.75rem;cursor:pointer;border:1px solid var(--color-grey-light);border-radius:9999px;padding:.625rem}@media (max-width:1024px){.ModalShell__Content--drawer{width:100%}}