sidebar-container {
     width: 60px;
     min-height: calc(100vh - 60px);
     background: #2F3139;
     display: inline-block;
     /* position: relative; */

     position: fixed;
     top: 60px;
     left: 0px;
     bottom: 0px;

     z-index: 1;
}
sidebar-container button {
     color: #A7ACBB;
     width: 100%;
     height: 60px;
     background: none;
     border: none;
     position: relative;
     cursor: pointer;
     outline: none;

     min-height: unset !important;
     padding: unset !important;
     display: inline-block !important;
     border-radius: 0px !important;
     transition: none !important;
}
sidebar-container button:hover {
     background-color: #464646 !important;
}
sidebar-container button > .material-icons {
     pointer-events: none;
}
sidebar-container button[selected] {
     color: #fff !important;
}
sidebar-container button[selected]::before {
     content: '';
     height: 100%;
     width: 5px;
     background-color: #6A9CF4;
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: 0px;
}
sidebar-container button:last-of-type {
     border-bottom: 1px solid #1C1E22;
}
sidebar-container button:last-of-type::after {
     content: '';
     height: 1px;
     background: #343a3e;
     position: absolute;
     bottom: -2px;
     left: 0px;
     right: 0px;
}

account-container {
     width: 100%;
     height: 60px;
     color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 0px;
     position: absolute;
     left: 0px;
     cursor: pointer;
     border-top: 1px solid #1C1E22;
}
account-container:hover {
     background: #464646;
}
account-container::after {
     content: '';
     height: 1px;
     background: #343a3e;
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
}
account-container > .material-icons {

}