:root{--grey-100:#f4f6f7;--grey-200:#e0e4e6;--grey-300:#c2c8cc;--grey-400:#9aa1a7;--grey-500:#6f7780;--grey-600:#464e57;--grey-700:#2b333c;--grey-800:#181f27;--grey-900:#101820;--orange-100:#fff2f1;--orange-200:#ffdbd9;--orange-300:#fba8a8;--orange-400:#f47a74;--orange-500:#ef524e;--orange-600:#e93f40;--orange-700:#e73c3e;--orange-800:#c22e30;--orange-900:#931e20;--blue-100:#eef5ff;--blue-200:#d6e4ff;--blue-300:#adc6ff;--blue-400:#7a9fff;--blue-500:#4677f2;--blue-600:#2261d6;--blue-700:#0f58c8;--blue-800:#0957c3;--blue-900:#063c87;--orange:var(--orange-700);--blue:var(--blue-800);--dark-bg:var(--grey-900);--base-1:4px;--base-2:8px;--base-3:12px;--base-4:16px;--base-5:20px;--base-6:24px;--base-8:32px;--base-12:48px;--base-16:64px;--base-24:96px;--base-32:128px;--base-48:192px;--base-64:256px;--base-96:384px;--base-128:512px;--width-xs:256px;--width-sm:384px;--width-md:448px;--width-lg:512px;--width-xl:576px;--width-2xl:672px;--width-3xl:768px;--width-4xl:896px;--width-5xl:1024px;--width-6xl:1152px;--width-7xl:1280px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1440px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-base:var(--font-md);--font-lg:18px;--font-xl:20px;--font-xxl:24px;--font-2xl:var(--font-xxl);--font-3xl:30px;--font-4xl:36px;--font-5xl:48px;--font-6xl:60px;--font-7xl:72px;--inset-top-shadow-color:var(--grey-800);--inset-bottom-shadow-color:var(--grey-400);--raised-top-shadow-color:var(--grey-300);--raised-bottom-shadow-color:var(--grey-800);--shadow-color:var(--grey-600);--shadow-opacity:0.2;--shadow-inset: }.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.font-white,.font-white>*{color:#fff}.bg-primary{background-color:var(--grey-900)}.shadow-sm{box-shadow:var(--shadow-inset) 0 1px 3px rgba(from var(--shadow-color) r g b/var(--shadow-opacity))}.shadow-md{box-shadow:var(--shadow-inset) 0 4px 6px rgba(from var(--shadow-color) r g b/var(--shadow-opacity))}.shadow-lg{box-shadow:var(--shadow-inset) 0 4px 6px rgba(from var(--shadow-color) r g b/.7),var(--shadow-inset) 0 5px 15px rgba(from var(--shadow-color) r g b/var(--shadow-opacity))}.shadow-xl{box-shadow:var(--shadow-inset) 0 4px 6px rgba(from var(--shadow-color) r g b/.7),var(--shadow-inset) 0 10px 24px rgba(from var(--shadow-color) r g b/var(--shadow-opacity))}.shadow-2xl{box-shadow:var(--shadow-inset) 0 4px 6px rgba(from var(--shadow-color) r g b/.7),var(--shadow-inset) 0 15px 35px rgba(from var(--shadow-color) r g b/var(--shadow-opacity))}.inset-shadow{box-shadow:inset 0 2px 2px rgba(from var(--inset-top-shadow-color) r g b/.3),0 2px 0 rgba(from var(--inset-bottom-shadow-color) r g b/.4)}.raised-shadow{box-shadow:inset 0 1px 0 rgba(from var(--raised-top-shadow-color) r g b/.5),0 1px 3px rgba(from var(--raised-bottom-shadow-color) r g b/.3)}.flex-center{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.text-sm{font-size:var(--font-sm);line-height:1.5}.text-base{font-size:var(--font-md);line-height:1.5}.text-lg{font-size:var(--font-lg);line-height:1.25}.text-xl{font-size:var(--font-xl);line-height:1.25}.text-2xl{font-size:var(--font-2xl);line-height:1.25}.text-3xl{font-size:var(--font-3xl);line-height:1.15}.text-4xl{font-size:var(--font-4xl);line-height:1}.text-5xl{font-size:var(--font-5xl);line-height:1}.text-6xl{font-size:var(--font-6xl);line-height:1}.text-7xl{font-size:var(--font-7xl);line-height:1}