@import "tailwindcss/base";
/* @import "./custom-base-styles.css";*/

@import "tailwindcss/components";
@import "./custom-components.css";

@import "tailwindcss/utilities";
/* @import "./custom-utilities.css";*/

@font-face {
    font-family: 'Inter';
    src: url('/public/assets/fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
    font-weight: 100 900; /* Set the range of available weights */
    font-style: normal;
    font-display: swap;
}

/* https://alpinejs.dev/directives/cloak */
[x-cloak] {
    display: none !important;
}

@media (max-width: 639px) {
    .sm-only\:hidden {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .md-only\:hidden {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .lg-only\:hidden {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    .xl-only\:hidden {
        display: none !important;
    }
}

@media (max-width: 1535px) {
    .xxl-only\:hidden {
        display: none !important;
    }
}