nav[data-v-f3a13b4f]{--transition-duration:.25s;background:linear-gradient(to bottom,var(--primary-500),var(--primary-400));padding-inline:var(--m-medium);position:fixed;bottom:0;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;transition:background-color var(--transition-duration) ease-in-out;overflow:hidden;color:var(--bg-light)}li.active[data-v-f3a13b4f]{background-color:var(--secondary);border-radius:0 0 100vw 100vw;color:var(--bg-dark);box-shadow:0 0 16px var(--secondary)}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;height:100%;font-size:var(--font-size-small);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 (min-width:768px){nav[data-v-f3a13b4f]{position:static;margin-inline:var(--m-large);padding:var(--m-medium);border-radius:var(--m-large);width:auto}li[data-v-f3a13b4f]{flex-direction:row}li i[data-v-f3a13b4f]{margin:0 var(--m-half);display:inline-block}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 (min-width:1024px){a[data-v-f3a13b4f]{font-size:var(--font-size-small);padding:var(--m-small-medium)}}@media screen and (min-width:1440px){nav[data-v-f3a13b4f]{margin-inline:auto;max-width:calc(1440px - var(--m-large)*2)}.page-name[data-v-f3a13b4f]{display:initial}}