@import 'tailwindcss';

@source '../../vendor/filament/**/*.blade.php';

@custom-variant dark (&:is(.dark *));

@utility container {
    margin-inline: auto;
    @media (width >= --theme(--breakpoint-sm)) {
        max-width: none;
    }
    @media (width >= 640px) {
        max-width: 640px;
    }
    @media (width >= 768px) {
        max-width: 768px;
    }
    @media (width >= 1024px) {
        max-width: 1024px;
    }
    @media (width >= 1296px) {
        max-width: 1296px;
    }
    @media (width >= 1536px) {
        max-width: 1536px;
    }
}

.fi-in-repeatable-item .fi-fo-component-ctn.gap-6 {
    gap: 0.3rem;
}