.secondary-nav:is(nav){background:var(--white);height:fit-content;margin-right:10vw;padding:5px 0}.secondary-nav:is(nav) ul{align-items:center;container-type:inline-size;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;height:100%;justify-content:flex-start;list-style:none;margin:0;padding:0;width:100%}.secondary-nav:is(nav) li{font-size:clamp(.5rem,1.2cqi,1rem);padding:0 1vw;position:relative;white-space:nowrap}.secondary-nav:is(nav) li:not(:last-child){border-right:1px solid var(--blue-500)}.secondary-nav:is(nav) ul li a{color:var(--blue-500);display:block;height:100%;padding:0;text-align:center;text-decoration:none;text-transform:uppercase}.secondary-nav:is(nav) ul li a.active,.secondary-nav:is(nav) ul li a:hover{color:var(--secondary-100)}.secondary-nav:is(nav) ul li a:before{border:0 solid transparent;border-top:5px solid var(--secondary-100);bottom:-5px;content:"";display:block;height:0;left:25%;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .5s ease-in-out;width:50%}.secondary-nav:is(nav) ul li a.active:before,.secondary-nav:is(nav) ul li a:hover:before{border-color:var(--secondary-100);transform:scaleX(100%);transform-origin:left;transition:transform .5s ease-in-out}.secondary-nav:is(nav) ul li a.active{pointer-events:none}@media (max-width:1024px){.secondary-nav:is(nav){background:none}.secondary-nav:is(nav) ul{display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.secondary-nav:is(nav) li{background:var(--white)}.secondary-nav:is(nav) li:not(:last-child){border:none}.secondary-nav:is(nav) ul li a{padding:.5rem 0}.secondary-nav:is(nav) ul li a div{font-size:2vw}}@media (max-width:700px){.secondary-nav:is(nav) ul{grid-template-columns:1fr}.secondary-nav:is(nav) ul li a div{font-size:4vw}.secondary-nav:is(nav) ul li a:before{bottom:0}}