.color--primary{color:#d02a2e}#sidebar{background-color:#fff;color:#c81919;max-width:300px;min-width:300px;position:relative;transition:all .3s}#sidebar.sidebar--main{height:100vh;left:-300px;overflow-y:auto;padding-bottom:60px;position:fixed;top:0;z-index:1050}#sidebar.sidebar--main.active{left:0}#sidebar .sidebar--header{align-items:center;background-color:#c81919;color:#fff;display:flex;padding:44px 16px 28px}#sidebar .sidebar--header .back--arrow{cursor:pointer;display:flex;margin-right:16px}#sidebar .sidebar--header .back--arrow img{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}#sidebar .sidebar--header .profile--picture{border-radius:50%;height:32px;margin-right:12px;-o-object-fit:cover;object-fit:cover;width:32px}#sidebar .sidebar--header .profile--name{color:#fff;font-family:Poppins-Bold;font-size:.8rem}#sidebar .sidebar--header .profile--since{color:#fff;font-size:.7rem;margin-top:4px}#sidebar .sidebar--header .sidebar--content-title{color:#fff;font-family:Poppins-Bold;font-size:1rem}#sidebar .sidebar--content{overflow-y:scroll;padding:16px 0}#sidebar .sidebar--content .sidebar--item{color:#5a6f7d;cursor:pointer;display:block;font-family:Poppins-Bold;font-size:.9rem;padding:14px 24px;position:relative;width:100%}#sidebar .sidebar--content .sidebar--item img{height:24px;-o-object-fit:contain;object-fit:contain;position:absolute;right:24px;top:12px;width:24px}#sidebar .sidebar--content .sidebar--item:hover{background-color:#fdf3f4;color:#d02a2e}#sidebar .sidebar--content .sidebar--item-title{color:#999;font-size:.8rem;padding:20px 24px 8px;width:100%}#sidebar .sidebar--footer{align-items:center;background-color:#fdf3f4;bottom:0;display:flex;left:0;padding:26px 24px;position:absolute;width:100%}#sidebar .sidebar--footer .sidebar--footer-item{color:#5a6f7d;font-family:Poppins-Bold;font-size:.8rem;margin-right:16px}#sidebar .sidebar--footer .sidebar--footer-item:last-child{margin-right:0}.overlay{background:#000000b3;display:none;height:100vh;opacity:0;position:fixed;top:0;transition:all .5s ease-in-out;width:100vw;z-index:1040}.overlay.active{display:block;opacity:1}