.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 (width<=749px){.top-nav[data-hide-mobile=true]{display:none}.top-nav .page-width{padding:0}}@media only screen and (width>=750px){.top-nav[data-hide-desktop=true]{display:none}}.top-nav .top-nav__container{gap:0}.top-nav .top-nav__item{justify-content:center;align-items:center;padding:1.5rem;text-decoration:none;display:flex;position:relative}@media only screen and (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{clip-path:polygon(100% 0,0 100%,100% 100%);width:20px;height:100%;position:absolute;top:0;left:0;transform:translate(-50%)}.top-nav .top-nav__item:after{content:"";clip-path:polygon(100% 0,0 0,0 100%);z-index:2;background-color:#00f;width:20px;height:100%;position:absolute;top:0;right:0;transform:translate(50%)}.top-nav .top-nav__item:first-of-type,.top-nav .top-nav__item:first-of-type: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}