.modal{display:flex;height:100%;left:0;overflow:hidden;padding:4rem 1.25rem;position:fixed;right:0;top:0;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10002}.modal-enter-from .modal,.modal-leave-to .modal{transform:scale(1.1)}@media (min-width:768px){.modal{top:0;right:0;bottom:0;left:0}}.modal__container{display:flex;height:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1);width:100%}.modal__content{position:relative;width:100%;z-index:50}.modal__body{margin-bottom:auto;margin-top:auto;width:auto}.modal__close{position:fixed;right:1.25rem;top:1.25rem;z-index:50;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal__close:hover{--tw-text-opacity:1;color:rgb(33 116 68/var(--tw-text-opacity,1))}.modal__icon{height:2.5rem;width:2.5rem}.modal__overlay{background-color:#000000b3;top:0;right:0;bottom:0;left:0;position:fixed;z-index:40}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}