@font-face{
    font-family:"SHX Grotesk";
    src:url("../fonts/shx-grotesk/SHXGrotesk-Regular-85bf9bf4.woff2") format("woff2");
    font-style:normal;
    font-weight:400;
    font-display:swap;
}

:root{
    --shx-font-family:"SHX Grotesk","Segoe UI",Arial,sans-serif;
}

html{
    font-synthesis:none;
    font-kerning:normal;
}

html,
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.module h3,
.x-panel-title,
.x-top-title,
.x-brand-name,
.eyebrow,
.nav-label,
.stat-label,
.section-title,
.x-brand-sub,
.av-field input[type="text"],
.av-field input[type="number"],
.av-field input[type="datetime-local"],
.av-field select,
.av-field textarea,
.av-btn{
    font-family:var(--shx-font-family) !important;
}