html,
body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
}

@media print {
    samo-debugger,
    [data-tippy-root],
    samo-tooltip {
        display: none !important;
    }

    html, body {
        background-color: white !important;
        --primary-color: black ;
        --primary-light-color: rgb(136, 136, 136) ;
        --primary-color-text: white ;
        --accent-color: black ;
        --primary-dark-color: black;
    }
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Thin.ttf)
        format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-ThinItalic.ttf)
        format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Light.ttf)
        format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-LightItalic.ttf)
        format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Regular.ttf)
        format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Italic.ttf)
        format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Medium.ttf)
        format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-MediumItalic.ttf)
        format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Bold.ttf)
        format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-BoldItalic.ttf)
        format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-Black.ttf)
        format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/roboto/Roboto-BlackItalic.ttf)
        format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-Thin.ttf)
        format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-ThinItalic.ttf)
        format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-Light.ttf)
        format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-LightItalic.ttf)
        format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-Regular.ttf)
        format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-Italic.ttf)
        format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-Medium.ttf)
        format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-MediumItalic.ttf)
        format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-Bold.ttf)
        format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url(./node_modules/@polymer/font-roboto-local/fonts/robotomono/RobotoMono-BoldItalic.ttf)
        format('truetype');
    font-weight: 700;
    font-style: italic;
}