.modal{align-items:center;height:100vh;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;width:100vw;z-index:50}.modal,.modal__container{display:flex}.modal__container{flex-direction:column;max-height:100vh;overflow-y:auto;position:relative;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@media (min-width:768px){.modal__container{max-width:36rem}}.modal__content{display:flex;flex-direction:column;gap:1rem;padding:3rem}.modal__close{inset-inline-start:1.5rem;position:absolute;top:1.5rem}