.navigation-rail ul[role="menu"] li{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 12px;
}
.navigation-rail ul[role="menu"] li svg{
    min-width: 75%;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
}
.navigation-rail ul[role="menu"] li ul[role="menuitem"] li svg{
    min-width: 24px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.navigation-rail ul[role="menu"]{
    background-color: var(--gears-surfacecontainer-color);
    color: var(--gears-onsurfacecontainer-color);
}

[data-theme='light'] .navigation-rail ul[role="menu"] {
    background-color: var(--gears-primary-color);
    color: var(--gears-onprimary-color);
}
@media (max-width:960px){
    .navigation-rail{
        background-color: var(--gears-surfacecontainerlowest-color);
    }
    .navigation-rail div[role="img"] a:hover {
        background:rgba(0, 0, 0, 0.1);
    }
}
.navigation-rail div[role="menubar"] {
    width:100%;
    text-align: center;
    padding:4px;
}
.navigation-rail ul[role="menu"] li:hover{
    background:rgba(0, 0, 0, 0.1);
}
.navigation-rail ul[role="menu"] li:active {
    background:rgba(0, 0, 0, 0.2);
}
.navigation-rail ul[role="menu"] li ul[role="menuitem"] li:focus{
    background:rgba(0, 0, 0, 0.1);
}
.navigation-rail div[role="menubar"]:hover {
    background:rgba(0, 0, 0, 0.1);
}

.navigation-rail div[role="menubar"]:active {
    background:rgba(0, 0, 0, 0.2);
}