@import url("../tokens/base.tokens.css");
@import url("../tokens/asset.tokens.css");
@import url("../tokens/icon.tokens.generated.css");
@import url("../tokens/tab.tokens.css");
@import url("../tokens/card.tokens.css");
@import url("../effects/element.effect.css");
@import url("../effects/overlay.effect.css");
@import url("../effects/reference.effect.css");
@import url("../effects/walk.effect.css");
@import url("./page.style.css");
@import url("./element.style.css");
@import url("./menu.style.css");
@import url("./company.style.css");
@import url("./home.style.css");
@import url("./home.fragment.style.css");
@import url("./document.style.css");
@import url("./block.style.css");
@import url("./card.style.css");
@import url("./panel.style.css");
@import url("./code.style.css");
@import url("./overlay.style.css");
@import url("./tab.style.css");
@import url("./section.style.css");
@import url("./grid.style.css");
@import url("./chapter.style.css");
@import url("./glossary.style.css");
@import url("./ontology.style.css");
@import url("./anatomy.style.css");
@import url("./markdown.style.css");
@import url("./diagram.style.css");
@import url("./walk.style.css");
@import url("./metric.style.css");
@import url("./link.style.css");
@import url("./keyword.style.css");
@import url("./checklist.style.css");
@import url("./grammar.style.css");
@import url("./table.style.css");
@import url("./reference.style.css");

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}

body {
    background-color: var(--banes-lab-main);
    font-family: var(--font-family-base);
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    touch-action: pan-x pan-y;
    word-spacing: var(--word-spacing-mono);
}

@supports (padding: env(safe-area-inset-top)) {
    body {
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
            env(safe-area-inset-left);
    }
}

a {
    text-decoration: none;
}

pre,
code {
    word-spacing: 0;
}

img {
    display: block;
    max-width: var(--percent-full);
}

::-webkit-scrollbar {
    width: 0;
}

.site-background {
    height: var(--percent-full);
    left: 0;
    object-fit: cover;
    object-position: center center;
    position: fixed;
    top: 0;
    width: var(--percent-full);
    z-index: var(--z-below);
}