.modal{position:fixed;inset:0;z-index:10;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background-color:rgb(155 155 155/var(--tw-bg-opacity));--tw-bg-opacity:0.35;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-container{width:calc(100% - 1rem * 2);border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(44 44 44/var(--tw-bg-opacity));padding:.75rem .75rem 2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.modal[data-modal-size=xs] .modal-container{width:min(400px,100% - 1rem * 2)}.modal[data-modal-size=sm] .modal-container{width:min(600px,100% - 1rem * 2)}.modal[data-modal-size=md] .modal-container{width:min(900px,100% - 1rem * 2)}.modal[data-modal-size=lg] .modal-container{width:min(1200px,100% - 1rem * 2)}.open{display:flex}.close{display:none}