:root{--primary: #3369F3;--secondary: #A2BAF7;--font-primary: #000000;--font-secondary: #DADCE0;--font-tertiary: #FFFFFF;--font-messages: #8E8E92;--light-grey: #D9D9D9}html,body,h1,h2,h3,h4,h5,h6,p,div,span,*{font-family:DM Sans,Roboto Light,sans-serif;padding:0;margin:0}.main{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--font-primary)}.main__links{display:flex;flex-direction:column;gap:16px;list-style:none}.trim-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-placeholder{width:24px;height:24px;background-color:var(--primary)}.icon-placeholder_selected{background-color:var(--font-tertiary)}.title{font-size:16px;font-weight:600}.auth{margin-top:48px;align-self:center}.auth__link{text-transform:uppercase;color:var(--font-primary)}.button{text-transform:uppercase;cursor:pointer}.button:disabled{opacity:.2}.button_primary{padding:9px 16px;background-color:var(--secondary);color:var(--font-tertiary);text-transform:uppercase;border:none;border-radius:8px;cursor:pointer}.button_secondary{background-color:transparent;border:none;color:var(--secondary);font-size:12px}