/* From Uiverse.io by doniaskima; scoped to the four navigation links. */
.app-nav-links .btn-17,.app-nav-links .btn-17 *,.app-nav-links .btn-17::before,.app-nav-links .btn-17::after{box-sizing:border-box}
.app-nav-links .btn-17{-webkit-tap-highlight-color:transparent;display:inline-block;position:relative;overflow:hidden;isolation:isolate;z-index:0;background:transparent;color:#fff;border:0;border-radius:0;padding:.6rem 1.05rem;margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-17 .text-container{position:relative;display:block;overflow:hidden;z-index:1;color:#fff}.btn-17 .text{display:block;position:relative}
.btn-17:hover .text,.btn-17:focus-visible .text{animation:nav-move-up-alternate .3s forwards}
@keyframes nav-move-up-alternate{0%{transform:translateY(0)}50%{transform:translateY(80%)}51%{transform:translateY(-80%)}100%{transform:translateY(0)}}
.btn-17::before,.btn-17::after{--skew:.2;background:#f0b90b;content:"";display:block;height:102%;left:calc(-50% - 50% * var(--skew));pointer-events:none;position:absolute;top:-104%;transform:skew(calc(150deg * var(--skew))) translateY(var(--progress,0));transition:transform .2s ease;width:100%;z-index:0}
.btn-17::after{--progress:0%;left:calc(50% + 50% * var(--skew));top:102%}.btn-17:hover::before,.btn-17:focus-visible::before{--progress:100%}.btn-17:hover::after,.btn-17:focus-visible::after{--progress:-102%}
.app-nav{flex-wrap:wrap}.app-nav-links{gap:10px;flex-wrap:wrap}
@media(max-width:680px){.app-nav-links{gap:8px}.app-nav-links .btn-17{font-size:12px;padding:.5rem .85rem}.app-nav-links .network-pill{margin-left:0}}
@media(prefers-reduced-motion:reduce){.btn-17:hover .text,.btn-17:focus-visible .text{animation:none}.btn-17::before,.btn-17::after{transition:none}}

.btn-17 .text-container{transition:color .2s ease}.btn-17:hover .text-container,.btn-17:focus-visible .text-container{color:#211b06}