:root{--modal-width-sm:24rem;--modal-width-md:28rem;--modal-width-lg:32rem;--modal-width-xl:56rem;--modal-width-full:calc(100vw - 2rem);--modal-width-mobile:calc(100vw - 2rem);--modal-padding:1.5rem;--modal-gap:1.5rem;--modal-border-radius:0.75rem;--modal-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--modal-backdrop:rgb(0 0 0/0.5);--modal-animation-duration:200ms;--modal-animation-easing:cubic-bezier(0.4,0,0.2,1);--modal-backdrop-z:50;--modal-content-z:51}.dark{--modal-backdrop:rgb(0 0 0/0.7)}.modal-backdrop{background-color:var(--modal-backdrop)}.modal-size-sm{width:var(--modal-width-sm)}.modal-size-md,.modal-size-sm{max-width:var(--modal-width-mobile)}.modal-size-md{width:var(--modal-width-md)}.modal-size-lg{width:var(--modal-width-lg)}.modal-size-lg,.modal-size-xl{max-width:var(--modal-width-mobile)}.modal-size-xl{width:var(--modal-width-xl)}.modal-size-full{width:var(--modal-width-full);max-width:var(--modal-width-full)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (min-width:640px){.modal-size-sm{max-width:var(--modal-width-sm)}.modal-size-md{max-width:var(--modal-width-md)}.modal-size-lg{max-width:var(--modal-width-lg)}.modal-size-xl{max-width:var(--modal-width-xl)}}