.navigation[data-v-385bddb2]{border-bottom:1px solid var(--dark-grey);display:flex;font-size:var(--main-font-size);gap:1em;justify-content:space-around;margin-bottom:2em;overflow-x:auto;position:relative}.navigation[data-v-385bddb2]::-webkit-scrollbar{height:5px}.navigation a[data-v-385bddb2]{align-items:center;border-bottom:2px solid transparent;color:var(--primary-grey);display:flex;gap:.625em;padding:1.875em 1em;text-decoration:none;transition:all .2s}.navigation a .svg__box[data-v-385bddb2]{align-items:center;display:flex;justify-content:center}.navigation a .svg__box[data-v-385bddb2],.navigation a .svg__box svg[data-v-385bddb2]{height:1.5em;width:1.5em}.navigation a .svg__box svg[data-v-385bddb2] path{fill:transparent;stroke:var(--primary-grey);transition:all .2s}.navigation a[data-v-385bddb2]:hover{border-bottom:2px solid var(--secondary-text-color)}.navigation .active[data-v-385bddb2]{border-bottom:2px solid var(--primary);color:var(--white)}.navigation .active .svg__box[data-v-385bddb2] svg path{stroke:var(--white)}.navigation .active[data-v-385bddb2]:hover{border-bottom:2px solid var(--primary)}@media screen and (max-width:850px){.navigation[data-v-385bddb2]{gap:1em}}@media screen and (max-width:780px){.navigation[data-v-385bddb2]{gap:unset}}@media screen and (max-width:650px){.navigation[data-v-385bddb2]{margin-top:1em}.navigation a[data-v-385bddb2]{font-size:.85em;padding:1em .6em}}