.modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s ease}.modal--open{opacity:1;pointer-events:all}.modal__backdrop{position:absolute;inset:0;background:#1118274d;cursor:pointer}.modal__content{position:relative;background:#fff;padding:1.5rem;border-radius:24px;width:95%;max-width:42rem;max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 2px 16px #10121a0a;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.modal--open .modal__content{transform:translateY(0)}.modal__topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal__close-icon{width:1.5rem;height:1.5rem;color:#111827;cursor:pointer;transition:color .24s ease-in-out}.modal__close-icon:hover{color:#4f5bd5}.modal__close-icon:active{color:#3b46b5}body.no-scroll{overflow:hidden}