.dark__icon{transition:transform .2s ease}.dark__icon.active{transform:rotate(180deg)}.header{background-color:var(--c3);height:60px;left:0;margin:auto;padding:0 1rem;position:fixed;right:0;top:0;z-index:99999999}.header,.header__right{display:flex}.header__right__item{align-items:center;cursor:pointer;display:flex;margin-left:20px;position:relative}.header__right__item__icon{height:30px;width:30px}.search__icon{height:35px;width:35px}.header__logo{align-items:center;color:var(--b1);cursor:pointer;display:flex;flex:1;font-family:"2";font-size:1.2rem;margin-right:1rem;white-space:nowrap}.header__user__name{color:var(--b1);margin-left:10px}.menu{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background-color:var(--c5);border-radius:var(--brd1);opacity:0;padding:1rem;position:fixed;right:1rem;top:75px;transform:translate(110%);transition:var(--trt),var(--tro);width:480px;z-index:999999}.menu.active{opacity:1;transform:translate(0)}.menu__scroll{display:flex;flex-direction:column;overflow-x:hidden}.menu__block__item{border-bottom:var(--brc1);cursor:pointer;position:relative;transition:var(--trt)}.menu__block__item:before{border-right:3px solid var(--a1);border-top:3px solid var(--a1);bottom:0;content:"";height:8px;margin:auto;position:absolute;right:10px;top:0;transform:rotate(45deg);width:8px}.menu__block__item:last-child{border-bottom:none}.menu__block__item:hover{color:var(--a1);transform:translate(3px)}.menu__block__link{color:var(--b2);display:flex;font-family:"2";font-size:1.3rem;height:100%;padding:1rem 0;transition:transform .2s ease-in-out;width:100%}.header__right__item__notify{align-items:center;background-color:#de4c4c;border-radius:50%;color:var(--w);display:flex;height:20px;justify-content:center;position:absolute;right:-7px;top:7px;width:20px}@media (max-width:992px){.header__user__name{display:none}}@media (max-width:700px){.header{left:0}.header__right__item{margin-left:10px}.header__right__item__icon{height:30px;width:30px}}@media (max-width:500px){.menu{align-items:flex-end;height:100%;max-height:1000px;min-height:100%;min-height:300px;overflow-y:scroll;right:0;transform:translateY(100%);width:100%}}.side{background-color:var(--c3);height:100%;left:0;overflow-y:auto;padding:100px 1rem 1rem;position:fixed;top:0;width:250px;z-index:99999}.side__wrap{display:flex;flex-direction:column}.side__item:hover{border-right:2px solid var(--a1);opacity:1;transform:scale(1.05)}.side__item{align-items:center;color:var(--b1);cursor:pointer;display:flex;opacity:.8;padding:1rem 0;position:relative;transition:transform .2s ease,opacity .2s ease}.side__item__icon{height:30px;width:30px}.side__item__text{font-size:1.3rem;margin-left:.5rem;text-transform:none}@media (max-width:768px){body{padding-bottom:100px}.side{bottom:0;height:90px;left:0;padding:0;top:auto;width:100%;z-index:999999}.side__wrap{flex-direction:row;justify-content:space-around}.side__item__text{font-size:10px;margin-left:0;margin-top:5px;text-align:center}.side__item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem}.side__item:hover{border-bottom:2px solid var(--a1);border-right:none}.side__item__icon{height:28px;width:28px}}.top.active{transform:translate(0)}.top{background-color:var(--c2);border-radius:var(--brd1);bottom:25px;cursor:pointer;height:50px;padding:12px;position:fixed;right:10px;transform:translate(300px);transition:var(--trt);width:50px;z-index:99999}@media (max-width:768px){.top{bottom:100px}}