@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;

html,
body {
    @apply h-full overflow-hidden;

    /* font-family: 'Liberation Sans', sans-serif; */
    /* font-family: 'Noto Sans', sans-serif; */
}

/* default theme */
/* @font-face {
    font-family: 'Liberation Sans', sans-serif;
    font-family: 'Noto Sans', sans-serif;
    src: url('/fonts/liberation/LiberationSans-Regular.ttf');
    src: url('/fonts/noto/NotoSans-Regular.ttf');
    font-display: swap;
} */

/* modern theme */
@font-face {
    font-family: 'Quicksand';
    src: url('/fonts/Quicksand.ttf');
    font-display: swap;
}

:root [data-theme='modern'] {
	/* --theme-rounded-base: 20px;
	--theme-rounded-container: 4px; */

    /* --theme-font-family-base: 'Liberation Sans', sans-serif; */
    /* --theme-font-family-heading: 'Liberation Sans', sans-serif; */
}

.card-footer {
    border-top: 1px solid hsla(0, 0%, 0%, 0.5);
    margin-top: 1em;
    padding-top: 1em;

    opacity: .5;
}

.ae_d_none {
    display: none;
}

/* Allow content to scroll horizontal if too wide */
.ae_h_scrollfix {
    max-width: 100%;
    overflow-x: auto;
}

/* These helps with the Skeleton Tailwind modal utility. */
.ae_modal_scrollfix {
    /* Allow modal content to scroll if it's too long */
    overflow-y: auto;
    max-height: 96vh;
    /* max-height: 99%; */

}


/* Deal with being in an iframe */
#appShell #shell-header.iframe {
    display: none;
}

#appShell #shell-footer.iframe {
    display: none;
}

body[data-theme]:has(#page.iframe) {
    background: none;
    background-image: none;
}

pre.pre_wrap {
    white-space: pre-wrap;
    word-break: normal;
    word-wrap: normal;

    border: none;

    max-width: 100%;
    overflow-x: auto;
}