@property --main-bg-color{syntax: "<color>"; initial-value: #333;}@property --opposite-bg-color{syntax: "<color>"; initial-value: #f0f0f0;}@property --high-bg-color{syntax: "<color>"; initial-value: #555;}@property --low-bg-color{syntax: "<color>"; initial-value: #444;}@property --secondary-bg-color{syntax: "<color>"; initial-value: #a5a5a5;}@property --primary-text{syntax: "<color>"; initial-value: #f0f0f0;}@property --secondary-text{syntax: "<color>"; initial-value: #333;}@property --opposite-text{syntax: "<color>"; initial-value: #333;}@property --base-black{syntax: "<color>"; initial-value: #333;}@property --base-white{syntax: "<color>"; initial-value: #f0f0f0;}@property --base-dark{syntax: "<color>"; initial-value: #444;}@property --base-gray{syntax: "<color>"; initial-value: #a5a5a5;}@property --on-ice{syntax: "<color>"; initial-value: #0858f9;}@property --cold{syntax: "<color>"; initial-value: #2ca0ff;}@property --cool{syntax: "<color>"; initial-value: #9cd2ff;}@property --neutral{syntax: "<color>"; initial-value: #fefeff;}@property --warm{syntax: "<color>"; initial-value: #ff8d8d;}@property --hot{syntax: "<color>"; initial-value: #ff525b;}@property --on-fire{syntax: "<color>"; initial-value: #ff1515;}@property --winning-green{syntax: "<color>"; initial-value: #0ea84c;}@property --link-color{syntax: "<color>"; initial-value: #2ca0ff;}@property --warning-orange{syntax: "<color>"; initial-value: #ff8515;}:root{--main-bg-color: #333;--opposite-bg-color: #f0f0f0;--low-bg-color: #444;--high-bg-color: #555;--secondary-bg-color: #a5a5a5;--primary-text: #f0f0f0;--secondary-text: #333;--base-black: #333;--base-dark: #444;--base-white: #f0f0f0;--base-gray: #a5a5a5;--on-ice: #0858f9;--cold: #2ca0ff;--cool: #9cd2ff;--neutral: #fefeff;--warm: #ff8d8d;--hot: #ff525b;--on-fire: #ff1515;--winning-green: #0ea84c;--link-color: #2ca0ff;--warning-orange: #ff8515}@media(prefers-color-scheme:dark){:root{--main-bg-color: var(--base-black);--opposite-bg-color: var(--base-white);--secondary-bg-color: var(--base-gray);--primary-text: var(--base-white);--secondary-text: var(--base-black);--opposite-text: var(--base-black);--link-color: var(--cold)}}@media(prefers-color-scheme:light){:root{--main-bg-color: var(--base-white);--opposite-bg-color: var(--base-black);--secondary-bg-color: #d0d0d0;--primary-text: var(--base-black);--secondary-text: var(--base-black);--opposite-text: var(--base-white);--high-bg-color: var(--base-gray);--low-bg-color: var(--secondary-bg-color);--link-color: var(--on-ice)}}.ReactModal__Body--open{overflow:hidden}
