.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.modal-container{position:relative;width:100%;max-width:32rem;border-radius:.5rem;padding:1.5rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 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);background-color:white}.modal-close{position:absolute;top:.5rem;right:.75rem;font-size:1.25rem;line-height:1.75rem;background:none;border:none;color:#4b5563;cursor:pointer}.modal-close:hover{color:#000000}.modal-content{margin-top:.5rem}