.ui-navigation{background:var(--theme-background-heavy);border-radius:18rem;display:flex;flex-direction:column;gap:6rem;margin-top:auto;padding:6rem 0 0}@media only screen and (min-width:768px){.ui-navigation{align-items:center;border-top:none;flex-direction:row;gap:0 18rem;justify-content:center;padding:12rem}}.ui-navigation__text{display:none}@media only screen and (min-width:768px){.ui-navigation__text{display:inline}}.ui-navigation__pages{align-items:center;display:flex;flex-wrap:wrap;gap:6rem;justify-content:center;padding:6rem 0;width:100%}@media only screen and (min-width:768px){.ui-navigation__pages{gap:6rem;padding:0;width:auto}}.ui-navigation .ui-navigation__page{align-items:center;border:1rem solid var(--theme-border);border-radius:12rem;color:var(--theme-text-secondary);display:flex;font-size:14rem;font-weight:600;height:32rem;justify-content:center;min-width:32rem;transition:background-color .2s,color .2s,border-color .2s}.ui-navigation .ui-navigation__page:hover{background:var(--theme-background-heavy);border-color:var(--theme-border-hover);color:var(--theme-text-primary)}.ui-navigation .ui-navigation__page--active{background:var(--theme-background-heavy);border-color:var(--theme-accent);color:var(--theme-text-primary)}.ui-navigation .ui-navigation__page--active:hover{background:var(--theme-background-heavy);border-color:var(--theme-border-hover);color:var(--theme-text-primary)}.ui-navigation__divider{line-height:150%;padding:0 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ui-navigation__divider,.ui-navigation__input-section{color:var(--theme-text-secondary);font-size:14rem;font-weight:600}.ui-navigation__input-section{align-items:center;display:flex;gap:4rem;justify-content:center;line-height:22rem;padding:6rem 0;width:100%}@media only screen and (min-width:768px){.ui-navigation__input-section{padding:0;width:auto}}.ui-navigation__pages-label{white-space:nowrap}.ui-navigation__input{background:var(--theme-background);border:1rem solid var(--theme-border);border-radius:12rem;color:var(--theme-text-primary);font-size:14rem;font-weight:600;height:32rem;margin:0 4rem;min-width:45rem;padding:4rem;text-align:right;transition:border-color .2s;width:48rem}.ui-navigation__input:focus{border-color:var(--theme-primary);outline:none}.ui-navigation__input::-webkit-inner-spin-button,.ui-navigation__input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.ui-navigation__pages-total{white-space:nowrap}