@import 'tailwindcss' prefix(tw) important;
@source '../node_modules/@shlinkio/shlink-frontend-kit';
@import '@shlinkio/shlink-frontend-kit/tailwind.preset.css';

@utility scroll-thin {
    /* Standard. New browsers */
    scrollbar-width: thin;

    /* Fallback */
    &::-webkit-scrollbar {
        width: 6px;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: .5rem;
    }
}

@layer base {
    :root {
        --header-height: 56px;
        --footer-height: 2.3rem;
        --footer-margin: .8rem;

        /* Width of ShlinkWebComponent's side menu when not collapsed */
        --aside-menu-width: 260px;
    }
}