.modal{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;background-color:#161516cc}.modal[aria-hidden=true]{display:none}.modal__inner{position:relative;width:100%;max-width:640px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem}.modal__inner:is(.dark *){background-image:radial-gradient(79.39% 71.29% at 71.03% 24.17%,#333035,#161516)}.modal__title{margin-bottom:2rem;text-align:center}.modal__close{position:absolute;top:.5rem;right:.5rem;border-style:none;padding:0;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.modal__close:hover{--tw-bg-opacity: 1;background-color:rgb(22 21 22 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 230 0 / var(--tw-text-opacity, 1))}.modal__close:focus{--tw-bg-opacity: 1;background-color:rgb(22 21 22 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 230 0 / var(--tw-text-opacity, 1))}.modal__close:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 230 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 21 22 / var(--tw-text-opacity, 1))}.modal__close:focus:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 230 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 21 22 / var(--tw-text-opacity, 1))}.modal__close svg{fill:currentColor}.modal--mobile,.modal--mobile .modal__inner{display:block;background-color:transparent}.modal--mobile:is(.dark *),.modal--mobile .modal__inner:is(.dark *){background-image:none}@media(min-width:768px){.modal--mobile,.modal--mobile .modal__inner{position:static}}.modal--mobile .modal__inner{max-width:none;transform:none}.modal--mobile .modal__close{display:none}.modal--mobile .modal__title{text-align:left}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form__w-full{grid-column:span 2 / span 2}input,textarea{display:block}textarea+p{margin-top:.5rem}.modal--demo-4{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modal--demo-4[aria-hidden=true]{display:grid}.modal--demo-4 .modal__inner{--tw-translate-y: 0px;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));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modal--demo-4.modal--hidden{pointer-events:none;touch-action:none;opacity:0}.modal--demo-4.modal--hidden .modal__inner{--tw-translate-y: 16rem;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));opacity:0}