html {
    color: var(--text);
    background: var(--app-bg);
    text-shadow: 0px 1px 1px var(--app-text-shadow);
    font-family: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

svg text,
svg textPath {
    text-shadow: none;
    transform: translateZ(0);
}

code,
kbd,
samp,
pre {
    font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
}

* {
    writing-mode: inherit;
}

button {
    -webkit-appearance: none;
    writing-mode: inherit !important;
}

*::-webkit-scrollbar {
    width: 0.75rem;
    height: 0.75rem;
}

*::-webkit-scrollbar-thumb {
    border-radius: 9999px;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
    background: var(--layer1);
    border: 1px solid var(--layer0);
    border-radius: 9999px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--layer4);
    border: 3px solid var(--layer1);
}

table,
td,
th {
    border: 1px solid var(--layer2);
}

:root {
}

#loader {
    display: grid;
    place-items: center;
    width: 100vw;
    height: 100vh;
    /* -webkit-app-region: drag; */
}
#loader > img {
    grid-area: 1 / 1;
    width: 50vmin;
    height: 50vmin;
}

:root {
}

hr {
    border-color: #fff2;
    margin-block: 0.5em;
}