@font-face{font-family:"Rooftop";src:url("/fonts/rooftop/rooftop-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Rooftop";src:url("/fonts/rooftop/rooftop-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Rooftop";src:url("/fonts/rooftop/rooftop-medium.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Rooftop";src:url("/fonts/rooftop/rooftop-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Rooftop";src:url("/fonts/rooftop/rooftop-extrabold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Rooftop";src:url("/fonts/rooftop/rooftop-extrabold.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{--font-sans:"Rooftop",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-sans)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Replace the legacy animated three-bar brand mark everywhere with the website icon. */
.brand-mark{
  display:inline-block!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border:0!important;
  border-radius:0!important;
  background:url('/icon-192.png') center/contain no-repeat!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}
.brand-mark::before,.brand-mark::after,.brand-mark span{display:none!important;content:none!important;animation:none!important}