.f-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.f-modal{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--f-radius-lg);box-shadow:var(--f-shadow-xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);position:relative;width:100%}.f-modal--small{max-width:400px}.f-modal--medium{max-width:600px}.f-modal--large{max-width:800px}.f-modal--xl{max-width:1200px}.f-modal--fullscreen{border-radius:0;height:100%;max-height:100%;max-width:100%}.f-modal-header{align-items:center;border-bottom:1px solid hsl(var(--border));display:flex;justify-content:space-between;padding:1.5rem}.f-modal-header-content{flex:1;gap:1rem}.f-modal-header-content,.f-modal-header-left{align-items:center;display:flex}.f-modal-title h2{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;margin:0}.f-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius);color:hsl(var(--muted-foreground));cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.f-modal-close:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.f-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.f-modal-body--no-padding{padding:0}.f-modal-footer{border-top:1px solid hsl(var(--border));display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-active .f-modal,.modal-leave-active .f-modal{transition:transform .3s ease,opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .f-modal,.modal-leave-to .f-modal{opacity:0;transform:scale(.9)}@media (max-width:640px){.f-modal-overlay{align-items:flex-end;padding:0}.f-modal:not(.f-modal--fullscreen){border-radius:var(--f-radius-lg) var(--f-radius-lg) 0 0;height:auto;margin:0;max-height:90vh;max-width:100%;width:100%}.f-modal-body{max-height:calc(90vh - 8rem)}}