:root{--white:#fff;--grey-50:#f7f7fa;--grey-100:#f2f4f8;--grey-200:#eeeef3;--grey-300:#eaeaea;--grey-400:#99a4bd;--blue-400:#46a3ff;--blue-500:#0080ff;--blue-600:#0071e2;--blue-700:#005ebc;--blue-800:#004f99;--blue-900:#00407a;--slate-300:#8fbce9;--slate-400:#5e85ac;--slate-700:#2f475e;--dark-200:#4c5a65;--dark-300:#383e4a;--dark-400:#282e39;--dark-500:#1e2125;--dark-600:#131518;--dark-700:#0d0e11;--dark-800:#07080a}

:root{--background-color:var(--white);--background-color-dark:var(--grey-100);--background-color-darker:var(--grey-200);--background-color-light:var(--grey-200);--background-color-lighter:var(--grey-50);--background-color-gradient:var(--grey-50);--shadow-color:var(--dark-400);--line-color:var(--grey-400);--main-color:var(--blue-500);--main-color-dark:var(--blue-600);--main-color-light:var(--blue-400);--main-color-lighter:var(--grey-100);--text-color:var(--slate-700);--text-color-lighter:var(--white);--text-color-secondary:var(--dark-200)}[data-theme=dark]{--background-color:var(--dark-600);--background-color-dark:var(--dark-700);--background-color-darker:var(--dark-800);--background-color-gradient:var(--dark-500);--background-color-light:var(--dark-400);--background-color-lighter:var(--dark-300);--shadow-color:var(--dark-600);--line-color:var(--dark-200);--main-color:var(--blue-700);--main-color-dark:var(--blue-800);--main-color-light:var(--blue-600);--main-color-lighter:var(--dark-400);--text-color:var(--slate-400);--text-color-lighter:var(--slate-300)}::placeholder{color:var(--line-color);opacity:1}:-ms-placeholder-shown{color:var(--line-color)}::-moz-placeholder{color:var(--line-color)}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;background:linear-gradient(0deg, var(--background-color-gradient) 0%, var(--background-color) 10%, var(--background-color) 100%);background-color:var(--background-color);min-height:100vh;overflow-x:hidden}@supports (height:100dvh){html{min-height:100dvh}}body{background:linear-gradient(0deg, var(--background-color-gradient) 0%, var(--background-color) 10%, var(--background-color) 100%);background-color:var(--background-color);margin:0;padding:1rem}@media screen and (min-width:1024px){body{padding:2rem 8rem}}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);font-family:sans-serif;font-size:16px}a{color:var(--main-color)}
