.modal__root{z-index:499;place-items:center;width:100%;height:100dvh;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden scroll}.modal__root .modal-backdrop{z-index:500;background-color:#0009;width:auto;height:auto;position:fixed;inset: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;width:min(100%,560px);max-height:min(95vh, calc(100vh - 12px - env(safe-area-inset-bottom,0px)));max-height:min(95dvh, calc(100svh - 12px - env(safe-area-inset-bottom,0px)));border-radius:16px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.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--drawer .modal-body--drawer>form{min-height:0;max-height:100%}.modal__root--hide-scrollbar,.modal__root--hide-scrollbar .modal-body--drawer,.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}.modal__root--hide-scrollbar .modal-body--drawer ::-webkit-scrollbar{display:none}