.modal-enter-active,.modal-leave-active{transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-enter-active .modal__content,.modal-leave-active .modal__content{transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal__content,.modal-leave-to .modal__content{--tw-translate-y:3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal{align-items:flex-end;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1000;--tw-bg-opacity:.5}@media (min-width:64rem){.modal{align-items:center}}.modal__content{border-top-left-radius:2rem;border-top-right-radius:2rem;position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:64rem){.modal__content{border-radius:2rem}}.modal__close{background-image:none;border-style:none;cursor:pointer;font-size:1.5rem;height:1.75rem;line-height:.75rem;position:absolute;right:1rem;top:1rem;width:1.75rem}.modal-opened{overflow:hidden}.modal-close{background-image:none;border-style:none;cursor:pointer;font-size:1.5rem;height:1.75rem;line-height:.75rem;position:absolute;right:1rem;top:1rem;width:1.75rem}