.nav-item{position:relative}.nav-item .nav-border{position:absolute;opacity:0;transition:top .2s,left .2s,right .2s,width .2s}: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;left:var(--inset);border-left:var(--border-width) solid var(--border-color)}.nav-item .nav-border-1,.nav-item .nav-border-2{top:var(--inset);width:var(--nav-border-width);height:var(--nav-border-height);border-top:var(--border-width) solid var(--border-color)}.nav-item .nav-border-2{--border-color:#359fca;right:var(--inset);border-right:var(--border-width) solid var(--border-color)}.nav-item .nav-border-3{--border-color:#fcc03c;left:var(--inset);border-left:var(--border-width) solid var(--border-color)}.nav-item .nav-border-3,.nav-item .nav-border-4{bottom:var(--inset);width:var(--nav-border-width);height:var(--nav-border-height);border-bottom:var(--border-width) solid var(--border-color)}.nav-item .nav-border-4{--border-color:#61b055;right:var(--inset);border-right:var(--border-width) solid var(--border-color)}