.on-page-nav{background-color:#1b1a3d;color:#fff;position:relative}html:not(.is-navigation-open) .on-page-nav{z-index:1001}.on-page-nav:before{background-color:inherit;bottom:100%;height:30px;z-index:-1}.on-page-nav:after,.on-page-nav:before{content:"";left:0;position:absolute;width:100%}.on-page-nav:after{background-color:hsla(0,0%,100%,.2);height:1px;top:0;z-index:1}.on-page-nav__container{padding:0 var(--margin)}.on-page-nav__container,.on-page-nav__list{align-items:center;display:flex;justify-content:center}.on-page-nav__list{gap:30px}.on-page-nav__list a,.on-page-nav__list span{font-size:90%;opacity:.5;overflow:hidden;padding:20px 0;position:relative;text-decoration:none;transition:opacity .2s ease}.on-page-nav__list a.active,.on-page-nav__list a:hover,.on-page-nav__list span.active,.on-page-nav__list span:hover{opacity:1}.on-page-nav__list a.active:after,.on-page-nav__list span.active:after{background-color:currentColor;border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.on-page-nav__select{-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff'%3E%3Cpath d='M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-position:calc(100% - 8px) 50%;background-repeat:no-repeat;border:1px solid hsla(0,0%,100%,.2);border-radius:5px;color:#fff;display:block;font-size:90%;font-weight:500;margin:15px auto;padding:15px;width:100%}@media screen and (max-width:767px){.on-page-nav--list .on-page-nav__list{display:none}}@media screen and (min-width:768px){.on-page-nav__select{max-width:600px}.on-page-nav--list .on-page-nav__select{display:none}}