html,

body {

    min-height: 100%;

}



*,

*::before,

*::after {

    box-sizing: border-box;

}



body {

    background: var(--auth-page-background);

    color: var(--text-color);

    font-family: "Google Sans Flex", Arial, sans-serif;

    font-size: var(--font-size-base);

    font-weight: var(--font-weight-regular);

    line-height: 1.5;

    font-feature-settings: "rlig" 1, "calt" 1;

    font-optical-sizing: auto;

    margin: 0;

    padding: 0;

    scroll-behavior: smooth;

}

.heroicon {

    display: block;

    width: 1em;

    height: 1em;

    flex: 0 0 1em;

    fill: none;

    stroke: currentColor;

}