.one-pnav{--pn-red:#d71635;background-color:#1a1c20;font-family:"Red Hat Display",Helvetica,Arial,sans-serif;font-size:16px;box-sizing:border-box}.one-pnav *,.one-pnav *::before,.one-pnav *::after{box-sizing:border-box;border-radius:0}.one-pnav__track{display:grid;grid-template-columns:repeat(7,1fr)}.one-pnav__tab{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 20px;text-decoration:none;color:rgb(255 255 255 / .5);text-align:center;border-right:1px solid rgb(255 255 255 / .06);transition:background-color 0.2s ease,color 0.2s ease}.one-pnav__tab:last-child{border-right:0}.one-pnav__tab:hover{color:#fff;background:rgb(255 255 255 / .05)}.one-pnav__tab--active{background:var(--pn-red);color:#fff}.one-pnav__num{font-size:22px;font-weight:900;line-height:1}.one-pnav__icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.one-pnav__icon>i,.one-pnav__icon>svg{width:1em;height:1em;font-size:inherit;color:currentColor;line-height:1}.one-pnav__icon>svg{fill:currentColor}.one-pnav__title{font-size:11px;font-weight:600;line-height:1.3}.one-pnav :focus-visible{outline:2px solid #fff;outline-offset:-2px}