.nav button{border:0}
.nav button.active,.nav button.active:hover{background:#d4ff78;color:#1d4537}
.rail-icon{position:relative;inset:auto;display:block;width:22px;height:22px;margin:0;filter:none;transform:none}
.rail-icon::before,.rail-icon::after{content:"";position:absolute;box-sizing:border-box}

.rail-icon-overview{border:0;background:linear-gradient(currentColor,currentColor) 1px 1px/9px 9px no-repeat,linear-gradient(currentColor,currentColor) 12px 1px/9px 9px no-repeat,linear-gradient(currentColor,currentColor) 1px 12px/9px 9px no-repeat,linear-gradient(currentColor,currentColor) 12px 12px/9px 9px no-repeat}
.rail-icon-overview::before{left:3px;top:3px;width:5px;height:5px;border-radius:1px;background:#111719;box-shadow:11px 0 #111719,0 11px #111719,11px 11px #111719}
.rail-icon-overview::after{display:none}

.rail-icon-building{width:18px;height:19px;margin-top:1px;border:2px solid currentColor;border-radius:2px;background:linear-gradient(currentColor,currentColor) 4px 4px/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 10px 4px/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 4px 9px/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 10px 9px/2px 2px no-repeat}
.rail-icon-building::before{left:3px;top:-6px;width:9px;height:9px;border-left:2px solid currentColor;border-top:2px solid currentColor;border-radius:1px;transform:rotate(45deg)}
.rail-icon-building::after{left:6px;bottom:0;width:4px;height:5px;border:2px solid currentColor;border-bottom:0}

.rail-icon-folder{width:21px;height:15px;margin-top:4px;border:2px solid currentColor;border-radius:2px 3px 3px 3px}
.rail-icon-folder::before{left:-2px;top:-7px;width:10px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}
.rail-icon-folder::after{left:2px;top:3px;width:13px;height:2px;border-radius:2px;background:currentColor;opacity:.65}

.rail-icon-nodes{width:21px;height:17px;border:2px solid currentColor;border-radius:4px}
.rail-icon-nodes::before{left:3px;top:4px;width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:6px 0 currentColor,12px 0 currentColor}
.rail-icon-nodes::after{left:4px;bottom:-5px;width:2px;height:4px;border-radius:0 0 2px 2px;background:currentColor;box-shadow:6px 0 currentColor,12px 0 currentColor}

.rail-icon-map{width:22px;height:19px;border:0;transform:none}
.rail-icon-map::before{left:1px;top:2px;width:20px;height:17px;background:currentColor;clip-path:polygon(0 12%,32% 0,68% 12%,100% 0,100% 88%,68% 100%,32% 88%,0 100%)}
.rail-icon-map::after{left:3px;top:4px;width:16px;height:13px;background:#111719;clip-path:polygon(0 12%,29% 0,29% 78%,35% 80%,35% 2%,65% 12%,65% 98%,71% 96%,71% 10%,100% 0,100% 82%,71% 94%,65% 96%,35% 84%,29% 82%,0 94%)}

.rail-icon-users,.rail-icon-user{border:0}
.rail-icon-users::before,.rail-icon-user::before{left:7px;top:1px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
.rail-icon-users::after,.rail-icon-user::after{left:3px;bottom:1px;width:16px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0}

.rail-icon-audit{background:linear-gradient(currentColor,currentColor) 6px 3px/15px 2px no-repeat,linear-gradient(currentColor,currentColor) 6px 10px/15px 2px no-repeat,linear-gradient(currentColor,currentColor) 6px 17px/15px 2px no-repeat}
.rail-icon-audit::before{left:0;top:3px;width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:0 7px currentColor,0 14px currentColor}
.rail-icon-audit::after{display:none}

.rail-icon-logout{width:22px;height:22px}
.rail-icon-logout::before{left:1px;top:2px;width:10px;height:18px;border:2px solid currentColor;border-right:0;border-radius:2px}
.rail-icon-logout::after{left:8px;top:5px;width:14px;height:12px;background:currentColor;clip-path:polygon(0 42%,55% 42%,55% 8%,100% 50%,55% 92%,55% 58%,0 58%)}

.nav button{position:relative}
.nav button>.rail-icon{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%)}
.nav button>.rail-icon-map{transform:translate(-50%,-50%)}
.nav button.active,.nav button.active:hover{background:#263033;color:#fff;box-shadow:inset 3px 0 #d4ff78}
.sidebar>.nav{display:flex;flex:1;flex-direction:column;align-items:center;padding-bottom:18px}
.nav-page-users{margin-top:auto}
@media(max-width:760px){.sidebar>.nav{flex-direction:row;flex:1;padding-bottom:0}.nav-page-users{margin-top:0;margin-left:auto}}
