body{display:flex;flex-direction:column;height:100vh;margin:0}.input{background-clip:padding-box;border-radius:.25rem;border-style:solid;border-width:1px;display:block;font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:0;padding:.5rem 1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.input,.input:focus{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.input:focus{outline:2px solid transparent;outline-offset:2px}.modal{align-items:center;bottom:0;justify-content:center;left:0;right:0;top:0;z-index:50}.modal-background{height:100%;position:fixed;top:0;width:100%;z-index:10}.modal-wrapper{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:1rem;width:24rem;z-index:20}