.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{background-color:rgb(var(--bg-color));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}@media only screen and (width<=749px){.top-nav .top-nav__item h4{font-size:.8rem}}.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%);background-color:rgb(var(--bg-color));z-index:2;width:20px;height:100%;position:absolute;top:0;right:0;transform:translate(50%)}.top-nav .top-nav__item:first-of-type:after{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{background-color:rgb(var(--bg-color))}.top-nav .top-nav__item:nth-of-type(3):before,.top-nav .top-nav__item:nth-of-type(3):after,.top-nav .top-nav__item:nth-of-type(4):before{content:"";background-color:rgb(var(--bg-color))}.top-nav .top-nav__item:nth-of-type(4):after{content:none}