:root{--color-primary-surface:#312c3d;--color-secondary-surface:#231f2c;--color-tertiary-surface:#1c1824;--color-primary-text:#fff;--color-secondary-text:#e6ebed;--color-tertiary-text:#b4b7b8;--color-primary-icon:#fff;--color-secondary-icon:#b0bac9;--color-tertiary-icon:#6c7a92;--color-primary-common-accent:#e36282;--color-secondary-common-accent:#d1345b;--color-tertiary-common-accent:#a62343;--color-primary-common-light:#fff;--color-primary-common-dark:#323638;--color-primary-overlay:#231f2c4b;--size-small:2px;--size-small-x:4px;--size-small-xx:8px;--size-small-xxx:12px;--size-medium:14px;--size-medium-x:16px;--size-medium-xx:20px;--size-large:24px;--size-large-x:32px;--size-large-xx:40px;--size-large-xxx:54px}.light:root{--color-primary-surface:#fff;--color-secondary-surface:#edf2f8;--color-tertiary-surface:#d7dfe9;--color-primary-text:#000;--color-secondary-text:#323638;--color-tertiary-text:#40464a;--color-primary-icon:#121212;--color-secondary-icon:#4f4f4f;--color-tertiary-icon:#bdbdbd;--color-primary-common-accent:#e36282;--color-secondary-common-accent:#d1345b;--color-tertiary-common-accent:#a62343;--color-primary-common-light:#fff;--color-primary-common-dark:#323638;--color-primary-overlay:#231f2c4b}*{box-sizing:border-box;font-family:var(--font-ubuntuSans),sans-serif}::-webkit-scrollbar{width:var(--size-small-xx)}::-webkit-scrollbar-track{background:var(--color-tertiary-surface);border-radius:20px}::-webkit-scrollbar-thumb{background-color:var(--color-secondary-icon);border-radius:20px}body{min-height:100vh;color:var(--color-primary-text);background-color:var(--color-primary-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;display:flex}a,p,h1,h2,h3,h4,h5,h6{margin:0;text-decoration:none}ul,ol,li,button{margin:0;padding:0;list-style:none}
.screenContainer{width:100%;max-width:1232px;padding:calc(130px + var(--size-medium-xx))var(--size-medium-x)var(--size-medium-x);flex:1;margin:0 auto}@media (max-width:1024px){.screenContainer{padding-top:calc(80px + var(--size-medium-xx))}}.onlyMobile{display:flex}@media (min-width:1024px){.onlyMobile{display:none}}.onlyDesktop{display:none}@media (min-width:1024px){.onlyDesktop{display:flex}}
