.common_navigation-container{-o-border-image:linear-gradient(90deg,transparent 10px,var(--color-accent-edges-100) 50%,transparent calc(100% - 10px));border-image:linear-gradient(90deg,transparent 10px,var(--color-accent-edges-100) 50%,transparent calc(100% - 10px));border-top:1px solid transparent;border-bottom:1px solid transparent;border-image-slice:1;box-shadow:0 0 1vh rgba(var(--mono-000),.33);height:15vh;width:100%;display:flex;background-color:rgb(var(--color-mono-200));border-radius:var(--border-radius);grid-column-gap:1vw;-moz-column-gap:1vw;column-gap:1vw;align-items:center;justify-content:center}.common_navigation-container a{--nav-color:rgb(var(--color-mono-400));display:grid;grid-row-gap:1vh;row-gap:1vh;align-items:center;justify-items:center;place-items:center;align-content:center;justify-content:center;place-content:center;position:relative;height:100%;min-width:160px;color:var(--nav-color);font-size:var(--font-size-24);font-family:var(--decor-font);letter-spacing:.15ch;transition-duration:.25s}.common_navigation-container a span{position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-edges-300) 50%,transparent)}.common_navigation-container a i{width:32px;height:32px;fill:var(--nav-color);transition:inherit}.common_navigation-container a:hover{--nav-color:rgb(var(--color-mono-1000))}.common_navigation-container a:hover i{transform:translateY(-9vh) scale(1.5);filter:drop-shadow(0 0 10px var(--color-accent-lighting))}.common_navigation-container .active{--nav-color:rgb(var(--color-mono-800))}.common_navigation-container .active a{color:rgb(var(--color-mono-900))}.common_navigation-separator{align-self:center;width:5px;aspect-ratio:1/3;background-color:rgb(var(--color-mono-500));border-radius:var(--border-radius)}