.rpb-ripple-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.rpb-ripple-wrapper .rpb-social-link {
  position: static;
  overflow: visible;
  border-radius: 0
}

.rpb-ripple-effect {
  position: absolute;
  border-radius: 50%;
  background: #ffffff26;
  transform: scale(0);
  animation: ripple .6s ease-out;
  pointer-events: none;
  z-index: 0
}

@keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0
  }
}

.rpb-bottom-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  display: flex;
  justify-content: space-between;
  gap: 2px;
  padding: 6px 4px calc(6px + env(safe-area-inset-bottom)) 4px;
  background: color-mix(in srgb, var(--color-surface-raised) 92%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--color-hairline);
  transition: transform var(--dur-base, .22s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))
}

.rpb-bottom-nav--hidden {
  transform: translateY(calc(100% + 1px))
}

@media(prefers-reduced-motion:reduce) {
  .rpb-bottom-nav {
    transition: none
  }
}

.rpb-bottom-nav__item {
  position: relative;
  flex: 1;
  min-width: 44px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px 4px;
  border-radius: 12px;
  color: var(--color-content-faint);
  text-decoration: none;
  transition: color var(--dur-instant, 90ms) var(--ease-out, ease), transform var(--dur-instant, 90ms) var(--ease-out, ease);
  -webkit-tap-highlight-color: transparent
}

.rpb-bottom-nav__item:hover {
  color: var(--color-content-muted)
}

.rpb-bottom-nav__item:active {
  transform: translateY(1px)
}

.rpb-bottom-nav__item--active {
  color: var(--color-brand)
}

.rpb-bottom-nav__pill {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 12px;
  background: color-mix(in srgb, var(--color-brand) 10%, transparent)
}

.rpb-bottom-nav__item:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
  color: var(--color-content)
}

.rpb-bottom-nav__icon {
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 1
}

.rpb-bottom-nav__label {
  position: relative;
  z-index: 1;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: .01em
}

body:has(.rpb-bottom-nav) #rpb-scroll-top-btn {
  bottom: calc(var(--rpb-bottom-nav-height, 0px) + 1rem);
  right: 1rem
}

[aria-controls="forums-menu"],
#forums-menu,
a[href*="forums.rugpullbot"],
a[href="/forums"],
a[href*="/forums/"],
a[href*="tab=forums"] {
  display: none !important
}
