/** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --border-radius-2px: 2px; --border-radius-1px: 1px; --border-radius-8: 32px; --border-radius-7: 28px; --border-radius-6: 24px; --border-radius-5: 20px; --border-radius-4: 16px; --border-radius-3: 12px; --border-radius-2: 8px; --border-radius-1: 4px; --border-radius-0: 0px; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --border-width-6: 6px; --border-width-5: 5px; --border-width-4: 4px; --border-width-3: 3px; --border-width-2: 2px; --border-width-1: 1px; --border-width-0: 0px; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --box-shadow-24: 0px 24px 24px 0px rgba(0,0,0,0.05); --box-shadow-23: 0px 23px 23px 0px rgba(0,0,0,0.05); --box-shadow-22: 0px 22px 22px 0px rgba(0,0,0,0.05); --box-shadow-21: 0px 21px 21px 0px rgba(0,0,0,0.05); --box-shadow-20: 0px 20px 20px 0px rgba(0,0,0,0.06); --box-shadow-19: 0px 19px 19px 0px rgba(0,0,0,0.06); --box-shadow-18: 0px 18px 18px 0px rgba(0,0,0,0.06); --box-shadow-17: 0px 17px 17px 0px rgba(0,0,0,0.06); --box-shadow-16: 0px 16px 16px 0px rgba(0,0,0,0.06); --box-shadow-15: 0px 15px 15px 0px rgba(0,0,0,0.07); --box-shadow-14: 0px 14px 14px 0px rgba(0,0,0,0.07); --box-shadow-13: 0px 13px 13px 0px rgba(0,0,0,0.07); --box-shadow-12: 0px 12px 12px 0px rgba(0,0,0,0.07); --box-shadow-11: 0px 11px 11px 0px rgba(0,0,0,0.07); --box-shadow-10: 0px 10px 10px 0px rgba(0,0,0,0.08); --box-shadow-9: 0px 9px 9px 0px rgba(0,0,0,0.08); --box-shadow-8: 0px 8px 8px 0px rgba(0,0,0,0.08); --box-shadow-7: 0px 7px 7px 0px rgba(0,0,0,0.08); --box-shadow-6: 0px 6px 6px 0px rgba(0,0,0,0.08); --box-shadow-5: 0px 5px 5px 0px rgba(0,0,0,0.1); --box-shadow-4: 0px 4px 4px 0px rgba(0,0,0,0.1); --box-shadow-3: 0px 3px 3px 0px rgba(0,0,0,0.1); --box-shadow-2: 0px 2px 2px 0px rgba(0,0,0,0.1); --box-shadow-1: 0px 1px 1px 0px rgba(0,0,0,.10); } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --rogue-midnight-dark-400: #506188; --rogue-midnight-dark-300: #344B7F; --rogue-midnight-dark-200: #263F79; --rogue-midnight-dark-100: #23355C; --gradient-yellow-dark: linear-gradient(180deg, #fffdf2 0%, #FDFAA3 16.5%, #FCE367 42%, #E2AC43 94%, #fdf18b 98%); --gradient-yellow: linear-gradient(180deg, #E9DB93 0%, #FDFAA3 4%, #FCE367 45%, #E2AC43 95%, #B88624 100%); --cream-dark-1200: #fff1d6; --cream-dark-1100: #ffe4b8; --cream-dark-1000: #e8bf87; --cream-dark-900: #caa572; --cream-dark-800: #b49365; --cream-dark-700: #9d7f57; --cream-dark-600: #796244; --cream-dark-500: #413527; --cream-dark-400: #30281e; --cream-dark-300: #1c1813; --cream-dark-200: #13100d; --cream-dark-100: #040303; --cream-1200: #16120e; --cream-1100: #29231b; --cream-1000: #3e3325; --cream-900: #564632; --cream-800: #69563b; --cream-700: #846b4a; --cream-600: #a5865c; --cream-500: #d0aa76; --cream-400: #FFEDD0; --cream-300: #FFF2DC; --cream-200: #fff4e0; --cream-100: #FFFAF1; --cyan-dark-1200: #D0FCFF; --cyan-dark-1100: #98F8FF; --cyan-dark-1000: #26DBE6; --cyan-dark-900: #29BDC6; --cyan-dark-800: #2AA8B0; --cyan-dark-700: #299198; --cyan-dark-600: #266F75; --cyan-dark-500: #1C3C3E; --cyan-dark-400: #162d2f; --cyan-dark-300: #111a1b; --cyan-dark-200: #0B1213; --cyan-dark-100: #020404; --cyan-1200: #0D1515; --cyan-1100: #152628; --cyan-1000: #1B393C; --cyan-900: #215053; --cyan-800: #246267; --cyan-700: #287A80; --cyan-600: #2A99A1; --cyan-500: #29C2CD; --cyan-400: #3BF3FF; --cyan-300: #A7F9FF; --cyan-200: #DCFDFF; --cyan-100: #F4FEFF; --pumpkin-dark-1200: #FFF1E5; --pumpkin-dark-1100: #FFE3CA; --pumpkin-dark-1000: #FFB77C; --pumpkin-dark-900: #F59337; --pumpkin-dark-800: #DA8433; --pumpkin-dark-700: #BC722E; --pumpkin-dark-600: #905826; --pumpkin-dark-500: #4D3119; --pumpkin-dark-400: #3A2615; --pumpkin-dark-300: #22170D; --pumpkin-dark-200: #170F08; --pumpkin-dark-100: #060302; --pumpkin-1200: #1A1209; --pumpkin-1100: #312013; --pumpkin-1000: #492F18; --pumpkin-900: #67401E; --pumpkin-800: #7F4E23; --pumpkin-700: #9F6129; --pumpkin-600: #C77930; --pumpkin-500: #FD9839; --pumpkin-400: #FFD5AF; --pumpkin-300: #FFE7D1; --pumpkin-200: #FFF5EB; --pumpkin-100: #FFFCF8; --seafoam-dark-1200: #C8FFEF; --seafoam-dark-1100: #78FFDC; --seafoam-dark-1000: #18E0B8; --seafoam-dark-900: #20C19E; --seafoam-dark-800: #23AB8D; --seafoam-dark-700: #24947A; --seafoam-dark-600: #22725E; --seafoam-dark-500: #1A3D33; --seafoam-dark-400: #162E27; --seafoam-dark-300: #101C18; --seafoam-dark-200: #0A1310; --seafoam-dark-100: #020403; --seafoam-1200: #0C1512; --seafoam-1100: #142722; --seafoam-1000: #1A3B31; --seafoam-900: #1E5144; --seafoam-800: #216453; --seafoam-700: #237D68; --seafoam-600: #249D81; --seafoam-500: #1FC7A3; --seafoam-400: #07F9CC; --seafoam-300: #91FFE1; --seafoam-200: #D7FFF3; --seafoam-100: #F2FFFB; --navy-dark-1200: #f2f3f5; --navy-dark-1100: #e6e7ec; --navy-dark-1000: #c3c5d2; --navy-dark-900: #a7aabc; --navy-dark-800: #9397ad; --navy-dark-700: #7d839c; --navy-dark-600: #5d6583; --navy-dark-500: #293658; --navy-dark-400: #1b294a; --navy-dark-300: #101321; --navy-dark-200: #0e101b; --navy-dark-100: #030407; --navy-1200: #001035; --navy-1100: #092348; --navy-1000: #1E3558; --navy-900: #354A68; --navy-800: #485A76; --navy-700: #617087; --navy-600: #808C9D; --navy-500: #B8BEC7; --navy-400: #DADDE1; --navy-300: #E9EBED; --navy-200: #F5F6F7; --navy-100: #FCFCFC; --yellow-dark-1200: #FFF3CD; --yellow-dark-1100: #FFDA55; --yellow-dark-1000: #EDC209; --yellow-dark-900: #CCA712; --yellow-dark-800: #B69515; --yellow-dark-700: #9D8117; --yellow-dark-600: #796317; --yellow-dark-500: #413613; --yellow-dark-400: #322911; --yellow-dark-300: #1E190B; --yellow-dark-200: #151006; --yellow-dark-100: #050401; --yellow-1200: #171307; --yellow-1100: #2A230F; --yellow-1000: #3F3413; --yellow-900: #574715; --yellow-800: #6B5817; --yellow-700: #856D18; --yellow-600: #A68817; --yellow-500: #D3AD11; --yellow-400: #FFDA55; --yellow-300: #FFEAA5; --yellow-200: #FFF6DA; --yellow-100: #FFFCF3; --ultramarine-dark-1200: #F8F1FF; --ultramarine-dark-1100: #F0E3FF; --ultramarine-dark-1000: #D8B9FF; --ultramarine-dark-900: #C197FF; --ultramarine-dark-800: #AF7FFF; --ultramarine-dark-700: #9963FF; --ultramarine-dark-600: #6F35FF; --ultramarine-dark-500: #3D1B90; --ultramarine-dark-400: #311869; --ultramarine-dark-300: #1F1238; --ultramarine-dark-200: #170C22; --ultramarine-dark-100: #06020A; --ultramarine-1200: #190E27; --ultramarine-1100: #2A1656; --ultramarine-1000: #3B1B89; --ultramarine-900: #4C1FC7; --ultramarine-800: #5920FB; --ultramarine-700: #7E46FF; --ultramarine-600: #A26EFF; --ultramarine-500: #C69EFF; --ultramarine-400: #E8D5FF; --ultramarine-300: #F2E6FF; --ultramarine-200: #FAF4FF; --ultramarine-100: #FDFBFF; --turquoise-dark-1200: #EBF5F7; --turquoise-dark-1100: #D8EBF1; --turquoise-dark-1000: #9ACEDC; --turquoise-dark-900: #67B6C9; --turquoise-dark-800: #42a2b6; --turquoise-dark-700: #0F90A6; --turquoise-dark-600: #007084; --turquoise-dark-500: #073D47; --turquoise-dark-400: #0D2E35; --turquoise-dark-300: #0E1C1F; --turquoise-dark-200: #0A1315; --turquoise-dark-100: #020405; --turquoise-1200: #0a1417; --turquoise-1100: #0e272d; --turquoise-1000: #083a44; --turquoise-900: #00505f; --turquoise-800: #006273; --turquoise-700: #007a8f; --turquoise-600: #1498af; --turquoise-500: #87c8d8; --turquoise-400: #c2e2eb; --turquoise-300: #ddeef3; --turquoise-200: #eef6f9; --turquoise-100: #f9fcfd; --slate-dark-1200: #F1F3F7; --slate-dark-1100: #E4E8EF; --slate-dark-1000: #BDC7D6; --slate-dark-900: #9EACC0; --slate-dark-800: #778598; --slate-dark-700: #5C6777; --slate-dark-600: #32383F; --slate-dark-500: #272B30; --slate-dark-400: #212429; --slate-dark-300: #17191C; --slate-dark-200: #101214; --slate-dark-100: #030304; --slate-1200: #121315; --slate-1100: #212428; --slate-1000: #30353c; --slate-900: #424952; --slate-800: #505a66; --slate-700: #64707f; --slate-600: #7d8c9e; --slate-500: #b0bfd0; --slate-400: #d5dee9; --slate-300: #e7ecf3; --slate-200: #f3f5f9; --slate-100: #fbfcfd; --silver-dark-1200: #F3F3F3; --silver-dark-1100: #E7E8E8; --silver-dark-1000: #C3C6C6; --silver-dark-900: #A8ACAB; --silver-dark-800: #939795; --silver-dark-700: #818584; --silver-dark-600: #646766; --silver-dark-500: #363737; --silver-dark-400: #292A2A; --silver-dark-300: #1d1d1d; --silver-dark-200: #111211; --silver-dark-100: #030303; --silver-1200: #131313; --silver-1100: #232424; --silver-1000: #333535; --silver-900: #464a48; --silver-800: #555a58; --silver-700: #6b706f; --silver-600: #868c8a; --silver-500: #bbbfbe; --silver-400: #dadddc; --silver-300: #e9ebea; --silver-200: #f4f5f4; --silver-100: #fbfbfb; --red-dark-1200: #FFF0EC; --red-dark-1100: #FFE2DA; --red-dark-1000: #FFB4A0; --red-dark-900: #FF8A6E; --red-dark-800: #f8694a; --red-dark-700: #EB4C31; --red-dark-600: #CD1007; --red-dark-500: #760000; --red-dark-400: #5A0600; --red-dark-300: #330D00; --red-dark-200: #220A00; --red-dark-100: #090200; --red-1200: #220E06; --red-1100: #41160F; --red-1000: #5F200B; --red-900: #970000; --red-800: #B60000; --red-700: #D82413; --red-600: #F7522E; --red-500: #FD9579; --red-400: #FED3C6; --red-300: #FFE6DE; --red-200: #FFF4F1; --red-100: #FFFBFA; --purple-dark-1200: #fcedfe; --purple-dark-1100: #fadfff; --purple-dark-1000: #f1afff; --purple-dark-900: #e485fd; --purple-dark-800: #d968f8; --purple-dark-700: #ca44f0; --purple-dark-600: #a900d4; --purple-dark-500: #5f0079; --purple-dark-400: #49065c; --purple-dark-300: #290d30; --purple-dark-200: #1b0a1e; --purple-dark-100: #070208; --purple-1200: #1e0c21; --purple-1100: #3e0a4c; --purple-1000: #5c0075; --purple-900: #7b009d; --purple-800: #9400bd; --purple-700: #b615e1; --purple-600: #d051f4; --purple-500: #e78dfd; --purple-400: #f7d0ff; --purple-300: #fae3fe; --purple-200: #fdf2fe; --purple-100: #fefaff; --pink-dark-1200: #FFEEF8; --pink-dark-1100: #FFDFF3; --pink-dark-1000: #FFACE1; --pink-dark-900: #FE7FCF; --pink-dark-800: #ea65bc; --pink-dark-700: #E143AE; --pink-dark-600: #B6288B; --pink-dark-500: #621A4A; --pink-dark-400: #4A1738; --pink-dark-300: #281220; --pink-dark-200: #1C0E17; --pink-dark-100: #060204; --pink-1200: #1D0F19; --pink-1100: #3A1730; --pink-1000: #5A1D49; --pink-900: #7F2267; --pink-800: #9E2480; --pink-700: #C725A1; --pink-600: #FB21CB; --pink-500: #FF86DF; --pink-400: #FFCFF2; --pink-300: #FFE3F7; --pink-200: #FFF3FC; --pink-100: #FFFBFE; --orange-dark-1200: #FFF0EA; --orange-dark-1100: #FFE2D5; --orange-dark-1000: #FFB594; --orange-dark-900: #F79064; --orange-dark-800: #e2794d; --orange-dark-700: #D66130; --orange-dark-600: #AC471D; --orange-dark-500: #5D2711; --orange-dark-400: #461F0F; --orange-dark-300: #271409; --orange-dark-200: #1D0F06; --orange-dark-100: #060301; --orange-1200: #3d1a04; --orange-1100: #441d04; --orange-1000: #5c2402; --orange-900: #802f00; --orange-800: #9d3800; --orange-700: #c24600; --orange-600: #ee5c00; --orange-500: #ffaa6f; --orange-400: #ffd4b3; --orange-300: #ffe7d5; --orange-200: #fff4ed; --orange-100: #fffaf6; --maroon-dark-1200: #FEF0EF; --maroon-dark-1100: #FDE2E0; --maroon-dark-1000: #F7B6B2; --maroon-dark-900: #EE928F; --maroon-dark-800: #e27673; --maroon-dark-700: #D65E5E; --maroon-dark-600: #B9363F; --maroon-dark-500: #6C161E; --maroon-dark-400: #521418; --maroon-dark-300: #2E110F; --maroon-dark-200: #1E0C09; --maroon-dark-100: #070202; --maroon-1200: #210d0b; --maroon-1100: #431415; --maroon-1000: #65181d; --maroon-900: #8b1f29; --maroon-800: #a52a34; --maroon-700: #c24247; --maroon-600: #db6766; --maroon-500: #f5aba7; --maroon-400: #fcd3d0; --maroon-300: #fde5e4; --maroon-200: #fef3f2; --maroon-100: #fefafa; --gold-dark-1200: #F8F2EB; --gold-dark-1100: #F1E6D8; --gold-dark-1000: #DAC3A1; --gold-dark-900: #C3A77C; --gold-dark-800: #ad9366; --gold-dark-700: #9B8055; --gold-dark-600: #78633F; --gold-dark-500: #403524; --gold-dark-400: #31291D; --gold-dark-300: #1C1812; --gold-dark-200: #15120D; --gold-dark-100: #040302; --gold-1200: #15120e; --gold-1100: #29231b; --gold-1000: #3c3426; --gold-900: #544733; --gold-800: #66573e; --gold-700: #806c4b; --gold-600: #a0875b; --gold-500: #d7bb7e; --gold-400: #ecdab8; --gold-300: #f4e9d4; --gold-200: #faf4ea; --gold-100: #fdfbf8; --green-dark-1200: #CCFFDE; --green-dark-1100: #8DFFBA; --green-dark-1000: #00E285; --green-dark-900: #00C46E; --green-dark-800: #00ac5f; --green-dark-700: #009E57; --green-dark-600: #007642; --green-dark-500: #123F26; --green-dark-400: #12301E; --green-dark-300: #0F1C13; --green-dark-200: #0A140D; --green-dark-100: #020402; --green-1200: #09150e; --green-1100: #0f291a; --green-1000: #0f3c25; --green-900: #095431; --green-800: #00663b; --green-700: #0F7F4F; --green-600: #51996c; --green-500: #a0c7a5; --green-400: #cee3cd; --green-300: #dfefdd; --green-200: #edf8eb; --green-100: #f5fdf3; --gray-dark-1200: #f6f2ed; --gray-dark-1100: #ebe7e1; --gray-dark-1000: #c9c5c0; --gray-dark-900: #aeaaa6; --gray-dark-800: #868380; --gray-dark-700: #686663; --gray-dark-600: #383736; --gray-dark-500: #2b2a29; --gray-dark-400: #252423; --gray-dark-300: #1a1919; --gray-dark-200: #111110; --gray-dark-100: #030303; --gray-1200: #131312; --gray-1100: #242423; --gray-1000: #353533; --gray-900: #4a4847; --gray-800: #5a5956; --gray-700: #706e6b; --gray-600: #8d8a87; --gray-500: #c0bdb7; --gray-400: #e0dcd6; --gray-300: #efebe5; --gray-200: #faf6f0; --gray-100: #fdfaf4; --grass-dark-1200: #e6facf; --grass-dark-1100: #cbf5a3; --grass-dark-1000: #96d85c; --grass-dark-900: #7cbc45; --grass-dark-800: #6da53c; --grass-dark-700: #5e9132; --grass-dark-600: #497127; --grass-dark-500: #2a3c19; --grass-dark-400: #212e16; --grass-dark-300: #161b0e; --grass-dark-200: #0f1309; --grass-dark-100: #030402; --grass-1200: #11140b; --grass-1100: #1d2714; --grass-1000: #29391a; --grass-900: #375020; --grass-800: #426125; --grass-700: #517a2d; --grass-600: #659937; --grass-500: #8ed054; --grass-400: #b3ed7d; --grass-300: #cef8a5; --grass-200: #e8fcd1; --grass-100: #f7fdef; --coral-dark-1200: #FFEFF0; --coral-dark-1100: #FFE1E2; --coral-dark-1000: #FFB2B7; --coral-dark-900: #FF8794; --coral-dark-800: #ff5e72; --coral-dark-700: #F9315B; --coral-dark-600: #C81844; --coral-dark-500: #6B1625; --coral-dark-400: #50151D; --coral-dark-300: #2C1113; --coral-dark-200: #1F0D0D; --coral-dark-100: #070202; --coral-1200: #210d0d; --coral-1100: #441319; --coral-1000: #671423; --coral-900: #91112f; --coral-800: #b10f39; --coral-700: #d91849; --coral-600: #ff4063; --coral-500: #ffa6ac; --coral-400: #ffd1d2; --coral-300: #ffe5e6; --coral-200: #fff4f4; --coral-100: #fff9f9; --blue-dark-1200: #EBF2FF; --blue-dark-1100: #DCE9FF; --blue-dark-1000: #A1C9FE; --blue-dark-900: #63AFFF; --blue-dark-800: #259CFF; --blue-dark-700: #0982FC; --blue-dark-600: #1564C5; --blue-dark-500: #1B3665; --blue-dark-400: #19294C; --blue-dark-300: #131828; --blue-dark-200: #0E101A; --blue-dark-100: #030407; --blue-1200: #10121D; --blue-1100: #18233F; --blue-1000: #1B3461; --blue-900: #1C478B; --blue-800: #1957AC; --blue-700: #116DD6; --blue-600: #0E8BFF; --blue-500: #90C1FE; --blue-400: #C9DFFF; --blue-300: #E1ECFF; --blue-200: #F0F6FF; --blue-100: #FAFCFF; --aqua-dark-1200: #d9f7ff; --aqua-dark-1100: #b7f0ff; --aqua-dark-1000: #68d2fe; --aqua-dark-900: #48b7e1; --aqua-dark-800: #3da3ca; --aqua-dark-700: #348FB2; --aqua-dark-600: #2a6d87; --aqua-dark-500: #1e3a47; --aqua-dark-400: #192c35; --aqua-dark-300: #121a1f; --aqua-dark-200: #0c1214; --aqua-dark-100: #030405; --aqua-1200: #0e1416; --aqua-1100: #17262e; --aqua-1000: #1d3845; --aqua-900: #234e60; --aqua-800: #275f76; --aqua-700: #2d7794; --aqua-600: #3695b8; --aqua-500: #5ccaf6; --aqua-400: #99e8ff; --aqua-300: #c4f3ff; --aqua-200: #e5f9ff; --aqua-100: #f8fdff; --amber-dark-1200: #FFF2D7; --amber-dark-1100: #FFE6AA; --amber-dark-1000: #FEBA31; --amber-dark-900: #E09F00; --amber-dark-800: #c68b00; --amber-dark-700: #AF7A00; --amber-dark-600: #875F00; --amber-dark-500: #49330A; --amber-dark-400: #37270A; --amber-dark-300: #201807; --amber-dark-200: #171005; --amber-dark-100: #050301; --amber-1200: #191206; --amber-1100: #2e220b; --amber-1000: #45310c; --amber-900: #604409; --amber-800: #755305; --amber-700: #926700; --amber-600: #b78100; --amber-500: #f6b211; --amber-400: #ffd86d; --amber-300: #ffeaae; --amber-200: #fff6e1; --amber-100: #fffbf1; --neutrals-transparent: rgba(255,255,255,0); --neutrals-black: #000000; --neutrals-white: #ffffff; --rewards-gold: #A9975B; --rewards-platinum: #838787; --rewards-diamond: #BCBCB7; --rewards-diamond-plus: #3E4243; --rewards-diamond-elite: #752533; --rewards-seven-stars: #892031; --brand-horseshoe-cream: #FFF2D9; --brand-horseshoe-midnight: #263456; --brand-horseshoe-honey: #EBC28A; --brand-palace-red: #F51C21; --brand-dark-red: #BA3330; --brand-wh-blue: #041E42; --brand-wh-light-blue: #32C1DF; --brand-wh-yellow: #FFB81C; --brand-czr-dark-gray: #46494d; --brand-czr-cool-gray: #E8E3DE; --brand-czr-dark-gold: #a0875b; --brand-czr-light-gold: #C5A459; --brand-czr-pine: #173432; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --font-family-ozone: "ozone"; --font-family-noto-sans: Noto Sans; --font-family-figtree: "figtree"; --font-family-bungee: "bungee"; --font-family-vast-shadow: "vast-shadow"; --font-family-tourney: "tourney"; --font-family-orbitron: "orbitron"; --font-family-bruno-ace: "bruno-ace"; --font-family-audiowide: "audiowide"; --font-family-oswald-static: Oswald Static; --font-family-roboto-condensed: Roboto Condensed; --font-family-oswald: "oswald"; --font-family-roboto-flex: Roboto Flex; --font-family-roboto: "roboto"; --font-family-sf-pro: system-ui, -apple-system, BlinkMacSystemFont; --font-family-brown-pro: "brown-pro"; --font-family-proxima-nova-condensed: "proxima-nova-condensed"; --font-family-refrigerator-deluxe: "refrigerator-deluxe"; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --font-size-15: 64px; --font-size-14: 58px; --font-size-13: 52px; --font-size-12: 48px; --font-size-11: 42px; --font-size-10: 36px; --font-size-9: 32px; --font-size-8: 28px; --font-size-7: 24px; --font-size-6: 22px; --font-size-5: 20px; --font-size-4: 18px; --font-size-3: 16px; --font-size-2: 14px; --font-size-1: 12px; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --font-weight-sf-pro-condensed-black: 885; --font-weight-sf-pro-condensed-bold: 665; --font-weight-sf-pro-condensed-light: 225; --font-weight-sf-pro-condensed-thin: 115; --font-weight-condensed-ultralight: 5; --font-weight-sf-pro-condensed-heavy: 775; --font-weight-sf-pro-condensed-semibold: 555; --font-weight-sf-pro-condensed-medium: 445; --font-weight-sf-pro-condensed-regular: 335; --font-weight-black: 900; --font-weight-extraBold: 800; --font-weight-bold: 700; --font-weight-semiBold: 600; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-light: 300; --font-weight-extraLight: 200; --font-weight-thin: 100; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --letter-spacing-12: 2px; --letter-spacing-11: 1.744px; --letter-spacing-10: 1.504px; --letter-spacing-9: 1.248px; --letter-spacing-8: 1.008px; --letter-spacing-7: 0.752px; --letter-spacing-6: 0.496px; --letter-spacing-5: 0.256px; --letter-spacing-4: 0px; --letter-spacing-3: -0.256px; --letter-spacing-2: -0.752px; --letter-spacing-1: -1.008px; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --line-height-10: 64px; --line-height-9: 48px; --line-height-8: 36px; --line-height-7: 32px; --line-height-6: 28px; --line-height-5: 24px; --line-height-4: 22px; --line-height-3: 20px; --line-height-2: 18px; --line-height-1: 16px; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --roboto-flex-variables: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 96, 'YOPQ' 79, 'YTLC' 484, 'YTUC' 672, 'YTAS' 750, 'YTDE' -203, 'wdth' 25, 'YTFI' 738, 'opsz' 18; --sf-pro-condensed-width: 70; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ :root { --spacing-2px: 2px; --spacing-1px: 1px; --spacing-24: 96px; --spacing-23: 92px; --spacing-22: 88px; --spacing-21: 84px; --spacing-20: 80px; --spacing-19: 76px; --spacing-18: 72px; --spacing-17: 68px; --spacing-16: 64px; --spacing-15: 60px; --spacing-14: 56px; --spacing-13: 52px; --spacing-12: 48px; --spacing-11: 44px; --spacing-10: 40px; --spacing-9: 36px; --spacing-8: 32px; --spacing-7: 28px; --spacing-6: 24px; --spacing-5: 20px; --spacing-4: 16px; --spacing-3: 12px; --spacing-2: 8px; --spacing-1: 4px; --spacing-0: 0px; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .czr-dark { --bg-transparent: #000000b3; --font-family-secondary: var(--font-family-oswald), var(--font-family-oswald-static); --font-family-primary: var(--font-family-roboto-flex), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-5); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-2px); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-dark-700); --status-informational-minimal: var(--blue-dark-200); --status-informational-subtle: var(--blue-dark-600); --status-informational-strong: var(--blue-dark-900); --status-informational: var(--blue-dark-800); --status-notification: var(--coral-dark-700); --status-alert-minimal: var(--amber-dark-200); --status-alert-subtle: var(--amber-dark-600); --status-alert-strong: var(--amber-dark-1100); --status-alert: var(--amber-dark-1000); --status-negative-minimal: var(--coral-dark-200); --status-negative-subtle: var(--coral-dark-600); --status-negative-strong: var(--coral-dark-800); --status-negative: var(--coral-dark-700); --status-positive-minimal: var(--green-dark-200); --status-positive-subtle: var(--green-dark-600); --status-positive-strong: var(--green-dark-900); --status-positive: var(--green-dark-800); --highlight-four: var(--red-dark-600); --highlight-three: var(--blue-dark-700); --highlight-two: var(--orange-dark-900); --highlight-one: var(--yellow-dark-1100); --highlight-brand: var(--gold-dark-900); --highlight-accent-minimal: var(--ultramarine-dark-300); --highlight-accent-subtle: var(--ultramarine-dark-400); --highlight-accent-strong: var(--ultramarine-dark-600); --highlight-accent: var(--ultramarine-dark-800); --bg-primary-minimal: var(--green-dark-400); --bg-primary-strong: var(--green-dark-900); --bg-primary: var(--green-dark-1000); --bg-layer-three: var(--silver-dark-600); --bg-layer-two: var(--silver-dark-500); --bg-layer-one: var(--silver-dark-400); --bg-default: var(--silver-dark-300); --bg-base: var(--silver-dark-100); --fg-text-link: var(--green-dark-700); --fg-focus-inverse: var(--blue-dark-500); --fg-focus: var(--blue-dark-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--silver-dark-500); --fg-primary-strong: var(--green-dark-800); --fg-primary: var(--green-dark-1000); --fg-inverse: var(--silver-dark-100); --fg-minimal: var(--silver-dark-400); --fg-subtle: var(--silver-dark-600); --fg-moderate: var(--silver-dark-900); --fg-default: var(--silver-dark-1200); } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .czr-light { --bg-transparent: #000000b3; --font-family-secondary: var(--font-family-oswald), var(--font-family-oswald-static); --font-family-primary: var(--font-family-roboto-flex), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-5); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-2px); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-800); --highlight-four: var(--maroon-1000); --highlight-three: var(--blue-600); --highlight-two: var(--orange-600); --highlight-one: var(--yellow-400); --highlight-brand: var(--gold-700); --highlight-accent-minimal: var(--ultramarine-200); --highlight-accent-subtle: var(--ultramarine-300); --highlight-accent-strong: var(--ultramarine-1100); --highlight-accent: var(--ultramarine-900); --status-informational-minimal: var(--blue-100); --status-informational-subtle: var(--blue-300); --status-informational-strong: var(--blue-1000); --status-informational: var(--blue-700); --status-notification: var(--maroon-800); --status-alert-minimal: var(--amber-100); --status-alert-subtle: var(--amber-300); --status-alert-strong: var(--amber-700); --status-alert: var(--amber-500); --status-negative-minimal: var(--red-100); --status-negative-subtle: var(--red-500); --status-negative-strong: var(--red-900); --status-negative: var(--red-800); --status-positive-minimal: var(--green-100); --status-positive-subtle: var(--green-500); --status-positive-strong: var(--green-1000); --status-positive: var(--green-800); --bg-primary-minimal: var(--green-100); --bg-primary-strong: var(--green-900); --bg-primary: var(--green-700); --bg-layer-three: var(--silver-400); --bg-layer-two: var(--silver-300); --bg-layer-one: var(--silver-100); --bg-default: var(--neutrals-white); --bg-base: var(--silver-200); --fg-text-link: var(--green-700); --fg-focus-inverse: var(--blue-400); --fg-focus: var(--blue-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--green-500); --fg-primary-strong: var(--green-900); --fg-primary: var(--green-700); --fg-inverse: var(--silver-100); --fg-minimal: var(--silver-300); --fg-subtle: var(--silver-600); --fg-moderate: var(--silver-800); --fg-default: var(--silver-1100); } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .czr-palace-dark { --bg-transparent: #19294Cb3; --font-family-primary: var(--font-family-roboto-flex), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-4); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-1); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-dark-700); --status-informational-minimal: var(--blue-dark-200); --status-informational-subtle: var(--blue-dark-600); --status-informational-strong: var(--blue-dark-900); --status-informational: var(--blue-dark-800); --status-notification: var(--coral-dark-700); --status-alert-minimal: var(--turquoise-dark-200); --status-alert-subtle: var(--turquoise-dark-600); --status-alert-strong: var(--turquoise-dark-1100); --status-alert: var(--turquoise-dark-1000); --status-negative-minimal: var(--coral-dark-200); --status-negative-subtle: var(--coral-dark-600); --status-negative-strong: var(--coral-dark-800); --status-negative: var(--coral-dark-700); --status-positive-minimal: var(--green-dark-200); --status-positive-subtle: var(--green-dark-600); --status-positive-strong: var(--green-dark-900); --status-positive: var(--green-dark-800); --highlight-four: var(--blue-dark-700); --highlight-three: var(--purple-dark-600); --highlight-two: var(--red-dark-600); --highlight-one: var(--gradient-yellow-dark); --highlight-brand: var(--gray-dark-1200); --highlight-accent-minimal: var(--ultramarine-dark-300); --highlight-accent-subtle: var(--ultramarine-dark-400); --highlight-accent-strong: var(--ultramarine-dark-600); --highlight-accent: var(--ultramarine-dark-700); --bg-primary-minimal: var(--pumpkin-dark-400); --bg-primary-strong: var(--pumpkin-dark-900); --bg-primary: var(--pumpkin-dark-900); --bg-layer-three: var(--blue-dark-400); --bg-layer-two: var(--blue-dark-300); --bg-layer-one: var(--blue-dark-200); --bg-default: var(--blue-dark-100); --bg-base: var(--blue-dark-100); --fg-text-link: var(--aqua-dark-700); --fg-focus-inverse: var(--blue-dark-500); --fg-focus: var(--blue-dark-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--pumpkin-dark-300); --fg-primary-strong: var(--pumpkin-dark-1000); --fg-primary: var(--pumpkin-dark-900); --fg-inverse: var(--silver-dark-100); --fg-minimal: var(--gray-dark-600); --fg-subtle: var(--gray-dark-700); --fg-moderate: var(--gray-dark-900); --fg-default: var(--gray-dark-1200); } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .czr-palace-light { --bg-transparent: #030303b3; --font-family-primary: var(--font-family-roboto-flex), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-4); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-1); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-800); --status-informational-minimal: var(--blue-100); --status-informational-subtle: var(--blue-300); --status-informational-strong: var(--blue-1000); --status-informational: var(--blue-700); --status-notification: var(--turquoise-600); --status-alert-minimal: var(--turquoise-100); --status-alert-subtle: var(--turquoise-300); --status-alert-strong: var(--turquoise-700); --status-alert: var(--turquoise-600); --status-negative-minimal: var(--red-100); --status-negative-subtle: var(--red-500); --status-negative-strong: var(--red-900); --status-negative: var(--red-800); --status-positive-minimal: var(--green-100); --status-positive-subtle: var(--green-500); --status-positive-strong: var(--green-1000); --status-positive: var(--green-800); --highlight-four: var(--blue-700); --highlight-three: var(--purple-700); --highlight-two: var(--red-700); --highlight-one: var(--gradient-yellow); --highlight-brand: var(--silver-1100); --highlight-accent-minimal: var(--ultramarine-200); --highlight-accent-subtle: var(--ultramarine-300); --highlight-accent-strong: var(--ultramarine-1100); --highlight-accent: var(--ultramarine-900); --bg-primary-minimal: var(--pumpkin-300); --bg-primary-strong: var(--pumpkin-500); --bg-primary: var(--pumpkin-500); --bg-layer-three: var(--silver-300); --bg-layer-two: var(--silver-200); --bg-layer-one: var(--silver-100); --bg-default: var(--neutrals-white); --bg-base: var(--neutrals-white); --fg-text-link: var(--blue-700); --fg-focus-inverse: var(--blue-400); --fg-focus: var(--blue-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--pumpkin-300); --fg-primary-strong: var(--pumpkin-700); --fg-primary: var(--gray-1000); --fg-inverse: var(--silver-1200); --fg-minimal: var(--gray-300); --fg-subtle: var(--gray-500); --fg-moderate: var(--gray-700); --fg-default: var(--gray-1100); } /* |=====================================================| | Auto Generated by Caesars UI - DO NOT EDIT DIRECTLY | | https://caesars-ui.pages.dev | |=====================================================| */ .czr-palace-light .display-3xl, .czr-palace-dark .display-3xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-15); line-height: var(--line-height-10); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-3xl-bold, .czr-palace-dark .display-3xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-15); line-height: var(--line-height-10); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-2xl, .czr-palace-dark .display-2xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-12); line-height: var(--line-height-9); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-2xl-bold, .czr-palace-dark .display-2xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-12); line-height: var(--line-height-9); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-xl, .czr-palace-dark .display-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-10); line-height: var(--line-height-8); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-xl-bold, .czr-palace-dark .display-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-10); line-height: var(--line-height-8); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-lg, .czr-palace-dark .display-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-6); line-height: var(--line-height-5); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-lg-bold, .czr-palace-dark .display-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-6); line-height: var(--line-height-5); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-md, .czr-palace-dark .display-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-md-bold, .czr-palace-dark .display-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-sm, .czr-palace-dark .display-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-sm-bold, .czr-palace-dark .display-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-xs, .czr-palace-dark .display-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .display-xs-bold, .czr-palace-dark .display-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-2xl, .czr-palace-dark .heading-2xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-8); line-height: var(--line-height-7); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-2xl-bold, .czr-palace-dark .heading-2xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-8); line-height: var(--line-height-7); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-xl, .czr-palace-dark .heading-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-5); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-xl-bold, .czr-palace-dark .heading-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-5); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-lg, .czr-palace-dark .heading-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-3); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-lg-bold, .czr-palace-dark .heading-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-4); line-height: var(--line-height-3); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-md, .czr-palace-dark .heading-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-md-bold, .czr-palace-dark .heading-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-sm, .czr-palace-dark .heading-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-sm-bold, .czr-palace-dark .heading-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-xs, .czr-palace-dark .heading-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .heading-xs-bold, .czr-palace-dark .heading-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-xl, .czr-palace-dark .body-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-7); line-height: var(--line-height-6); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-xl-bold, .czr-palace-dark .body-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-7); line-height: var(--line-height-6); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-lg, .czr-palace-dark .body-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-lg-bold, .czr-palace-dark .body-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-md, .czr-palace-dark .body-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-md-bold, .czr-palace-dark .body-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-sm, .czr-palace-dark .body-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-sm-bold, .czr-palace-dark .body-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-xs, .czr-palace-dark .body-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-palace-light .body-xs-bold, .czr-palace-dark .body-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } /* |=====================================================| | Auto Generated by Caesars UI - DO NOT EDIT DIRECTLY | | https://caesars-ui.pages.dev | |=====================================================| */ .czr-light .display-3xl, .czr-dark .display-3xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-15); line-height: var(--line-height-10); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-3xl-bold, .czr-dark .display-3xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-15); line-height: var(--line-height-10); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-2xl, .czr-dark .display-2xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-12); line-height: var(--line-height-9); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-2xl-bold, .czr-dark .display-2xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-12); line-height: var(--line-height-9); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-xl, .czr-dark .display-xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-10); line-height: var(--line-height-8); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-xl-bold, .czr-dark .display-xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-10); line-height: var(--line-height-8); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-lg, .czr-dark .display-lg { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-6); line-height: var(--line-height-5); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-lg-bold, .czr-dark .display-lg-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-6); line-height: var(--line-height-5); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-md, .czr-dark .display-md { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-md-bold, .czr-dark .display-md-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-sm, .czr-dark .display-sm { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-sm-bold, .czr-dark .display-sm-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-xs, .czr-dark .display-xs { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .display-xs-bold, .czr-dark .display-xs-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .czr-light .heading-2xl, .czr-dark .heading-2xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-8); line-height: var(--line-height-7); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-2xl-bold, .czr-dark .heading-2xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-8); line-height: var(--line-height-7); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-xl, .czr-dark .heading-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-5); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-xl-bold, .czr-dark .heading-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-5); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-lg, .czr-dark .heading-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-4); line-height: var(--line-height-3); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-lg-bold, .czr-dark .heading-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-4); line-height: var(--line-height-3); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-md, .czr-dark .heading-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-md-bold, .czr-dark .heading-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-sm, .czr-dark .heading-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-sm-bold, .czr-dark .heading-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-xs, .czr-dark .heading-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .heading-xs-bold, .czr-dark .heading-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-xl, .czr-dark .body-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-7); line-height: var(--line-height-6); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-xl-bold, .czr-dark .body-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-7); line-height: var(--line-height-6); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-lg, .czr-dark .body-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-lg-bold, .czr-dark .body-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-md, .czr-dark .body-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-md-bold, .czr-dark .body-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-sm, .czr-dark .body-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-sm-bold, .czr-dark .body-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-xs, .czr-dark .body-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .czr-light .body-xs-bold, .czr-dark .body-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .horseshoe-dark { --bg-transparent: #030303b3; --font-family-secondary: var(--font-family-figtree); --font-family-primary: var(--font-family-noto-sans), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-4); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-1); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-dark-700); --status-informational-minimal: var(--blue-dark-200); --status-informational-subtle: var(--blue-dark-600); --status-informational-strong: var(--blue-dark-900); --status-informational: var(--blue-dark-800); --status-notification: var(--coral-dark-700); --status-alert-minimal: var(--turquoise-dark-200); --status-alert-subtle: var(--turquoise-dark-600); --status-alert-strong: var(--turquoise-dark-1100); --status-alert: var(--turquoise-dark-1000); --status-negative-minimal: var(--coral-dark-200); --status-negative-subtle: var(--coral-dark-600); --status-negative-strong: var(--coral-dark-800); --status-negative: var(--coral-dark-700); --status-positive-minimal: var(--green-dark-200); --status-positive-subtle: var(--green-dark-600); --status-positive-strong: var(--green-dark-900); --status-positive: var(--green-dark-800); --highlight-four: var(--blue-dark-700); --highlight-three: var(--purple-dark-600); --highlight-two: var(--red-dark-600); --highlight-one: var(--gradient-yellow-dark); --highlight-brand: var(--brand-horseshoe-cream); --highlight-accent-minimal: var(--ultramarine-dark-300); --highlight-accent-subtle: var(--ultramarine-dark-400); --highlight-accent-strong: var(--ultramarine-dark-600); --highlight-accent: var(--ultramarine-dark-700); --bg-primary-minimal: var(--navy-dark-400); --bg-primary-strong: var(--cream-dark-1200); --bg-primary: var(--cream-dark-1200); --bg-layer-three: var(--rogue-midnight-dark-400); --bg-layer-two: var(--rogue-midnight-dark-300); --bg-layer-one: var(--rogue-midnight-dark-200); --bg-default: var(--rogue-midnight-dark-100); --bg-base: var(--rogue-midnight-dark-100); --fg-text-link: var(--aqua-dark-700); --fg-focus-inverse: var(--blue-dark-500); --fg-focus: var(--blue-dark-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--navy-dark-500); --fg-primary-strong: var(--cream-dark-1200); --fg-primary: var(--cream-dark-1200); --fg-inverse: var(--rogue-midnight-dark-100); --fg-minimal: var(--gray-dark-600); --fg-subtle: var(--gray-dark-700); --fg-moderate: var(--gray-dark-1000); --fg-default: var(--gray-dark-1200); } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .horseshoe-light { --bg-transparent: #030303b3; --font-family-secondary: var(--font-family-figtree); --font-family-primary: var(--font-family-noto-sans), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-4); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-1); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-800); --status-informational-minimal: var(--blue-100); --status-informational-subtle: var(--blue-300); --status-informational-strong: var(--blue-1000); --status-informational: var(--blue-700); --status-notification: var(--turquoise-600); --status-alert-minimal: var(--turquoise-100); --status-alert-subtle: var(--turquoise-300); --status-alert-strong: var(--turquoise-700); --status-alert: var(--turquoise-600); --status-negative-minimal: var(--red-100); --status-negative-subtle: var(--red-500); --status-negative-strong: var(--red-900); --status-negative: var(--red-800); --status-positive-minimal: var(--green-100); --status-positive-subtle: var(--green-500); --status-positive-strong: var(--green-1000); --status-positive: var(--green-800); --highlight-four: var(--blue-700); --highlight-three: var(--purple-700); --highlight-two: var(--red-700); --highlight-one: var(--gradient-yellow); --highlight-brand: var(--brand-horseshoe-midnight); --highlight-accent-minimal: var(--ultramarine-200); --highlight-accent-subtle: var(--ultramarine-300); --highlight-accent-strong: var(--ultramarine-1100); --highlight-accent: var(--ultramarine-900); --bg-primary-minimal: var(--brand-horseshoe-honey); --bg-primary-strong: var(--navy-1000); --bg-primary: var(--navy-1000); --bg-layer-three: var(--cream-400); --bg-layer-two: var(--cream-300); --bg-layer-one: var(--gold-200); --bg-default: var(--neutrals-white); --bg-base: var(--neutrals-white); --fg-text-link: var(--blue-700); --fg-focus-inverse: var(--blue-400); --fg-focus: var(--blue-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--brand-horseshoe-honey); --fg-primary-strong: var(--navy-1000); --fg-primary: var(--navy-1000); --fg-inverse: var(--neutrals-white); --fg-minimal: var(--gray-300); --fg-subtle: var(--gray-500); --fg-moderate: var(--gray-700); --fg-default: var(--gray-1100); } /* |=====================================================| | Auto Generated by Caesars UI - DO NOT EDIT DIRECTLY | | https://caesars-ui.pages.dev | |=====================================================| */ .horseshoe-light .display-3xl, .horseshoe-dark .display-3xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 48px; line-height: 58px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-3xl-bold, .horseshoe-dark .display-3xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 52px; line-height: 62px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-2xl, .horseshoe-dark .display-2xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 40px; line-height: 48px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-2xl-bold, .horseshoe-dark .display-2xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 42px; line-height: 50px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-xl, .horseshoe-dark .display-xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 30px; line-height: 36px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-xl-bold, .horseshoe-dark .display-xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 30px; line-height: 36px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-lg, .horseshoe-dark .display-lg { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 20px; line-height: 24px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-lg-bold, .horseshoe-dark .display-lg-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 20px; line-height: 24px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-md, .horseshoe-dark .display-md { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 17px; line-height: 20px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-md-bold, .horseshoe-dark .display-md-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 17px; line-height: 20px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-sm, .horseshoe-dark .display-sm { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 15px; line-height: 18px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-sm-bold, .horseshoe-dark .display-sm-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 15px; line-height: 18px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-xs, .horseshoe-dark .display-xs { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: 13px; line-height: 16px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .display-xs-bold, .horseshoe-dark .display-xs-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-bold); font-size: 13px; line-height: 16px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-2xl, .horseshoe-dark .heading-2xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 20px; line-height: 27px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-2xl-bold, .horseshoe-dark .heading-2xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 20px; line-height: 27px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-xl, .horseshoe-dark .heading-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 18px; line-height: 24px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-xl-bold, .horseshoe-dark .heading-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 18px; line-height: 24px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-lg, .horseshoe-dark .heading-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 16px; line-height: 22px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-lg-bold, .horseshoe-dark .heading-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 16px; line-height: 22px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-md, .horseshoe-dark .heading-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 14px; line-height: 18px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-md-bold, .horseshoe-dark .heading-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 14px; line-height: 18px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-sm, .horseshoe-dark .heading-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 12px; line-height: 14px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-sm-bold, .horseshoe-dark .heading-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 12px; line-height: 14px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-xs, .horseshoe-dark .heading-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 11px; line-height: 16px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .heading-xs-bold, .horseshoe-dark .heading-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 11px; line-height: 16px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-xl, .horseshoe-dark .body-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 18px; line-height: 25px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-xl-bold, .horseshoe-dark .body-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 18px; line-height: 25px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-lg, .horseshoe-dark .body-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 16px; line-height: 22px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-lg-bold, .horseshoe-dark .body-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 16px; line-height: 22px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-md, .horseshoe-dark .body-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 14px; line-height: 18px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-md-bold, .horseshoe-dark .body-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 14px; line-height: 18px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-sm, .horseshoe-dark .body-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 12px; line-height: 16px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-sm-bold, .horseshoe-dark .body-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 12px; line-height: 16px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-xs, .horseshoe-dark .body-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: 11px; line-height: 15px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .horseshoe-light .body-xs-bold, .horseshoe-dark .body-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-bold); font-size: 11px; line-height: 15px; letter-spacing: 0px; text-transform: inherit; font-optical-sizing: auto; font-variant-numeric: proportional-nums; } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .wh-dark { --bg-transparent: #000000b3; --font-family-secondary: var(--font-family-oswald), var(--font-family-oswald-static); --font-family-primary: var(--font-family-roboto-flex), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-5); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-1); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-dark-700); --status-informational-minimal: var(--blue-dark-200); --status-informational-subtle: var(--blue-dark-600); --status-informational-strong: var(--blue-dark-900); --status-informational: var(--blue-dark-800); --status-notification: var(--coral-dark-700); --status-alert-minimal: var(--amber-dark-200); --status-alert-subtle: var(--amber-dark-600); --status-alert-strong: var(--amber-dark-1100); --status-alert: var(--amber-dark-1000); --status-negative-minimal: var(--coral-dark-200); --status-negative-subtle: var(--coral-dark-600); --status-negative-strong: var(--coral-dark-800); --status-negative: var(--coral-dark-700); --status-positive-minimal: var(--green-dark-200); --status-positive-subtle: var(--green-dark-600); --status-positive-strong: var(--green-dark-900); --status-positive: var(--green-dark-800); --highlight-four: var(--red-dark-600); --highlight-three: var(--green-dark-1000); --highlight-two: var(--orange-dark-1000); --highlight-one: var(--ultramarine-dark-1100); --highlight-brand: var(--aqua-dark-1000); --highlight-accent-minimal: var(--blue-dark-300); --highlight-accent-subtle: var(--blue-dark-400); --highlight-accent-strong: var(--blue-dark-600); --highlight-accent: var(--blue-dark-900); --bg-primary-minimal: var(--amber-dark-400); --bg-primary-strong: var(--amber-dark-900); --bg-primary: var(--amber-dark-1000); --bg-layer-three: var(--silver-dark-600); --bg-layer-two: var(--silver-dark-500); --bg-layer-one: var(--silver-dark-400); --bg-default: var(--silver-dark-300); --bg-base: var(--silver-dark-100); --fg-text-link: var(--aqua-dark-700); --fg-focus-inverse: var(--blue-dark-500); --fg-focus: var(--blue-dark-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--amber-dark-500); --fg-primary-strong: var(--amber-dark-900); --fg-primary: var(--amber-dark-1000); --fg-inverse: var(--silver-dark-100); --fg-minimal: var(--silver-dark-400); --fg-subtle: var(--silver-dark-600); --fg-moderate: var(--silver-dark-900); --fg-default: var(--silver-dark-1200); } /** * Do not edit directly * Generated on Mon, 30 Jun 2025 21:56:30 GMT */ .wh-light { --bg-transparent: #000000b3; --font-family-secondary: var(--font-family-oswald), var(--font-family-oswald-static); --font-family-primary: var(--font-family-roboto-flex), var(--font-family-roboto-condensed); --border-radius-lg: var(--border-radius-5); --border-radius-md: var(--border-radius-2); --border-radius-sm: var(--border-radius-1); --box-shadow-2xl: var(--box-shadow-24); --box-shadow-xl: var(--box-shadow-18); --box-shadow-lg: var(--box-shadow-12); --box-shadow-md: var(--box-shadow-8); --box-shadow-sm: var(--box-shadow-4); --box-shadow-xs: var(--box-shadow-2); --box-shadow-2xs: var(--box-shadow-1); --spacing-2xl: var(--spacing-16); --spacing-xl: var(--spacing-8); --spacing-lg: var(--spacing-6); --spacing-md: var(--spacing-4); --spacing-sm: var(--spacing-3); --spacing-xs: var(--spacing-2); --spacing-2xs: var(--spacing-1); --rewards-background: var(--maroon-800); --status-informational-minimal: var(--blue-100); --status-informational-subtle: var(--blue-300); --status-informational-strong: var(--blue-1000); --status-informational: var(--blue-700); --status-notification: var(--maroon-800); --status-alert-minimal: var(--amber-100); --status-alert-subtle: var(--amber-300); --status-alert-strong: var(--amber-700); --status-alert: var(--amber-500); --status-negative-minimal: var(--red-100); --status-negative-subtle: var(--red-500); --status-negative-strong: var(--red-900); --status-negative: var(--red-800); --status-positive-minimal: var(--green-100); --status-positive-subtle: var(--green-500); --status-positive-strong: var(--green-1000); --status-positive: var(--green-800); --highlight-four: var(--maroon-1000); --highlight-three: var(--aqua-500); --highlight-two: var(--orange-600); --highlight-one: var(--ultramarine-700); --highlight-brand: var(--aqua-700); --highlight-accent-minimal: var(--blue-200); --highlight-accent-subtle: var(--blue-300); --highlight-accent-strong: var(--blue-1000); --highlight-accent: var(--blue-800); --bg-primary-minimal: var(--blue-100); --bg-primary-strong: var(--navy-1200); --bg-primary: var(--green-700); --bg-layer-three: var(--silver-400); --bg-layer-two: var(--silver-300); --bg-layer-one: var(--silver-100); --bg-default: var(--neutrals-white); --bg-base: var(--silver-200); --fg-text-link: var(--aqua-700); --fg-focus-inverse: var(--blue-400); --fg-focus: var(--blue-800); --fg-global-white: var(--neutrals-white); --fg-global-black: var(--neutrals-black); --fg-primary-minimal: var(--navy-500); --fg-primary-strong: var(--navy-1100); --fg-primary: var(--navy-900); --fg-inverse: var(--silver-100); --fg-minimal: var(--silver-300); --fg-subtle: var(--silver-600); --fg-moderate: var(--silver-800); --fg-default: var(--silver-1100); } /* |=====================================================| | Auto Generated by Caesars UI - DO NOT EDIT DIRECTLY | | https://caesars-ui.pages.dev | |=====================================================| */ .wh-light .display-3xl, .wh-dark .display-3xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-15); line-height: var(--line-height-10); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-3xl-bold, .wh-dark .display-3xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-15); line-height: var(--line-height-10); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-2xl, .wh-dark .display-2xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-12); line-height: var(--line-height-9); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-2xl-bold, .wh-dark .display-2xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-12); line-height: var(--line-height-9); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-xl, .wh-dark .display-xl { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-10); line-height: var(--line-height-8); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-xl-bold, .wh-dark .display-xl-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-10); line-height: var(--line-height-8); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-lg, .wh-dark .display-lg { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-6); line-height: var(--line-height-5); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-lg-bold, .wh-dark .display-lg-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-6); line-height: var(--line-height-5); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-md, .wh-dark .display-md { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-md-bold, .wh-dark .display-md-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-sm, .wh-dark .display-sm { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-sm-bold, .wh-dark .display-sm-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-xs, .wh-dark .display-xs { font-family: var(--font-family-secondary); font-weight: var(--font-weight-regular); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .display-xs-bold, .wh-dark .display-xs-bold { font-family: var(--font-family-secondary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: uppercase; } .wh-light .heading-2xl, .wh-dark .heading-2xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-8); line-height: var(--line-height-7); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-2xl-bold, .wh-dark .heading-2xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-8); line-height: var(--line-height-7); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-xl, .wh-dark .heading-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-5); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-xl-bold, .wh-dark .heading-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-5); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-lg, .wh-dark .heading-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-4); line-height: var(--line-height-3); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-lg-bold, .wh-dark .heading-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-4); line-height: var(--line-height-3); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-md, .wh-dark .heading-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-md-bold, .wh-dark .heading-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-sm, .wh-dark .heading-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-sm-bold, .wh-dark .heading-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-xs, .wh-dark .heading-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .heading-xs-bold, .wh-dark .heading-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-xl, .wh-dark .body-xl { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-7); line-height: var(--line-height-6); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-xl-bold, .wh-dark .body-xl-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-7); line-height: var(--line-height-6); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-lg, .wh-dark .body-lg { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-lg-bold, .wh-dark .body-lg-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-4); line-height: var(--line-height-4); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-md, .wh-dark .body-md { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-md-bold, .wh-dark .body-md-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-3); line-height: var(--line-height-2); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-sm, .wh-dark .body-sm { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-sm-bold, .wh-dark .body-sm-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-2); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-xs, .wh-dark .body-xs { font-family: var(--font-family-primary); font-weight: var(--font-weight-regular); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; } .wh-light .body-xs-bold, .wh-dark .body-xs-bold { font-family: var(--font-family-primary); font-weight: var(--font-weight-semiBold); font-size: var(--font-size-1); line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-4); text-transform: inherit; font-variation-settings: var(--roboto-flex-variables); font-optical-sizing: auto; font-variant-numeric: proportional-nums; }