.top-nav{text-align:center;background:linear-gradient(90deg,rgb(var(--starting-bg)) 50%,rgb(var(--end-bg)) 50%);--page-width:1920px}@media only screen and (max-width:749px){.top-nav[data-hide-mobile=true]{display:none}.top-nav .page-width{padding:0}}@media only screen and (min-width:750px){.top-nav[data-hide-desktop=true]{display:none}}.top-nav .top-nav__container{column-gap:0;row-gap:0}.top-nav .top-nav__item{padding:1.5rem;position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:749px){.top-nav .top-nav__item{padding-top:1.2rem;padding-bottom:1.2rem}}.top-nav .top-nav__item h4{font-size:1.2rem}.top-nav .top-nav__item::before{position:absolute;height:100%;width:20px;left:0;top:0;clip-path:polygon(100% 0,0 100%,100% 100%);transform:translateX(-50%)}.top-nav .top-nav__item::after{content:"";position:absolute;height:100%;width:20px;right:0;top:0;clip-path:polygon(100% 0,0 0,0 100%);transform:translateX(50%);background-color:#00f;z-index:2}.top-nav .top-nav__item:nth-of-type(1),.top-nav .top-nav__item:nth-of-type(1)::after,.top-nav .top-nav__item:nth-of-type(2){background-color:rgb(var(--bg-color))}.top-nav .top-nav__item:nth-of-type(2)::before{content:"";background-color:rgb(var(--bg-color))}.top-nav .top-nav__item:nth-of-type(2)::after,.top-nav .top-nav__item:nth-of-type(3){background-color:rgb(var(--bg-color))}.top-nav .top-nav__item:nth-of-type(3)::before{content:"";background-color:rgb(var(--bg-color))}.top-nav .top-nav__item:nth-of-type(3)::after{content:none}