.nav__left{padding:4.2rem 3.2rem;position:fixed;width:30rem;left:0;height:100%;border-right:.1rem solid #efefef;transition:width .3s ease}.nav__left__toggle__arrow{display:none}.nav__left__toggle__arrow.collapsed{display:flex;height:25px;width:25px;position:absolute;bottom:4rem;margin-left:1rem}.nav__left.collapsed{width:12rem}.nav__left__toggle{display:flex;justify-content:start;align-items:start;cursor:pointer}.nav__left__logo{width:6.8rem;height:4.8rem;margin-left:.8rem}.toggle__icon{font-size:2rem;margin-left:0;padding:.5rem}.nav__left__heading{font-family:Inter,sans-serif;font-size:1.4rem;line-height:121.42857143%;text-transform:uppercase;margin-top:4.2rem;color:#a7a7a7;margin-left:1rem}.nav__left__list{display:flex;flex-direction:column;margin-top:1.3rem;gap:.7rem;position:relative}.nav__left__item{font-family:Inter,sans-serif;font-size:1.4rem;line-height:121.42857143%;display:flex;align-items:center;gap:.8rem;padding:.8rem;position:relative;z-index:10}.nav__left__item object{width:2.4rem;height:2.4rem}.nav__left__shadow{position:absolute;height:4rem;width:22.1rem;background-color:#f6f7f9;top:0;border-radius:.8rem;transition:.2s ease-out}.nav__left__divider{border-bottom:.1rem solid #efefef;width:30rem;position:absolute;top:42rem;left:0rem}.nav__left__profile{display:flex;align-items:center;gap:.8rem;position:relative;background:#f9fafb;border-radius:1rem;padding:1rem;margin-bottom:1rem}.nav__left__profile__box{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;top:10rem;background:transparent;border-radius:1rem;padding:1rem}.nav__left__avatar{width:5rem;height:5rem;border-radius:7.8rem;overflow:hidden;background-color:#f9fafb}.nav__left__details{display:flex;flex-direction:column;height:fit-content;width:12rem;gap:.6rem}.nav__left__name{font-family:SF Pro Display,sans-serif;font-size:1.4rem}.nav__left__role{font-family:SF Pro Display,sans-serif;font-size:1.2rem;color:#939393}.nav__left__profile__button{background:transparent;border:1px solid #efefef;padding:1rem 5.5rem;text:2rem;border-radius:6px;height:33px;@media (min-width: 1240px){height:40px}}.nav__left__profile__button:hover{background:#f9fafb}.nav__left__admin__button{background:#000000;color:#fff;font-family:Helvetica,sans-serif;border:1px solid #efefef;padding:1rem 3rem;text:2rem;border-radius:6px;height:33px;@media (min-width: 1240px){height:40px}}.nav__left__admin__button:hover{background:#f9fafb;color:#000}