:root{--app-bottom-nav-content-clearance:calc(92px + env(safe-area-inset-bottom,0px))}.app-bottom-nav{z-index:30;bottom:calc(14px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(18px);background:#0e131af0;border:1px solid #ffffff1f;border-radius:48px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:min(500px,100% - 24px);padding:4px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.app-bottom-nav a{color:#b4bdc8;border-radius:38px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:52px;padding:3px 0;font:500 12px/1.1 Arial,sans-serif;text-decoration:none;display:flex}.app-bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.app-bottom-nav span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-bottom-nav a[aria-current=page]{color:#4dde1f;background:#4dde1f21}.app-bottom-nav,.app-bottom-nav *{box-sizing:border-box}.app-bottom-nav a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-bottom-nav a:focus-visible{outline-offset:3px;outline:3px solid #008cff}.app-bottom-nav .app-bottom-nav__checkin{color:#071421;background:#4dde1f;border-radius:50%;justify-self:center;width:52px;height:52px;min-height:52px;padding:0;box-shadow:0 0 0 5px #4dde1f1f,0 8px 22px #0000004d}.app-bottom-nav .app-bottom-nav__checkin[aria-current=page]{color:#071421;background:#4dde1f}.app-bottom-nav__checkin-icon{place-items:center;width:52px;height:52px;display:grid}.app-bottom-nav__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:has(.app-bottom-nav) .protocol-page,body:has(.app-bottom-nav) .profile-page,body:has(.app-bottom-nav) .news-page,body:has(.app-bottom-nav) .stats-web,body:has(.app-bottom-nav) .explore-page{padding-bottom:var(--app-bottom-nav-content-clearance)}body:has(.app-bottom-nav) .story-caption,body:has(.app-bottom-nav) .inicio-duration-controls{bottom:var(--app-bottom-nav-content-clearance)}@media (width<=760px){.app-bottom-nav{padding:3px}}@media (width<=380px){.app-bottom-nav{width:calc(100% - 16px)}}