.user-panel-menu{position:relative}.user-panel-menu__icon{cursor:pointer;color:#fff;font-size:24px;transition:background-color .3s,transform .2s}.user-panel-menu__icon:hover{transition:background-color .3s,transform .2s;transform:scale(1.2)}.user-sidebar{background-color:rgba(var(--main-green-rgb),.9);color:#fff;flex-direction:column;width:250px;height:100vh;padding-top:20px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.user-sidebar--open{transform:translate(0)}.user-sidebar__item{cursor:pointer;justify-content:flex-start;padding:15px 20px;font-size:18px;transition:background .3s;display:flex}.user-sidebar__item:hover{background-color:var(--main-hover-green)}
.navbar{z-index:10;background:linear-gradient(90deg,rgba(var(--main-green-rgb),1)0%,rgba(var(--main-black-rgb),.7)100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;padding:15px 20px;font-size:1.5rem;position:fixed;top:0}.navbar__navigation{align-items:center;gap:10px;display:flex}.navbar__navigation-center{flex-grow:1;justify-content:center;gap:10px;display:flex}.navbar__navigation-right{margin-left:auto}.navbar__navigation-left{margin-right:0}.navbar__item-container{padding:15px 0}.navbar__item{cursor:pointer;background-color:rgba(var(--main-green-rgb),.2);color:#fff;border-radius:5px;padding:15px 20px;transition:background-color .3s}.navbar__item a{color:#fff;font-weight:600;text-decoration:none}.navbar__item:hover{background-color:rgba(var(--main-green-rgb),.3);color:var(--main-green-color)}.navbar__item:hover a{color:var(--main-green-color)}@media (max-width:768px){.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0}.navbar__navigation{display:none}}
.site-scroller{z-index:10;background-color:rgba(var(--site-scroller-color),.9);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .5s;display:flex;position:fixed;bottom:100px;right:100px}.site-scroller:hover{background-color:rgba(var(--site-scroller-color),1);transition:all .5s;transform:scale(1.2);box-shadow:0 6px 8px #0003}.site-scroller__icon{color:#fff;cursor:pointer;font-size:20px;transition:all .5s}