.modal__root{z-index:499;place-items:center;width:100vw;height:100vh;padding:20px;display:grid;position:fixed;top:0;left:0;overflow:hidden scroll}.modal__root .modal-backdrop{z-index:500;background-color:#0009;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal__root .modal-body{z-index:501;position:relative}.modal__root .modal-close-btn{cursor:pointer;background-color:#0000;border:none;padding:0;position:absolute;top:10px;right:10px}.modal__root .modal-close-btn svg{width:30px}.modal__root--drawer{padding:0 12px calc(12px + env(safe-area-inset-bottom));place-items:end center;overflow:hidden}.modal__root--drawer .modal-backdrop{background-color:#0006}.modal__root--drawer .modal-body--drawer{z-index:501;border-radius:16px;flex-direction:column;width:min(100%,560px);max-height:95vh;display:flex;position:relative;overflow-y:auto}.modal__root--drawer .modal-drawer-handle{background-color:#d0d5dd;border-radius:999px;flex-shrink:0;width:100px;height:4px;margin:16px auto 0}.modal__root--drawer .modal-close-btn{top:12px;right:12px}.modal__root--hide-scrollbar,.modal__root--hide-scrollbar .modal-body--drawer{scrollbar-width:none}.modal__root--hide-scrollbar::-webkit-scrollbar{display:none}.modal__root--hide-scrollbar .modal-body--drawer::-webkit-scrollbar{display:none}