:root{--font-family:"transat",sans-serif}
:root[data-font-style="mono"]{--font-family:"degular-mono",monospace}
:root[data-font-style="typewriter"]{--font-family:"ibm-plex-serif",sans-serif}
:root[data-font-style="serif"]{--font-family:"linotype-sabon",Georgia,serif}
:root[data-font-style="halyard"]{--font-family:"halyard-text",sans-serif}
:root[data-font-style="new-science"]{--font-family:"new-science",sans-serif}
body,button,input,select,textarea{font-family:var(--font-family)!important}
:root[data-font-style="new-science"] h1,:root[data-font-style="new-science"] h2,:root[data-font-style="new-science"] h3,:root[data-font-style="new-science"] h4,:root[data-font-style="new-science"] h5,:root[data-font-style="new-science"] h6{font-family:"new-science-extended",sans-serif!important}
.font-style-option[data-font-style="default"]{font-family:"transat",sans-serif!important}
.font-style-option[data-font-style="mono"]{font-family:"degular-mono",monospace!important}
.font-style-option[data-font-style="typewriter"]{font-family:"ibm-plex-serif",sans-serif!important;font-weight:400;font-style:normal}
.font-style-option[data-font-style="serif"]{font-family:"linotype-sabon",Georgia,serif!important}
.font-style-option[data-font-style="halyard"]{font-family:"halyard-text",sans-serif!important}
.font-style-option[data-font-style="new-science"]{font-family:"new-science",sans-serif!important}
:root[data-font-style="typewriter"] body,:root[data-font-style="typewriter"] button,:root[data-font-style="typewriter"] input,:root[data-font-style="typewriter"] select,:root[data-font-style="typewriter"] textarea{font-weight:400;font-style:normal}