/* Universal Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: auto;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: transparent;
    background-color: transparent;
}

/* Container Base */
.container {
    width: 100%;
    height: 100vh;
    display: flex;
    padding: 0;
    box-sizing: border-box;
}

/* Make Vega containers fill space */
#vis-map > div,
#vis-map canvas,
#vis-map svg,
#vis-chart > div,
#vis-chart canvas,
#vis-chart svg {
    width: 100% !important;
    height: 100% !important;
}

/* Vega tooltip styling */
#vg-tooltip-element {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 100 !important;
}

#vg-tooltip-element .key {
    font-weight: 500 !important;
}