.modal.wrapper{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;width:100%;animation-name:fadeIn;animation-duration:.15s;animation-timing-function:ease-in;padding:0 1rem}.modal.wrapper.closing{animation-name:fadeOut;animation-duration:.15s;animation-timing-function:linear}.modal.wrapper.closing>.content{animation-name:zoomOut;animation-duration:.15s;animation-timing-function:linear}.modal.wrapper>.content{margin:1rem;z-index:50;background:var(--bg-light);color:var(--text);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);width:100%;max-width:568px}.modal.wrapper>.underlay{position:fixed;background:var(--bg-underlay);height:100%;width:100%;z-index:45}