.modal-background{position:fixed;top:0;left:0;bottom:0;right:0;z-index:30;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.7}.modal-foreground{width:83.333333%;overflow-y:auto;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1024px){.modal-foreground{width:740px}}.modal-foreground:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(65 64 64/var(--tw-bg-opacity,1))}.modal-background.fade-in{animation:fadeIn .4s ease-in-out}.modal-foreground.slide-in{animation:slideIn .4s ease-out}.modal-background.fade-out{animation:fadeOut .4s ease-in-out}.modal-foreground.slide-out{animation:slideOut .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10%);opacity:0}}