:root{--okb-navy: #00293A;--okb-yellow: #FCB34C;--okb-purple: #9164CC;--okb-green: #00B189;--okb-magenta: #E50695;--okb-red: #FF4438;--okb-blue: #0071CE;--okb-gray-1: #DDE2E4;--okb-gray-2: #C7D0D3;--okb-gray-3: #9CA8B1;--okb-gray-4: #5A6771;--okb-heading-font-family: "Metropolis Bold", Helvetica, Arial, Lucida, sans-serif;--okb-sub-heading-font-family: "Metropolis Medium", Helvetica, Arial, Lucida, sans-serif;--okb-paragraph-font-family: "HK Grotesk Regular", Helvetica, Arial, Lucida, sans-serif}@font-face{font-family:Metropolis Bold;src:url(/vite/assets/Metropolis-Bold-DM16brCS.otf) format("opentype")}@font-face{font-family:HK Grotesk Medium;src:url(/vite/assets/HKGrotesk-Medium-DHINFXxX.otf) format("opentype")}@font-face{font-family:Metropolis Medium;src:url(/vite/assets/Metropolis-Medium-BXXFzmSb.otf) format("opentype")}