* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
    font-family: 'Roboto', sans-serif;
    -webkit-tap-highlight-color: var(--white-color-alpha-0);
}

*:not(button) {
    outline: 0 !important;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    overflow: hidden;
    min-width: 600px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--color-neutral-95);
    color: var(--color-neutral-mix-white-200);
}

a {
    color: #337ab7;
    text-decoration: none;
}

*::selection {
    background-color: #97dcd5;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}


/* Utility classes. Should be replaced by ready-made ones from Tailwind CSS. */

.border-none {
    border: none !important;
}

.hidden {
    display: none;
}

.m-0 {
    margin: 0 !important;
}