:root {
    --transparent: #00000000;
    --background: #fcfcfc;
    --textBody: #757575;
    --buttonBorder: #0000001a;
    --buttonBackground: #ffffff60;
    --buttonHover: #0000000a;
    --accent: #000000;
}
@media (prefers-color-scheme: light) {
    :root {
        --background: #fcfcfc;
        --textBody: #757575;
        --buttonBorder: #0000001a;
        --buttonBackground: #ffffff60;
        --buttonHover: #0000000a;
        --accent: #000000;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --background: #000000;
        --textBody: #6e6e6e;
        --buttonBorder: #ffffff16;
        --buttonBackground: #0a0a0a80;
        --buttonHover: #ffffff12;
        --accent: #e1e1e1;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: noto sans mono, monospace;
    font-weight: 500;
}
html {
    background-color: var(--background);
}
html,
body {
    margin: 0;
    user-select: none;
    -webkit-user-select: none;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100%;
    overflow: auto;
    -webkit-tap-highlight-color: var(--transparent);
    /*background-color: var(--background);*/
    background-color: black;
}
:focus {
    outline-color: var(--accent);
}
img,
svg {
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
}
.tabler-icon {
    stroke: var(--textBody);
}
.rectangle-shape {
    box-shadow: inset 0 0 0 0.1rem var(--buttonBorder);
    border-radius: 0.6rem;
    background: var(--buttonBackground);
    display: flex;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.outer-border {
    box-shadow: 0 0 0 0.1rem var(--buttonBorder);
}
button {
    background: 0 0;
    background-color: none;
    border: none;
}
.button {
    cursor: pointer;
    position: relative;
}
.button:hover::after {
    content: "";
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--buttonHover);
    border-radius: 0.6rem;
}