@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("/static/css/assets/fonts/MaterialIcons/woff2/Material_Icons-400-fallback.woff2?84e0f122107a") format("woff2"), url("/static/css/assets/fonts/MaterialIcons/ttf/Material_Icons-400.ttf?84e0f122107a") format("truetype");
}

h1,
h2,
h3 {
    font-family: Poppins;
    font-style: normal;
}

.material-icons {
    direction: ltr;
    display: inline-block;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: "Material Icons";
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
}

@font-face {
    font-family: "Material Icons Outlined";
    font-style: normal;
    font-weight: 400;
    src: url("/static/css/assets/fonts/MaterialIconsOutlined/woff2/Material_Icons_Outlined-400-fallback.woff2?84e0f122107a") format("woff2"), url("/static/css/assets/fonts/MaterialIconsOutlined/ttf/Material_Icons_Outlined-400.otf?84e0f122107a") format("opentype");
}

.material-icons-outlined {
    direction: ltr;
    display: inline-block;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: "Material Icons Outlined";

    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
}

@font-face {
    font-family: "Material Symbols Filled";
    font-style: normal;
    font-weight: 400;
    src: url("/static/css/assets/fonts/MaterialSymbolsFilled/woff2/Material_Symbols_Filled-400.woff2?84e0f122107a") format("woff2"), url("/static/css/assets/fonts/MaterialSymbolsFilled/ttf/Material_Symbols_Filled-400.ttf?84e0f122107a") format("truetype");
}

.material-symbols.filled {
    direction: ltr;
    display: inline-block;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: "Material Symbols Filled";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
}

@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 400;
    src: url("/static/css/assets/fonts/MaterialSymbolsOutlined/woff2/Material_Symbols_Outlined-400.woff2?84e0f122107a") format("woff2"), url("/static/css/assets/fonts/MaterialSymbolsOutlined/ttf/Material_Symbols_Outlined-400.ttf?84e0f122107a") format("truetype");
}

.material-symbols.outlined {
    direction: ltr;
    display: inline-block;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
}

/* LEAFLET VELOCITY */
.leaflet-control-velocity {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0 5px;
    margin: 0 !important;
    color: #333;
    font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.velocity-overlay {
    position: absolute;
    z-index: 1;
}

.compass_gradient {
    background: linear-gradient(to right, #d005e5 0%, #0f04eb 17%, #01eaef 33%, #0df100 50%, #f6c700 66%, #f00000 83%, #8b1800 100%);
    position: relative;
}

.speed_pointer {

    width: 20px;
    height: 100%;
    background-color: #FFFFFF;
    opacity: 0.6;

    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;

    transition: all 0.3s ease-in-out;

}

.speed_grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.speed_grid div {
    flex: 0 0 auto;
    text-align: center;
}

.elevationPopup .leaflet-popup-tip,
.elevationPopup .leaflet-popup-content-wrapper {
    background: #333;
    color: #eee;
    border-radius: 0;
    padding: 2px
}

.elevationPopup .leaflet-popup-content {
    margin: 5px
}

.leaflet-container {
    z-index: 0 !important; 
}

/* Latest version of software products  */

.features ul {
    list-style-type: disc;
    padding-left: 20px;
}

.features h4 {
    margin-top: 1em;
    margin-bottom: 1em
}

.demo {
    filter: blur(3px) !important
}

/**
 * UL TrustArc module: Cookie Banner styles.
 */

#consent_wrap {
    position: relative;
}

#consent_blackbar {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9947483647;
}

/* windrose section */
#compass_windrose {
    position: relative;
    height: 160px;
    width: 160px;
    margin: 0 auto;
}

#windrose_labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#windrose_labels {
    z-index: 1;
}

#chart {
    position: absolute;
    z-index: 2;
    height: 70% !important;
    width: 70% !important;
    top: 15%;
    left: 15%;
}

#rose {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0 auto;
}

#small_windrose_labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#small_windrose_labels {
    z-index: 1;
}

#small_windrose {
    position: absolute;
    z-index: 2;
    height: 70% !important;
    width: 70% !important;
    top: 15%;
    left: 15%;
}

@media (resolution: 1.25dppx) {
    .max-h-\[61vh\] {
        max-height: 56vh !important
    }
}

@media (resolution: 1.50dppx) {
    .max-h-\[61vh\] {
        max-height: 49vh !important
    }
}