html,
body,
#root {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

html {
    box-sizing: border-box;
    height: 100%;
    font-size: inherit;
    min-height: 100%;
}

:focus {
    outline: none;
}

body {
    height: 100%;
    min-height: 100%;
}

:root {
    --theme-transition-duration: 200ms; /* sync with TRANSITION_TIME_IN_SECONDS constant, that is passed to ThemeProvider */
    --theme-transition-duration-and-function: var(--theme-transition-duration) linear;
    --theme-transition: background-color var(--theme-transition-duration-and-function),
        color var(--theme-transition-duration-and-function), border-color var(--theme-transition-duration-and-function);
}

* {
    transition: var(--theme-transition);
}