header{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014;justify-content:space-between;width:calc(100% - var(--margin-spacing)*2);z-index:3}header,header ul,header>a{display:flex}header ul{flex-direction:row}header ul a{color:#1e1e28;display:block;font-size:18px;font-weight:700;padding:30px 25px;position:relative}header ul a:after{background:#1e1e28;border-radius:5px 5px 0 0;bottom:-1px;content:"";display:block;height:10px;opacity:0;position:absolute;transition:.3s ease}header ul a.router-link-active:after{left:calc(var(--position, 0px) + 50%);opacity:1;transform:translate(calc(-50% + var(--width-difference, 0px)/2));width:var(--width,100%)}@media screen and (max-width:635px){:root{--margin-header:129px}header{flex-direction:column;gap:var(--buttons-gap);padding:25px 0 0}header ul a{padding:var(--buttons-gap) var(--buttons-gap) var(--items-gap)}header ul a.router-link-active:after{width:calc(var(--width, 100%) - 12px)}}