.TheHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px;padding:16px 32px}@media (max-width:768px){.TheHeader{margin-bottom:0;padding:8px 16px}}.TheHeader__side{align-items:center;display:flex;justify-content:space-between}.TheHeader__avatar{border-radius:50%;cursor:pointer;height:32px;margin-left:16px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:32px}.TheHeader__logo{cursor:pointer}.TheFooter{border-top:1px solid var(--main-black-08);justify-content:space-between;margin-top:50px;padding:20px 0 32px}.TheFooter,.TheFooter__list{align-items:center;display:flex}@media (max-width:768px){.TheFooter,.TheFooter__list{display:block;margin-top:60px}}.TheFooter__quit{color:var(--typography-secondary);cursor:pointer;font-size:18px;font-weight:400;line-height:24px;margin-left:100px}.TheFooter__quit:hover{color:var(--main-black)}@media (max-width:768px){.TheFooter__quit{margin-left:0;margin-top:24px}}.TheFooter__item{align-items:center;color:var(--typography-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:400;line-height:24px}.TheFooter__item:hover{color:var(--main-black)}.TheFooter__item:hover .TheFooter__icon path{fill:var(--main-black)}.TheFooter__item+.TheFooter__item{margin-left:24px}@media (max-width:768px){.TheFooter__item+.TheFooter__item{margin-left:0;margin-top:16px}}.TheFooter__icon{display:flex;margin-right:8px}