.modal{z-index:10002;width:100%;height:100%;padding:4rem 1.25rem;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}@media (width>=768px){.modal{inset:0}}.modal__container{justify-content:center;width:100%;height:100%;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,1,1);display:flex;overflow:hidden auto}.modal__content{z-index:50;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:10px;width:100%;padding:20px;position:relative}@media (width>=768px){.modal__content{padding:40px}}.modal__body{width:100%;margin-top:auto;margin-bottom:auto}@media (width>=1024px){.modal__body{width:600px}}.modal__close{z-index:50;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;top:1.25rem;right:1.25rem}.modal__close:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal__icon{width:2.5rem;height:2.5rem}.modal__overlay{z-index:40;background-color:#001231e6;position:fixed;inset:0}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}