nav[data-v-f3a13b4f]{--transition-duration:.25s;background:linear-gradient(to bottom,var(--primary-500),var(--primary-400));bottom:0;padding-inline:var(--m-medium);position:fixed;width:100vw;z-index:1}ul[data-v-f3a13b4f]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;list-style-type:none;text-align:center}li[data-v-f3a13b4f]{background-color:transparent;color:var(--bg-light);overflow:hidden;transition:background-color var(--transition-duration) ease-in-out}li.active[data-v-f3a13b4f]{background-color:var(--secondary);border-radius:0 0 100vw 100vw;box-shadow:0 0 16px var(--secondary);color:var(--bg-dark)}i[data-v-f3a13b4f]{display:block;margin:var(--m-half);transition:color var(--transition-duration) ease-in-out}a[data-v-f3a13b4f]{display:inline-block;font-size:var(--font-size-small);height:100%;padding:var(--m-medium)}a[data-v-f3a13b4f],a[data-v-f3a13b4f]:hover,a[data-v-f3a13b4f]:visited{color:currentColor;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;transition:text-decoration-color .15s ease-out}a[data-v-f3a13b4f]:hover{text-decoration-color:currentColor}li i.fa-bicycle[data-v-f3a13b4f]{text-align:center;visibility:hidden}li.active i.fa-bicycle[data-v-f3a13b4f]{animation:bicycle-active-enter-f3a13b4f var(--transition-duration) ease-out forwards;visibility:visible}.page-name[data-v-f3a13b4f]{display:none}@keyframes bicycle-active-enter-f3a13b4f{0%{transform:translate(-100%)}to{transform:translate(0)}}@media screen and (width >=768px){nav[data-v-f3a13b4f]{border-radius:var(--m-large);margin-inline:var(--m-large);padding:var(--m-medium);position:static;width:auto}li[data-v-f3a13b4f]{flex-direction:row}li i[data-v-f3a13b4f]{display:inline-block;margin:0 var(--m-half)}li.active[data-v-f3a13b4f]{border-radius:var(--m-medium)}li:not(.active) i.fa-bicycle[data-v-f3a13b4f]{display:none}li.active .page-name[data-v-f3a13b4f]{display:initial}}@media screen and (width >=1024px){a[data-v-f3a13b4f]{font-size:var(--font-size-small);padding:var(--m-small-medium)}}@media screen and (width >=1440px){nav[data-v-f3a13b4f]{margin-inline:auto;max-width:calc(1440px - var(--m-large)*2)}.page-name[data-v-f3a13b4f]{display:initial}}