: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)}.modal-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000001a;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog__container{width:320px;background-color:#fff;border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.modal-dialog__header{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center}