@layer falue-approved-typography {
  html body #falue-back-top {
    position: fixed !important;
    inset-inline-end: 18px !important;
    bottom: var(--falue-top-bottom, calc(112px + env(safe-area-inset-bottom))) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: var(--fsc-paper, #fff) !important;
    color: var(--fsc-ink, #111216) !important;
    box-shadow: var(--fsc-shadow, 0 5px 14px #14182413) !important;
    z-index: 1030 !important;
    cursor: pointer;
    touch-action: manipulation;
    opacity: 1;
    visibility: visible;
    transition: opacity 180ms ease-out, visibility 0s !important;
  }
  html body #falue-back-top.falue-top-idle {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 700ms ease-in-out, visibility 0s 700ms !important;
  }
  html body #falue-back-top[hidden],
  html body:has(.wo_user_profile) #falue-back-top,
  html body:not(:has(.falue-timeline-feed #posts-laoded)) #falue-back-top {
    display: none !important;
  }
  html body #falue-back-top svg {
    display: block !important;
    width: 12px !important;
    height: 19px !important;
    transform: rotate(90deg) !important;
    fill: currentColor !important;
    stroke: none !important;
    pointer-events: none;
  }
  html body #falue-back-top:focus-visible {
    outline: 2px solid #746eb5 !important;
    outline-offset: 3px !important;
  }
  html body[mode="night"] #falue-back-top,
  html body[data-falue-ambient-theme="dark"] #falue-back-top {
    background: var(--fsc-paper, #252638) !important;
    color: var(--fsc-ink, #f7f8fc) !important;
  }
  @media (prefers-reduced-motion: reduce) {
    html body #falue-back-top,
    html body #falue-back-top.falue-top-idle { transition: none !important; }
  }
}