.modal-open{overflow:hidden}.modal{z-index:9999}.modal,.modal-overlay{position:fixed;inset:0}.modal-overlay{background-color:#00000080}.modal__container{position:fixed;inset:0;z-index:1;overflow-x:hidden;overflow-y:scroll}.modal__content{display:flex;min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px);align-items:flex-start}@media(max-width:767px){.modal__content{min-height:100vh;min-height:100dvh;align-items:flex-end}}@media(min-width:768px){.modal__content{margin-block:20px;padding-inline:20px}.modal__content.is-center{align-items:center}}.modal__dialog{position:relative;z-index:1;width:100%;max-width:var(--modal-dialog-maxwidth,500px);background-color:#fff;margin:0 auto;border-radius:16px;overflow:var(--modal-dialog-overflow,unset);outline:none}.modal__dialog.is-swiping *{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.modal__dialog{max-height:90vh;max-height:90dvh;overflow-y:scroll;border-radius:16px 16px 0 0}}.modal__drag{position:fixed;display:block;left:0;right:0;height:40px;z-index:1;touch-action:none}.modal__drag:after{content:"";position:absolute;top:5px;left:0;right:0;margin:auto;height:5px;width:50px;background-color:#ccc;border-radius:5px}@media(min-width:768px){.modal__drag{display:none}}.modal__close{position:absolute;z-index:2;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#8f92a1;background-color:#f2f5f6;border:none;border-radius:8px;outline:none;cursor:pointer}.modal__close:focus-visible{box-shadow:0 0 0 3px #0052cc80}.modal__close:hover{background-color:#f2f6fc}.modal__close:active{background-color:#e5edfa}.modal__close svg{flex-shrink:0;display:block;width:12px;height:12px}.modal__header{padding:var(--modal-header-padding,24px 50px 24px 24px);font-size:var(--modal-header-fontsize,20px);font-weight:var(--modal-header-fontweight,700)}.modal__body{padding:var(--modal-body-padding,24px)}.modal__footer{padding:var(--modal-footer-padding,24px)}.modal-overlay-enter-active,.modal-overlay-leave-active{transition:opacity .3s ease}.modal-overlay-enter-from,.modal-overlay-leave-to{opacity:0}.modal-dialog-enter-active,.modal-dialog-leave-active{transition:.25s ease;transition-property:opacity,transform}.modal-dialog-enter-from{opacity:0;transform:translateY(50dvh)}@media(min-width:768px){.modal-dialog-enter-from{transform:scale(.95)}}.modal-dialog-leave-to{opacity:0;transform:translateY(50dvh)}@media(min-width:768px){.modal-dialog-leave-to{transform:scale(1.15)}}