.nav-item{position:relative}.nav-item .nav-border{opacity:0;transition:top .2s,left .2s,right .2s,width .2s;position:absolute}.nav-item.nav-always-show .nav-border{--inset:-5px;opacity:1}:root{--nav-border-width:10px;--nav-border-height:10px;--inset:50%;--border-width:2px;--border-color:white}.nav-item:hover .nav-border{--inset:-5px;opacity:1}.nav-item .nav-border-1{--border-color:#de2630;top:var(--inset);left:var(--inset);width:var(--nav-border-width);height:var(--nav-border-height);border-top:var(--border-width) solid var(--border-color);border-left:var(--border-width) solid var(--border-color)}.nav-item .nav-border-2{--border-color:#359fca;top:var(--inset);right:var(--inset);width:var(--nav-border-width);height:var(--nav-border-height);border-top:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color)}.nav-item .nav-border-3{--border-color:#fcc03c;bottom:var(--inset);left:var(--inset);width:var(--nav-border-width);height:var(--nav-border-height);border-bottom:var(--border-width) solid var(--border-color);border-left:var(--border-width) solid var(--border-color)}.nav-item .nav-border-4{--border-color:#61b055;bottom:var(--inset);right:var(--inset);width:var(--nav-border-width);height:var(--nav-border-height);border-bottom:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color)}