@import 'tailwindcss';

@source '../views/layouts/mobile.blade.php';
@source '../views/components/mobile';
@source '../views/livewire/mobile';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

[x-cloak] {
    display: none !important;
}

/* iOS Safari gives date inputs an intrinsic width that overflows two-column grids. */
input[type='date'] {
    min-width: 0;
    display: block;
    -webkit-appearance: none;
    appearance: none;
}

html {
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none;
}

@keyframes mobile-navigate-out {
    to {
        opacity: 0;
    }
}

@keyframes mobile-navigate-in {
    from {
        opacity: 0;
        transform: translateX(0.75rem);
    }
}

html:active-view-transition-type(navigate)::view-transition-old(livewire-navigate) {
    animation: mobile-navigate-out 120ms ease-in both;
}

html:active-view-transition-type(navigate)::view-transition-new(livewire-navigate) {
    animation: mobile-navigate-in 200ms ease-out both;
}